:root{--btn-glow: 93 95 187;--btn-secondary-bg: var(--surface-bg-subtle)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--btn-glow: 136 141 249;--btn-secondary-bg: var(--surface-raised)}}[data-theme=dark]{--btn-glow: 136 141 249;--btn-secondary-bg: var(--surface-raised)}[data-theme=light]{--btn-glow: 93 95 187;--btn-secondary-bg: var(--surface-bg-subtle)}.btn{--btn-g1: var(--cta-alt-bg);--btn-g2: var(--cta-bg);--orb: 40px;position:relative;isolation:isolate;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:14px;height:52px;padding:0 6px 0 24px;border:0;border-radius:999px;font-family:SUSE,system-ui,sans-serif;font-size:15px;font-weight:600;line-height:1;white-space:nowrap;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .14s cubic-bezier(.2,.8,.2,1),background-position .7s cubic-bezier(.2,.8,.2,1),background-color .25s ease,box-shadow .3s ease,color .2s ease}.btn--sm{--orb: 30px;height:40px;gap:10px;padding:0 5px 0 18px;font-size:14px}.btn--no-icon{padding-right:24px}.btn--sm.btn--no-icon{padding-right:18px}.btn:active{transform:scale(.97)}.btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.btn:disabled,.btn[aria-disabled=true]{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.btn__orb{position:relative;isolation:isolate;flex:none;width:var(--orb);height:var(--orb);border-radius:999px;overflow:hidden;transition:transform .3s cubic-bezier(.2,.8,.2,1),background-position .7s cubic-bezier(.2,.8,.2,1)}.btn__orb svg{position:absolute;left:50%;top:50%;margin:-8px 0 0 -8px;transition:transform .38s cubic-bezier(.2,.8,.2,1)}.btn__orb svg+svg{transform:translate(-160%,160%)}.btn:hover .btn__orb svg{transform:translate(160%,-160%)}.btn:hover .btn__orb svg+svg{transform:translate(0)}.btn__orb--down svg+svg{transform:translateY(-160%)}.btn:hover .btn__orb--down svg{transform:translateY(160%)}.btn:hover .btn__orb--down svg+svg{transform:translateY(0)}.btn__orb--up svg+svg{transform:translateY(160%)}.btn:hover .btn__orb--up svg{transform:translateY(-160%)}.btn:hover .btn__orb--up svg+svg{transform:translateY(0)}.btn:hover:not(:disabled) .btn__orb{transform:scale(1.06)}.btn--primary{color:var(--on-cta);background-image:linear-gradient(100deg,var(--btn-g1) 0%,var(--btn-g2) 50%,var(--btn-g1) 100%);background-size:200% 100%;background-position:0% 0;box-shadow:0 8px 24px -10px rgb(var(--btn-glow) / .7)}.btn--primary .btn__orb{background:var(--surface-bg);color:var(--text-accent)}.btn--primary:hover:not(:disabled){background-position:100% 0;box-shadow:0 0 0 4px rgb(var(--btn-glow) / .18),0 14px 32px -10px rgb(var(--btn-glow) / .85)}.btn--secondary{color:var(--text);background-color:var(--btn-secondary-bg)}.btn--secondary .btn__orb{color:var(--on-cta-alt);background-image:linear-gradient(135deg,var(--btn-g1) 0%,var(--btn-g2) 50%,var(--btn-g1) 100%);background-size:200% 200%;background-position:0% 0%}.btn--secondary:hover:not(:disabled){background-color:var(--border)}.btn--secondary:hover .btn__orb{background-position:100% 100%}.btn--tertiary{color:var(--text-accent);background:transparent}.btn--tertiary:before,.btn--tertiary .btn__orb:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;padding:2px;background-image:linear-gradient(100deg,var(--btn-g1) 0%,var(--btn-g2) 50%,var(--btn-g1) 100%);background-size:200% 100%;background-position:0% 0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);transition:background-position .7s cubic-bezier(.2,.8,.2,1);pointer-events:none}.btn--tertiary .btn__orb{color:var(--text-accent)}.btn--tertiary:hover:not(:disabled){background-color:rgb(var(--btn-glow) / .12)}.btn--tertiary:hover:before,.btn--tertiary:hover .btn__orb:before{background-position:100% 0}.btn--ghost{color:var(--text);background:transparent;padding-left:16px}.btn--ghost .btn__orb{background:rgb(var(--btn-glow) / .16);color:var(--text-accent)}.btn--ghost:hover:not(:disabled){background-color:rgb(var(--btn-glow) / .1);color:var(--text-accent)}.btn--link{--orb: 20px;height:44px;padding:0 4px;gap:6px;color:var(--text-accent);background:none;border-radius:6px}.btn--link .btn__label{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:7px}.btn--link:hover .btn__label{text-decoration-style:wavy}.btn--link:hover:not(:disabled) .btn__orb{transform:none}@media(prefers-reduced-motion:reduce){.btn,.btn__orb,.btn__orb svg,.btn--tertiary:before,.btn--tertiary .btn__orb:before{transition:none}.btn:active,.btn:hover .btn__orb,.btn:hover .btn__orb svg{transform:none}.btn:hover .btn__orb svg+svg{opacity:0}}@media(forced-colors:active){.btn{border:2px solid ButtonText}}.work{box-sizing:border-box;width:min(1620px,100% - 2 * var(--gutter));margin:calc(var(--section-gap) - var(--intro-pad-bottom, 0px) - (100vh - var(--intro-pad-top, 0px) - var(--intro-pad-bottom, 0px) - var(--intro-card-h, 0px)) / 2) auto 0;margin-top:calc(var(--section-gap) - var(--intro-pad-bottom, 0px) - (100svh - var(--intro-pad-top, 0px) - var(--intro-pad-bottom, 0px) - var(--intro-card-h, 0px)) / 2);padding:0;color:var(--on-image)}.work-label{margin:0;font-size:24px;font-weight:600;line-height:1;letter-spacing:0;text-transform:uppercase}.showcase+.showcase{margin-top:clamp(120px,14vw,240px)}.showcase-title{margin:4.94% 0 0 .68%;width:98.6%;line-height:0}.showcase-title img{display:block;width:100%;height:auto}.showcase-phones{position:relative;z-index:1;width:66.05%;margin:-5.86% 0 0 17.78%;aspect-ratio:1070 / 988}.showcase-phone{position:absolute;height:auto;transform-origin:50% 50%}.showcase-phone--strong{filter:drop-shadow(0 20px 40px rgb(0 0 0 / .5)) drop-shadow(0 0 48px rgb(136 141 249 / .12))}.showcase-phone--soft{filter:drop-shadow(0 16px 33px rgb(0 0 0 / .35)) drop-shadow(0 0 48px rgb(136 141 249 / .1))}.showcase-card{position:relative;z-index:2;box-sizing:border-box;width:min(800px,100%);margin:-2.84% auto 0;padding:32px;border-radius:32px;border:1px solid var(--border-strong);background-color:var(--scrim);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;flex-direction:column;gap:32px}.showcase-card-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.showcase-card-top img{display:block;height:36px;width:auto}.showcase-tag{padding:10px 12px;border:1px solid var(--sky-400);border-radius:999px;color:var(--sky-400);font-size:12px;font-weight:600;line-height:1;text-transform:uppercase;white-space:nowrap}.showcase-text{margin:0;font-family:Inter,system-ui,sans-serif;font-size:20px;font-weight:500;line-height:30px}.showcase-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:16px 24px}@media(max-width:720px){.work-label{font-size:14px}.showcase-phones{width:100%;margin:-4% 0 0}.showcase-card{margin-top:8px;padding:24px;border-radius:24px;gap:24px}.showcase-text{font-size:16px;line-height:24px}.showcase-actions{justify-content:flex-start}}.footer{box-sizing:border-box;padding:var(--section-gap) var(--gutter) clamp(40px,3.33334vw + 16px,80px);color:var(--on-image)}.footer-inner{max-width:960px;margin:0 auto}.footer-logo{display:block;width:min(540px,100%);height:auto;margin:0 auto}.footer-row{margin-top:64px;display:flex;justify-content:space-between;gap:32px 64px}.footer-about{margin:0;max-width:424px;font-size:20px;font-weight:600;line-height:24px}.footer-info{list-style:none;margin:0;padding:0;max-width:472px;display:flex;flex-direction:column;gap:16px;font-size:16px;font-weight:500;line-height:21px}.footer-info li{display:flex;align-items:flex-start;gap:20px}.footer-info img{flex:none;display:block}.footer-info-strong{font-weight:600}.footer-line{margin:64px 0;border:0;border-top:1px solid var(--border)}.footer-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px 40px;font-size:14px;line-height:21px}.footer-bottom p{margin:0}.footer-legal{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 40px}@media(max-width:720px){.footer-row{flex-direction:column;margin-top:48px}.footer-line{margin:48px 0}.footer-bottom{flex-direction:column}.footer-legal{gap:8px 24px}}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(./inter-latin-500-normal-Cerq10X2.woff2) format("woff2"),url(./inter-latin-500-normal-BL9OpVg8.woff) format("woff")}@font-face{font-family:SUSE;font-style:normal;font-display:swap;font-weight:500;src:url(./suse-latin-500-normal-BERLVH_X.woff2) format("woff2"),url(./suse-latin-500-normal-CEOWfCpm.woff) format("woff")}@font-face{font-family:SUSE;font-style:normal;font-display:swap;font-weight:600;src:url(./suse-latin-600-normal-D4QdoYY5.woff2) format("woff2"),url(./suse-latin-600-normal-CkuUNCAa.woff) format("woff")}@font-face{font-family:SUSE;font-style:normal;font-display:swap;font-weight:800;src:url(./suse-latin-800-normal-CkciHv7Y.woff2) format("woff2"),url(./suse-latin-800-normal-DkwMtOID.woff) format("woff")}@font-face{font-family:SUSE;font-style:normal;font-display:swap;font-weight:900;src:url(./suse-latin-900-normal-L1gCsx6G.woff2) format("woff2"),url(./suse-latin-900-normal-BDIi8Gom.woff) format("woff")}:root{--peri-50: #F5F6FE;--peri-100: #E9EBFE;--peri-200: #D5DAFF;--peri-300: #B5BCFF;--peri-400: #888DF9;--peri-500: #7073D6;--peri-600: #5D5FBB;--peri-700: #4B4CA0;--peri-800: #373683;--peri-900: #252166;--peri-950: #150B4B;--sky-50: #F1F8FF;--sky-100: #E0EFFE;--sky-200: #C3E0FE;--sky-300: #92C8FE;--sky-400: #44A6FF;--sky-500: #2784D4;--sky-600: #106FB9;--sky-700: #005A9B;--sky-800: #004478;--sky-900: #002F55;--sky-950: #001B36;--ink-50: #F8FAFE;--ink-100: #ECF2FF;--ink-200: #D5DEF3;--ink-300: #B5BED2;--ink-400: #9098AB;--ink-500: #6C7487;--ink-600: #4F586C;--ink-700: #374053;--ink-800: #21293A;--ink-900: #0E1526;--ink-950: #050A1A;--base-white: #FFFFFF}:root{--surface-bg: var(--base-white);--surface-bg-subtle: var(--ink-100);--surface-raised: var(--base-white);--text: var(--ink-900);--text-muted: var(--ink-600);--text-accent: var(--peri-600);--text-accent-alt: var(--sky-600);--display-accent: var(--peri-500);--cta-bg: var(--peri-600);--cta-bg-hover: var(--peri-700);--on-cta: var(--base-white);--cta-alt-bg: var(--sky-700);--on-cta-alt: var(--base-white);--border: var(--ink-200);--border-strong: var(--ink-500);--focus-ring: var(--sky-600);--scrim: rgb(5 10 26 / .7);--on-image: var(--base-white)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--surface-bg: var(--ink-950);--surface-bg-subtle: var(--ink-900);--surface-raised: var(--ink-800);--text: var(--ink-100);--text-muted: var(--ink-300);--text-accent: var(--peri-300);--text-accent-alt: var(--sky-300);--display-accent: var(--peri-400);--cta-bg: var(--peri-400);--cta-bg-hover: var(--peri-300);--on-cta: var(--ink-950);--cta-alt-bg: var(--sky-400);--on-cta-alt: var(--ink-950);--border: var(--ink-700);--border-strong: var(--ink-400);--focus-ring: var(--sky-300);--scrim: rgb(5 10 26 / .7);--on-image: var(--base-white);color-scheme:dark}}[data-theme=dark]{--surface-bg: var(--ink-950);--surface-bg-subtle: var(--ink-900);--surface-raised: var(--ink-800);--text: var(--ink-100);--text-muted: var(--ink-300);--text-accent: var(--peri-300);--text-accent-alt: var(--sky-300);--display-accent: var(--peri-400);--cta-bg: var(--peri-400);--cta-bg-hover: var(--peri-300);--on-cta: var(--ink-950);--cta-alt-bg: var(--sky-400);--on-cta-alt: var(--ink-950);--border: var(--ink-700);--border-strong: var(--ink-400);--focus-ring: var(--sky-300);--scrim: rgb(5 10 26 / .7);--on-image: var(--base-white);color-scheme:dark}:root{--gutter: clamp(16px, 5.6vw, 80px);--section-gap: clamp(240px, 29.1667vw - 20px, 540px)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}html{background:#365f54}html.is-covered{background:var(--ink-950)}body{background:transparent;font-family:SUSE,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.stage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.beach-loader,.videos,.bg-video{position:absolute;top:0;right:0;bottom:0;left:0}.beach-loader{transition:opacity 1.2s ease,visibility 0s linear 1.2s}.beach-loader.is-hidden{opacity:0;visibility:hidden}.beach-loader svg{width:100%;height:100%;display:block}.bg-video{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.2s ease}.bg-video.is-front{opacity:1}.beach-loader .flow{animation:bl-flow linear infinite}@keyframes bl-flow{to{stroke-dashoffset:calc(-1px * var(--len))}}.beach-loader .slide{animation:bl-slide 6s linear infinite}@keyframes bl-slide{to{transform:translate(-200px)}}.bl-shore{animation:bl-wash 5s ease-in-out infinite}@keyframes bl-wash{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}.bl-foam-far{animation:bl-roll 7s ease-in-out infinite}.bl-foam-mid{animation:bl-roll 5s ease-in-out infinite}@keyframes bl-roll{0%,to{transform:translateY(0)}50%{transform:translateY(-22px)}}.bl-shimmer{animation:bl-shimmer 2.4s ease-in-out infinite}@keyframes bl-shimmer{to{transform:translate(2400px)}}.pill{position:fixed;z-index:50;top:56px;left:50%;transform:translate(-50%);width:max-content;max-width:calc(100% - 24px);display:flex;align-items:center;gap:32px;padding:8px 8px 8px 32px;border-radius:999px;background:var(--scrim);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 4px 12px #050a1a26;transition:background-color .25s ease}html.is-covered .pill{background-color:var(--ink-900)}.pill-logo{height:24px;width:auto;flex-shrink:0;display:block}.pill-actions{display:flex;align-items:center;gap:8px}.pill-reveal{display:grid;grid-template-columns:0fr;margin-right:-8px;opacity:0;transition:grid-template-columns .5s cubic-bezier(.2,.8,.2,1),margin-right .5s cubic-bezier(.2,.8,.2,1),opacity .3s ease}.pill-reveal>div{min-width:0;overflow:hidden;padding:4px;margin:-4px}.pill-reveal.is-shown{grid-template-columns:1fr;margin-right:0;opacity:1;transition-delay:0s,0s,.1s}.hero{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;-webkit-user-select:none;user-select:none;mix-blend-mode:difference;color:var(--on-image);font-weight:900}.hero-line{display:block;font-size:clamp(2rem,5vw,5rem);line-height:1.2;letter-spacing:.5em;padding-left:.5em;text-transform:uppercase;margin-bottom:clamp(4px,.6vw,12px)}.hero-line-bottom{margin-bottom:0;margin-top:clamp(8px,1.2vw,24px)}.hero-logo{display:block;width:clamp(280px,80vw,1200px);height:auto}.scroll-cue{position:absolute;left:50%;bottom:48px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:14px;pointer-events:none}.scroll-cue-label{color:var(--on-image);font-size:.8rem;font-weight:700;letter-spacing:.3em;padding-left:.3em;text-transform:uppercase;white-space:nowrap;text-shadow:0 1px 3px rgb(5 10 26 / .35)}.scroll-mouse{display:block;color:var(--on-image);width:30px;height:44px;overflow:visible;filter:drop-shadow(0 1px 3px rgb(5 10 26 / .35))}.scroll-mouse-arrow{animation:arrow-drop 1.8s ease-in infinite}@keyframes arrow-drop{0%{transform:translateY(-4px);opacity:0}25%{opacity:1}70%{transform:translateY(5px);opacity:1}to{transform:translateY(8px);opacity:0}}.toast{position:fixed;z-index:60;left:50%;bottom:40px;transform:translate(-50%,12px);max-width:calc(100% - 32px);padding:12px 20px;border-radius:999px;background:var(--scrim);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--on-image);font-size:14px;font-weight:600;text-align:center;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease}.toast.is-visible{opacity:1;transform:translate(-50%)}.fill{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;visibility:hidden;background-color:var(--scrim);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:background-color .25s ease;pointer-events:none}.fill.is-active{visibility:visible}.fill.is-solid{background-color:var(--ink-950)}.ripples{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;visibility:hidden;pointer-events:none;overflow:visible}.ripples path{fill:none;stroke:var(--peri-200);stroke-width:1.5}.page{position:relative;z-index:2}.hero-spacer{height:100vh;height:100svh}.intro{--sign: 40vh;--expand: 60vh;height:calc(100vh + var(--sign) + var(--expand));height:calc(100svh + var(--sign) + var(--expand))}.intro-sticky{position:sticky;top:0;height:100vh;height:100svh;display:flex;align-items:center;justify-content:center;padding:var(--intro-pad-top, 0px) var(--gutter) var(--intro-pad-bottom, 0px);box-sizing:border-box}.intro-card{position:relative;box-sizing:border-box;width:100%;max-width:960px;padding:80px;border-radius:96px;background-color:var(--scrim);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:var(--on-image);font-size:20px;font-weight:500;line-height:30px}.intro-card.is-handed-off{background-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.intro-card p{margin:0}.intro-card p+p{margin-top:30px}.intro-last{max-width:560px}.intro-link{color:var(--text-accent);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;border-radius:2px}.intro-link:hover{text-decoration-thickness:2px}.intro-link:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.intro-sign{display:block;overflow:visible;width:240px;height:auto;margin:-64px 0 -20px auto}@media(max-width:560px){.pill{top:32px;gap:16px;padding:6px 6px 6px 20px}.pill-logo{height:20px}.intro-card{padding:32px;border-radius:40px;font-size:16px;line-height:24px}.intro-card p+p{margin-top:24px}.intro-sign{width:160px;margin:12px -8px -8px auto}:root{--intro-pad-top: 92px;--intro-pad-bottom: 8px}.fill,.intro-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.pill-actions{gap:6px}.pill-reveal{margin-right:-6px}.btn--collapse .btn__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.btn--collapse.btn{padding:0 5px}}@media(min-width:561px)and (max-height:800px){:root{--intro-pad-top: 120px;--intro-pad-bottom: 8px}}@media(max-width:560px)and (max-height:720px){.intro-card{padding:24px;font-size:15px;line-height:22px}.intro-card p+p{margin-top:16px}.intro-sign{width:130px;margin:8px -4px -4px auto}}@media(max-width:360px){.pill{gap:12px;padding-left:16px}}@media(prefers-reduced-motion:reduce){.beach-loader *,.scroll-mouse-arrow,.pill-reveal,.toast{animation:none!important;transition:none!important}}