@font-face{font-family:Inter;src:url('/assets/fonts/inter-latin-400-600.woff2') format('woff2');font-weight:400 600;font-display:swap}
:root{color-scheme:light;--page:#f7f8fa;--surface:#eceef1;--ink:#1d1d1f;--muted:#626267;--accent:#146b61;--button:#167367;--button-hover:#105c53;--line:#d6d6da;--focus:#2462d1;--shadow:0 30px 65px -25px #182c3d40;--stage:#edf2f3;--gutter:clamp(22px,5vw,72px);--ease:cubic-bezier(.16,1,.3,1)}
:root[data-theme=dark]{color-scheme:dark;--page:#111214;--surface:#1b1c1f;--ink:#f5f5f7;--muted:#a5a5ad;--accent:#7ddbc8;--button:#8bdfce;--button-hover:#afe9dd;--line:#38383d;--focus:#92b7ff;--shadow:0 32px 80px -22px #05080c88;--stage:#20292c}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--page:#111214;--surface:#1b1c1f;--ink:#f5f5f7;--muted:#a5a5ad;--accent:#7ddbc8;--button:#8bdfce;--button-hover:#afe9dd;--line:#38383d;--focus:#92b7ff;--shadow:0 32px 80px -22px #05080c88;--stage:#20292c}}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px;scrollbar-color:var(--muted) var(--page)}
body{margin:0;background:var(--page);color:var(--ink);font:400 16px/1.65 Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}
::selection{background:var(--accent);color:var(--page)}
[hidden]{display:none!important}
a{color:inherit;text-underline-offset:5px;text-decoration-thickness:1px}
a:hover{text-decoration-color:var(--accent)}
button,a,summary,select{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:3px solid var(--focus);outline-offset:6px}
img{display:block;max-width:100%;height:auto}
svg{flex-shrink:0}
h1,h2,h3,p,figure{margin:0}
h1,h2,h3{font-weight:600;letter-spacing:-.04em;text-wrap:balance}
h2{font-size:clamp(38px,4.8vw,68px);line-height:1.08}
h3{line-height:1.1}
p{max-width:68ch}
.container{width:calc(100% - var(--gutter)*2);max-width:1200px;margin-inline:auto}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.skip-link{position:fixed;z-index:20;left:20px;top:12px;padding:10px 20px;color:#f5f5f7;background:#146b61;transform:translateY(-180%);border-radius:8px}
.skip-link:focus{transform:none}
.masthead{position:sticky;top:0;z-index:10;background:#171719f2;color:#f5f5f7;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.masthead-inner{min-height:72px;width:calc(100% - var(--gutter)*2);max-width:1200px;margin:auto;display:flex;align-items:center;gap:30px}
.brand{display:inline-block;flex-shrink:0}
.brand img{width:205px;height:auto}
.masthead nav{margin-left:auto;display:flex;gap:32px;font-size:13px}
.masthead a{text-decoration:none}
.masthead nav a{padding-block:14px;color:#d1d1d6;transition:color .16s}
.masthead nav a:hover{color:#f5f5f7}
.language{display:flex;align-items:center;gap:10px;font-size:12px}
.language a{color:#b7b7bd;padding:12px 2px}
.language a[aria-current]{color:#f5f5f7;text-decoration:underline;text-underline-offset:6px}
.language span{color:#8d8d96}
.theme-control{display:flex;align-items:center;gap:5px;padding-left:18px;border-left:1px solid #505056;color:#eee;font-size:12px}
.theme-control select{font:inherit;color:inherit;background:transparent;border:0;max-width:88px;padding:10px 0;cursor:pointer;color-scheme:dark}
.theme-control option{background:#171719;color:#f5f5f7}
.masthead :focus-visible,.footer :focus-visible,.contact :focus-visible{outline-color:#9ee8d8}
.hero{padding-top:74px;text-align:center}
.hero-copy{max-width:1040px;margin-inline:auto}
.hero h1{font-size:clamp(52px,6.4vw,88px);line-height:1.03}
.hero h1 span{display:block}
.hero h1 .hero-emphasis{color:var(--accent)}
.hero-copy>p{color:var(--muted);font-size:clamp(18px,1.6vw,22px);line-height:1.55;max-width:51ch;margin:26px auto 0;text-wrap:pretty}
.button{display:inline-flex;align-items:center;justify-content:center;gap:17px;background:var(--button);color:var(--page);border-radius:99px;padding:13px 24px;text-decoration:none;font-size:15px;font-weight:600;min-height:50px;transition:background-color .2s,transform .2s var(--ease)}
.button:hover{background:var(--button-hover);transform:translateY(-2px)}
.button:active{transform:translateY(0)}
.button svg{width:19px;height:19px}
.hero .button{margin-top:28px}
.hero-figure{margin-top:56px}
.product-signature{display:flex;align-items:center;justify-content:center;gap:13px;margin-bottom:26px;text-align:left}
.arah-icon{width:35px;height:auto;transform-origin:50% 70%;animation:arah-arrive .8s var(--ease) both}
.product-name{display:block;font-size:19px;font-weight:600;letter-spacing:-.03em}
.product-line{display:block;color:var(--muted);font-size:12px;margin-top:1px}
.preview-stage{max-width:1080px;margin:auto;perspective:1300px}
.hero-screen{display:block;border-radius:13px;box-shadow:var(--shadow);transform-origin:50% 100%;animation:preview-arrive .8s var(--ease) both}
.hero-screen img{border-radius:13px;width:100%}
.figure-note{font-size:12px;color:var(--muted);line-height:1.65;margin:24px auto 0}
.product{padding-top:150px;padding-bottom:100px}
.product-intro{display:grid;grid-template-columns:1.15fr 1fr;gap:90px;align-items:center;margin-bottom:70px}
.product-intro p{margin-top:18px;color:var(--muted);font-size:19px;line-height:1.65;max-width:44ch}
.status{display:inline-flex;gap:9px;align-items:center;color:var(--accent);font-size:13px;font-weight:500}
.status>span{width:6px;height:6px;background:currentColor;border-radius:50%}
.story{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:54px;align-items:center;margin-bottom:32px;padding:64px 48px;background:var(--surface);border-radius:16px}
.story.reverse{grid-template-columns:minmax(0,1.22fr) minmax(0,.78fr);background:var(--stage)}
.story.reverse .story-copy{grid-column:2;grid-row:1}
.story.reverse figure{grid-column:1;grid-row:1}
.story h3{font-size:clamp(30px,3.4vw,48px)}
.story-copy>p{font-size:17px;color:var(--muted);margin-top:24px;max-width:36ch}
.story-copy .story-note{font-size:13px;color:var(--accent);margin-top:25px}
.story-screen{display:block;box-shadow:0 16px 34px -18px #05080c55;border-radius:8px;transition:transform .45s var(--ease)}
.story-screen img{border-radius:8px}
@media(hover:hover){.story-screen:hover{transform:scale(1.018)}}
.story figcaption{display:flex;align-items:center;gap:6px;flex-wrap:wrap;color:var(--muted);font-size:11px;padding-top:16px}
.story figcaption a{display:inline-flex;align-items:center;gap:5px;margin-left:auto;font-size:11px;padding-block:6px}
.story figcaption svg{width:15px;height:15px}
.studio{background:var(--surface);padding-block:115px}
.studio-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:100px;align-items:center}
.studio-mark{width:66px;height:66px;margin-bottom:28px}
.studio-mark.mark-arrived{animation:labs-arrive .8s var(--ease) both}
.studio h2{font-size:clamp(38px,4vw,56px)}
.studio p{color:var(--muted);margin-top:26px;font-size:18px;max-width:46ch}
.principles article{padding-block:27px;border-bottom:1px solid var(--line)}
.principles h3{font-size:22px;letter-spacing:-.025em}
.principles p{font-size:15px;margin-top:12px}
.text-link{display:inline-flex;align-items:center;gap:10px;font-weight:500;font-size:15px}
.text-link svg{width:18px;height:18px}
.principles>.text-link{margin-top:25px;color:var(--accent)}
.faq{display:grid;grid-template-columns:1fr 1.3fr;gap:100px;padding-block:120px}
.questions{border-top:1px solid var(--line)}
details{border-bottom:1px solid var(--line)}
summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 0;cursor:pointer;list-style:none;font-size:17px;font-weight:500}
summary::-webkit-details-marker{display:none}
summary:hover{color:var(--accent)}
.disclosure{position:relative;width:16px;height:16px;flex:0 0 16px}
.disclosure:before,.disclosure:after{content:'';position:absolute;top:7px;left:0;width:16px;height:1px;background:currentColor;transition:transform .2s var(--ease)}
.disclosure:after{transform:rotate(90deg)}
details[open] .disclosure:after{transform:rotate(0)}
.answer{padding:0 26px 28px 0;font-size:15px;color:var(--muted)}
.answer a{color:var(--accent)}
.email{overflow-wrap:anywhere}
.contact{background:#171719;color:#f5f5f7;padding-block:100px}
.contact-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:100px;align-items:center}
.contact h2{font-size:clamp(36px,4vw,56px)}
.contact p{color:#b7b7bf;font-size:17px;max-width:40ch}
.contact-link{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:clamp(17px,2vw,27px);margin-top:28px;padding-bottom:16px;border-bottom:1px solid #5b5b63;text-decoration:none;overflow-wrap:anywhere}
.contact-link:hover{color:#9ee8d8}
.footer{background:#171719;color:#f5f5f7;padding-block:10px 35px}
.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #45454b;padding-top:30px}
.footer .brand img{width:170px}
.footer p{font-size:12px;color:#b7b7bf;margin-top:12px}
.footer nav{display:flex;gap:25px;font-size:13px}
.footer nav a{padding-block:8px}
.footer-meta{text-align:right}
.policy{padding-top:45px;padding-bottom:90px;max-width:1040px}
.back svg{transform:rotate(180deg)}
.policy-heading{border-bottom:1px solid var(--line);padding-block:70px 38px}
.policy h1{font-size:clamp(40px,5vw,70px);line-height:1.08}
.policy-heading>p{margin-top:25px;font-size:20px;color:var(--muted)}
.policy-heading .updated{font-size:12px;margin-top:25px}
.policy-body{max-width:720px;margin-left:auto;padding-top:20px}
.policy-body section{padding-top:40px}
.policy-body h2{font-size:25px;line-height:1.25;letter-spacing:-.025em}
.policy-body p{margin-top:16px;color:var(--muted);overflow-wrap:break-word}
.policy-body a{color:var(--accent)}
.policy-related{border-top:1px solid var(--line);padding-top:28px;margin-top:44px!important}
.policy-related a{display:inline-flex;gap:18px;align-items:center}
.not-found{padding-block:80px 100px}
.error-code{font-size:14px;color:var(--accent);font-variant-numeric:tabular-nums}
.not-found h1{font-size:clamp(40px,5vw,68px);line-height:1.1;margin-block:25px}
.not-found p{color:var(--muted);margin-bottom:26px}
.not-found-en{margin-top:60px;padding-top:32px;border-top:1px solid var(--line)}
.not-found-en h2{font-size:30px;margin-bottom:18px}
@keyframes arah-arrive{from{transform:translateY(10px) rotate(-12deg) scale(.9)}to{transform:translateY(0) rotate(0) scale(1)}}
@keyframes preview-arrive{from{transform:rotateX(7deg) translateY(18px) scale(.98)}to{transform:rotateX(0) translateY(0) scale(1)}}
@keyframes labs-arrive{from{transform:rotate(-24deg) scale(.9)}to{transform:rotate(0) scale(1)}}
@media(max-width:1100px){.masthead-inner{gap:20px}.masthead nav{gap:20px}.brand img{width:185px}.theme-control{padding-left:13px}.hero{padding-top:64px}.hero h1{font-size:7vw}.product-intro,.studio-grid,.contact-grid,.faq{gap:50px}.story{padding:45px 30px;gap:32px}.story h3{font-size:36px}.story-copy>p{font-size:16px}.product{padding-top:110px}}
@media(max-width:760px){
  html{scroll-padding-top:125px}.masthead-inner{min-height:105px;flex-wrap:wrap;column-gap:16px;row-gap:0;padding-block:13px 8px}.brand img{width:165px}.masthead nav{order:3;flex:1 0 calc(100% - 90px);width:auto;margin:5px 0 0;gap:26px;font-size:12px}.masthead nav a{padding-block:5px}.language{margin-left:auto;font-size:11px;gap:8px}.language a{padding-block:8px}.theme-control{order:4;border-left:0;padding-left:0;margin:5px 0 0 auto;font-size:11px;gap:3px}.theme-control svg{width:14px;height:14px}.theme-control select{max-width:68px;padding-block:8px}
  .hero{padding-top:50px}.hero h1{font-size:clamp(44px,8vw,60px);line-height:1.07}.hero-copy>p{font-size:17px;margin-top:22px;max-width:38ch}.hero .button{margin-top:25px}.hero-figure{margin-top:43px}.product-signature{margin-bottom:20px}.product-name{font-size:18px}.product-line{font-size:11px}.arah-icon{width:31px}.hero-screen,.hero-screen img{border-radius:7px}.figure-note{font-size:11px;margin-top:20px}.product{padding-top:85px;padding-bottom:45px}.product-intro{grid-template-columns:1fr;gap:25px;margin-bottom:40px}.product-intro h2{font-size:42px}.product-intro p{font-size:17px;margin-top:14px}.status{font-size:12px}
  .story,.story.reverse{grid-template-columns:1fr;gap:30px;padding:32px 24px;margin-bottom:22px}.story.reverse .story-copy,.story.reverse figure{grid-column:auto;grid-row:auto}.story h3{font-size:36px}.story-copy>p{font-size:16px;max-width:44ch;margin-top:20px}.story-copy .story-note{font-size:12px;margin-top:20px}.story figcaption{font-size:10px;gap:5px;padding-top:12px}.story figcaption a{font-size:11px;margin-left:0;width:100%}.studio{padding-block:65px}.studio-grid{grid-template-columns:1fr;gap:34px}.studio-mark{width:53px;height:53px;margin-bottom:26px}.studio h2{font-size:42px}.studio p{font-size:17px;margin-top:22px}.principles h3{font-size:21px}.principles p{font-size:15px;margin-top:11px}.principles article{padding-block:24px}.faq{grid-template-columns:1fr;gap:35px;padding-block:70px}.faq h2{font-size:42px}summary{font-size:16px;padding-block:22px;gap:20px}.answer{font-size:15px;padding-right:8px}.contact{padding-block:65px}.contact-grid{grid-template-columns:1fr;gap:28px}.contact h2{font-size:40px}.contact p{font-size:17px}.contact-link{font-size:19px}.footer{padding-block:0 30px}.footer-inner{align-items:flex-start;flex-direction:column;gap:23px}.footer-meta{text-align:left}.footer nav{font-size:12px;gap:25px}.footer p{font-size:11px}.footer .brand img{width:170px}.policy{padding-top:30px;padding-bottom:60px}.policy-heading{padding-block:45px 30px}.policy h1{font-size:42px}.policy-heading>p{font-size:18px}.policy-body{padding-top:5px}.policy-body h2{font-size:24px}.policy-body p{font-size:16px}.policy-body section{padding-top:32px}.not-found{padding-block:55px 70px}
}
@media(max-width:390px){.masthead-inner{column-gap:10px}.brand img{width:140px}.language{gap:6px}.theme-control{padding-left:0}.hero h1{font-size:42px}.hero-copy>p{font-size:16px}.story{padding:28px 20px}.story h3{font-size:32px}.studio h2,.faq h2,.product-intro h2{font-size:38px}.contact h2{font-size:36px}.contact-link{font-size:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.button:hover,.story-screen:hover{transform:none}}
@media print{.masthead,.footer,.contact,.skip-link,.back{display:none}:root{color-scheme:light!important}body{background:#f7f8fa;color:#1d1d1f}.container{width:100%}.hero-screen,.story-screen{box-shadow:none}details .answer{display:block}.policy{max-width:none}.policy-body{margin:0}a{color:inherit}figure{break-inside:avoid}*,*:before,*:after{animation:none!important}}