:root{color-scheme:dark;--bg:#080d16;--surface:#101927;--text:#eef4ff;--muted:#99a9c0;--line:#ffffff12;--blue:#7ad9ff;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.75 system-ui,-apple-system,"Segoe UI",sans-serif;background-image:radial-gradient(ellipse at 78% 12%,#13345145,transparent 31%)}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;border:1px solid #ffffff20;border-radius:10px;padding:11px 22px;background:#ffffff05;color:var(--text);transition:background .2s,transform .2s,box-shadow .2s}button:hover{background:#ffffff0e;transform:translateY(-2px)}.primary{background:linear-gradient(125deg,#a0e8ff,#64bfff);color:#061322;border-color:#b5ebff;font-weight:650;box-shadow:0 4px 25px #48b9ff18}.primary:hover{background:#b4edff;box-shadow:0 6px 32px #48b9ff35}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--blue);outline-offset:5px}nav,main,footer{max-width:1280px;margin:auto;padding:24px 48px}nav{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:30px;background:#080d16d9;backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}nav strong{margin-right:auto;font-size:22px;letter-spacing:-.7px;white-space:nowrap}nav>a{font-size:13px;color:#a8b6c9}nav>a:hover{color:var(--blue)}nav button{font-size:13px;padding:9px 19px}.logo{display:inline-flex;vertical-align:middle;align-items:center;justify-content:center;width:37px;height:37px;margin-right:9px;background:linear-gradient(145deg,#93e5ff,#5089ef);color:#071329;border-radius:12px;box-shadow:0 0 24px #63caff25}.logo svg,.bar svg{width:23px;height:23px;vertical-align:middle}.menu{display:none}.hero{display:grid;grid-template-columns:1fr 1.12fr;gap:45px;align-items:center;min-height:650px;padding:95px 0 100px}.hero-copy{position:relative;z-index:2}.tag{display:inline-flex;align-items:center;gap:9px;font-size:10px;letter-spacing:2px;font-weight:600;color:var(--blue)}.status-dot{width:6px;height:6px;background:var(--blue);border-radius:50%;box-shadow:0 0 12px #7ad9ff}.hero .tag{border:1px solid #7ad9ff25;background:#7ad9ff06;border-radius:30px;padding:7px 13px;letter-spacing:1.5px}h1{font-size:clamp(34px,4.2vw,55px);line-height:1.35;letter-spacing:-2px;margin:26px 0}h1 span{background:linear-gradient(110deg,#b7ecff,#6ac8ff 55%,#a6acff);background-clip:text;color:transparent}.intro{font-size:15px;line-height:2;color:var(--muted);max-width:405px}.actions{display:flex;gap:12px;margin-top:30px}.note{font-size:11px;color:#8c9cb2;margin-top:19px}.hero-visual{position:relative;min-width:0;perspective:1200px}.hero-visual:before{content:'';position:absolute;inset:-70px -20px;background:radial-gradient(ellipse,#398dd32b,transparent 65%);pointer-events:none}.visual-label,.visual-index{position:relative;font-size:9px;letter-spacing:2px;color:#8399b1}.visual-label{margin:0 0 25px 20px}.visual-index{margin-top:30px;text-align:right}.orbit{position:absolute;left:0;top:-85px;width:100%;height:480px;border:1px solid #77cfff16;border-radius:50%;transform:rotate(-30deg);pointer-events:none}.orbit-two{transform:rotate(25deg);inset:-50px 15px auto;width:95%;height:410px;border-color:#77cfff0b}.preview{position:relative;background:linear-gradient(135deg,#1a2b3cf5,#0d1524);border:1px solid #9cceff30;border-radius:16px;box-shadow:0 35px 80px #0008,inset 0 1px #ffffff0d;transform:rotateY(-7deg) rotateX(4deg);overflow:hidden;animation:float 8s ease-in-out infinite}.bar{padding:19px 18px;display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--line)}.bar strong{font-size:12px;white-space:nowrap}.bar svg{width:18px;margin-right:4px;color:var(--blue)}.bar small{margin-left:auto;font-size:9px}.window-dots{display:flex;gap:4px}.window-dots i{width:5px;height:5px;border-radius:50%;background:#697e97}.window-dots i:first-child{background:#75b8d4}.workspace{display:grid;grid-template-columns:120px 1fr;min-height:305px}.side{background:#080f1b55;border-right:1px solid var(--line);padding:22px 12px;font-size:11px;color:#91a4bf}.side p{padding-left:11px;margin:15px 0}.selected{color:#9edfff;background:#65c4ff12;border:1px solid #65c4ff18;padding:7px 10px;border-radius:6px}.capacity{margin-top:60px;font-size:9px}.track{height:4px;border-radius:5px;background:#ffffff0d;margin:9px 0}.track:after{content:'';display:block;width:32%;height:100%;background:linear-gradient(90deg,#6b9fff,#8ee7ff);border-radius:5px;box-shadow:0 0 10px #7ad9ff45}.files{padding:20px;min-width:0}.files h3{font-size:14px;margin:0 0 12px}.row{display:flex;align-items:center;gap:11px;padding:13px 0;border-bottom:1px solid var(--line);font-size:11px;color:#c3d1e3}.row:last-child{border:0}.row small{margin-left:auto;color:#95a7bd;font-size:9px;white-space:nowrap}.icon{width:34px;height:36px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;color:#80cfff;background:#64bfff0e;border:1px solid #64bfff12}.icon svg{width:21px;height:21px}.row:nth-child(3) .icon{color:#b6a4ff;background:#a793ff0c}.row:nth-child(4) .icon{color:#78d9c2;background:#78d9c20c}.floating-note{position:absolute;bottom:-12px;left:-26px;display:flex;align-items:center;gap:13px;background:linear-gradient(130deg,#213c50ed,#122135f5);border:1px solid #9ad7ff30;border-radius:13px;padding:13px 20px;box-shadow:0 15px 40px #0005;font-size:12px;backdrop-filter:blur(10px)}.floating-note small{display:block;font-size:7px;letter-spacing:1px;color:#8da8bf;margin-top:3px}.mini-cloud{color:var(--blue);font-size:28px}.principles{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#b4c2d3;font-size:13px}.principles>span:first-child{font-size:11px;color:var(--muted)}.principles b{color:#69a2bb;margin-left:30px;font-weight:400}section{position:relative}h2{font-size:34px;line-height:1.4;letter-spacing:-1px;margin:15px 0}h3{line-height:1.5}.muted{color:var(--muted)}.features{padding:95px 0 75px;text-align:center}.features>p,.guide>p{font-size:14px}.carousel{margin-top:40px;text-align:left;border:1px solid var(--line);border-radius:var(--radius);background:radial-gradient(ellipse at 90% 20%,#23558126,transparent 65%),linear-gradient(130deg,#131e2d,#0d1420);padding:45px;overflow:hidden}.slide{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;align-items:center;min-height:260px;animation:fade .4s ease}.slide .tag{font-size:10px;letter-spacing:1px}.slide h3{font-size:30px;margin:20px 0 12px}.slide p{color:var(--muted);font-size:14px}.slide small{font-size:11px}.scene{border:1px solid #94b7d620;border-radius:14px;background:linear-gradient(130deg,#1a293c,#101a29);padding:24px;box-shadow:0 15px 30px #0003}.scene>strong{font-size:13px;color:#dce8f7}.scene .row{padding:15px 0}.carousel-controls{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:30px;padding-top:25px;border-top:1px solid var(--line)}.carousel-controls button{padding:7px 12px;font-size:11px;border-color:transparent;color:#a2b2c7}.dots{display:flex;gap:3px;background:#080d1670;border:1px solid var(--line);border-radius:9px;padding:4px}.dots [aria-pressed=true]{background:#253c50;color:#a9e5ff}.guide{padding:35px 0 90px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:35px}.card{position:relative;padding:28px;background:linear-gradient(145deg,#141e2b,#0d1420);border:1px solid var(--line);border-radius:16px;transition:transform .25s,border-color .25s}.card:hover{transform:translateY(-5px);border-color:#7ad9ff45}.step{font-size:12px;letter-spacing:2px;color:var(--blue);display:block;padding-bottom:25px;border-bottom:1px solid var(--line)}.card h3{font-size:18px;margin-top:24px}.card p{font-size:13px;color:var(--muted);margin-bottom:0}.faq{max-width:800px;margin:auto;padding:25px 0 100px}.faq>.tag,.faq>h2{display:block;text-align:center}.faq h2{margin-bottom:35px}details{border-bottom:1px solid var(--line);padding:21px 0}summary{cursor:pointer;font-size:14px;font-weight:500;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary:after{content:'+';font-size:21px;color:var(--blue);font-weight:300}details[open] summary:after{content:'−'}details p{color:var(--muted);font-size:13px;max-width:700px;margin:15px 0 3px}.faq a{color:var(--blue);text-decoration:underline}.cta{overflow:hidden;border:1px solid #87bfff26;border-radius:var(--radius);background:radial-gradient(ellipse at 50% 120%,#23659560,transparent 65%),#101a28;text-align:center;padding:60px 25px;margin-bottom:50px}.cta h2{font-size:36px;margin:18px 0 10px}.cta p{font-size:14px;margin-bottom:25px}footer{display:flex;align-items:center;gap:28px;border-top:1px solid var(--line);padding-top:35px;padding-bottom:40px;font-size:11px;color:#91a3b9;flex-wrap:wrap}.footerbrand{margin-right:auto}.footerbrand strong{color:#dbe7f6;font-size:18px}.footerbrand p{margin:6px 0}.privacy-link{border:0;padding:0;font-size:11px;color:#91a3b9}dialog{color:var(--text);background:#111c2c;border:1px solid #8fbde52b;border-radius:20px;padding:32px;width:min(460px,92vw);max-height:90dvh;overflow:auto;box-shadow:0 30px 110px #0009}dialog::backdrop{background:#020710b0;backdrop-filter:blur(8px)}dialog h2{font-size:27px;margin:10px 0}dialog p{font-size:13px}.close{position:absolute;right:14px;top:10px;font-size:24px;border:0;padding:0 8px;color:var(--muted)}#auth{width:min(760px,94vw);padding:40px 35px 35px 290px;background:linear-gradient(90deg,#172b40 0 255px,#111c2c 255px)}label{display:block;font-size:12px;color:#b6c6d9;margin:16px 0 7px}input{width:100%;min-width:0;padding:11px 13px;background:#080f1c;border:1px solid #a2bddd25;border-radius:8px;color:var(--text);font-size:14px}input::placeholder{color:#778aa4}input:focus{outline:2px solid #7ad9ff80;outline-offset:2px}.password{display:flex;gap:7px}.password button{padding:5px 11px;font-size:11px;white-space:nowrap}form>.primary{width:100%;margin-top:22px}.switch{text-align:center;font-size:12px;margin-top:20px;color:var(--muted)}.switch button{border:0;padding:0;color:var(--blue);font-size:12px}#forgot{display:block;margin-left:auto;border:0;color:var(--blue);font-size:11px;padding:4px 0}.message{font-size:12px;color:#ffc990;min-height:22px;margin-top:10px}.field-error{color:#ffaaaa;font-size:12px;margin:5px 0}.password-help,.strength{font-size:11px;color:var(--muted);margin:7px 0}[aria-invalid=true]{border-color:#ff9c9c}[hidden]{display:none!important}.enter{animation:fade .7s ease both}@keyframes fade{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,100%{transform:rotateY(-7deg) rotateX(4deg) translateY(0)}50%{transform:rotateY(-5deg) rotateX(3deg) translateY(-9px)}}
@media(min-width:1600px){.hero{min-height:710px}}@media(max-width:1050px){nav,main,footer{padding-left:28px;padding-right:28px}nav{gap:18px}.hero{gap:25px}.workspace{grid-template-columns:95px 1fr}.files{padding:15px}.bar{padding:14px 12px;gap:8px}.bar small{font-size:8px}.window-dots{display:none}.hero .actions button{padding:10px 14px}.floating-note{left:-10px}.slide{gap:30px}}
@media(max-width:800px){nav{gap:10px;flex-wrap:wrap;padding:16px 20px}nav strong{font-size:19px}nav>a{display:none}.menu{display:block;padding:6px 10px}nav button{padding:7px 12px}nav.open>a{display:block;width:100%;order:5;padding:5px 0}.hero{grid-template-columns:1fr;padding:55px 0 65px;gap:65px;min-height:0}.hero-copy{max-width:550px}h1{font-size:48px}.hero-visual{max-width:600px;width:100%;margin:auto}.preview{transform:none;animation:none}.orbit{height:400px;top:-45px}.visual-label{margin-left:0}.workspace{grid-template-columns:120px 1fr}.files{padding:20px}.floating-note{left:12px;bottom:-5px}.principles{flex-wrap:wrap;gap:15px}.principles>span:first-child{width:100%}.principles b{margin-left:10px}.features{padding-top:65px}.carousel{padding:28px}.slide{gap:20px;grid-template-columns:1fr;min-height:450px}.scene{padding:20px}.cards{gap:12px}.card{padding:20px}.card h3{font-size:16px}.faq{padding-bottom:65px}.cta h2{font-size:30px}footer{gap:20px}.footerbrand{width:100%}}
@media(max-width:540px){main{padding:16px 20px}nav{gap:7px}nav strong{font-size:17px}.logo{width:29px;height:29px;border-radius:9px;margin-right:6px}.logo svg{width:20px}nav button{font-size:11px;padding:6px 9px}h1{font-size:clamp(32px,9.2vw,46px);letter-spacing:-1.5px}.hero .tag{font-size:8px}.hero{padding-top:35px;gap:55px}.intro{font-size:14px}.actions{gap:9px}.actions button{font-size:13px}.workspace{grid-template-columns:82px 1fr;min-height:280px}.side{padding:18px 7px;font-size:9px}.selected{padding:7px}.side p{padding-left:7px}.capacity{font-size:8px}.files{padding:15px 10px}.files h3{font-size:12px}.files h3 small{display:none}.row{font-size:10px;gap:6px}.row small{font-size:8px}.icon{width:27px;height:30px}.icon svg{width:18px}.bar strong{font-size:11px}.bar small{font-size:8px}.floating-note{padding:10px 13px;font-size:10px}.floating-note small{font-size:6px}.visual-label,.visual-index{font-size:7px}.visual-index{margin-top:40px}.orbit{width:90%;left:5%;height:350px}.principles{font-size:11px}.features{padding-bottom:45px}h2{font-size:27px}.carousel{padding:22px 17px}.slide{min-height:450px}.slide h3{font-size:26px}.carousel-controls{gap:3px;flex-wrap:wrap}.carousel-controls button{padding:6px 8px;font-size:10px}.dots{gap:0}.cards{grid-template-columns:1fr}.card{padding:24px}.step{padding-bottom:14px}.card h3{margin-top:18px}.guide{padding-bottom:55px}.cta{padding:42px 18px}.cta h2{font-size:26px}.cta .tag{font-size:8px}#auth{padding:30px 24px;background:#111c2c}footer{padding:25px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.preview{transform:none}}
/* Keep decorative geometry inside small screens. */
.hero-visual:after{content:'';position:absolute;inset:-30px 0;z-index:-1;pointer-events:none;background-image:linear-gradient(#7ad9ff07 1px,transparent 1px),linear-gradient(90deg,#7ad9ff07 1px,transparent 1px);background-size:36px 36px;mask-image:radial-gradient(ellipse,#000,transparent 70%)}
@media(max-width:540px){.orbit{display:none}.hero-visual:before{left:0;right:0}}
/* Light appearance is explicit and does not follow the system theme. */
:root{color-scheme:light;--bg:#f8fbff;--surface:#fff;--text:#172b46;--muted:#586b84;--line:#183d6514;--blue:#1766aa}
body{background-color:var(--bg);background-image:radial-gradient(ellipse at 78% 12%,#bce3ff55,transparent 31%)}
nav{background:#f8fbffe8}nav>a{color:#526780}button{background:#fff8;color:var(--text);border-color:#173e6526}button:hover{background:#eaf4ff}.primary{color:#fff;background:linear-gradient(125deg,#2986d9,#2464c9);border-color:#327acf;box-shadow:0 5px 24px #2879cf25}.primary:hover{background:#236bc4;box-shadow:0 8px 30px #2879cf35}.logo{color:#fff;background:linear-gradient(145deg,#55b1ed,#326acc)}
h1 span{background-image:linear-gradient(110deg,#1764ad,#358ec8 55%,#6e66b6)}.note{color:#60748b}.hero .tag{border-color:#3e8ac52a;background:#e8f4ff}.status-dot{background:#3891cc;box-shadow:0 0 12px #58b6ef55}.hero-visual:before{background:radial-gradient(ellipse,#8ac4ef38,transparent 65%)}.orbit{border-color:#4e94c927}.orbit-two{border-color:#4e94c916}.visual-label,.visual-index{color:#52718e}.preview{background:linear-gradient(135deg,#fffffffa,#edf5ff);border-color:#84afd34d;box-shadow:0 35px 80px #38658e20,inset 0 1px #fff}.bar{background:#ffffff65}.side{background:#eaf2fa80;color:#536d87}.selected{color:#185e9d;background:#daebfc;border-color:#9ec8ec40}.track{background:#d5e2ef}.row{color:#354e69}.row small{color:#60758b}.icon{color:#2779bb;background:#dfefff;border-color:#b6d5ee55}.row:nth-child(3) .icon{color:#7561b1;background:#eee8fc}.row:nth-child(4) .icon{color:#258372;background:#e1f2ee}.floating-note{background:linear-gradient(130deg,#fffffff5,#eaf5fff5);border-color:#9cc5e166;box-shadow:0 15px 40px #416e9320}.floating-note small{color:#5d7a92}.principles{color:#42607d}.principles b{color:#277bb7}.carousel{background:radial-gradient(ellipse at 90% 20%,#a5d9ff30,transparent 65%),linear-gradient(130deg,#fff,#edf5fc)}.scene{background:linear-gradient(130deg,#fff,#f2f7fd);border-color:#7fa6ca30;box-shadow:0 15px 30px #2c608d0c}.scene>strong{color:#294965}.carousel-controls button{color:#526d87}.dots{background:#e4edf7}.dots [aria-pressed=true]{background:#fff;color:#1762a2;box-shadow:0 2px 8px #34648910}.card{background:linear-gradient(145deg,#fff,#f0f6fd)}.card:hover{border-color:#629ece80}.cta{background:radial-gradient(ellipse at 50% 120%,#b3ddff90,transparent 65%),#eff6ff;border-color:#7daed43d}footer,.privacy-link{color:#59718a}.footerbrand strong{color:#25415d}dialog{background:#fff;border-color:#93b6d34d;box-shadow:0 30px 110px #163b6655}dialog::backdrop{background:#18324e66}#auth{background:linear-gradient(90deg,#e6f2ff 0 255px,#fff 255px)}label{color:#42607c}input{background:#f8fbff;border-color:#90aec54d;color:var(--text)}input::placeholder{color:#697e93}.message{color:#915008}.field-error{color:#b42332}[aria-invalid=true]{border-color:#c3414d}
#language{white-space:nowrap;padding:8px 11px;font-size:12px}nav{gap:22px}.row>span[data-i18n]{min-width:0;overflow-wrap:anywhere}.hero h1>span[data-i18n]{background:none;color:var(--text)}.principles>span:first-child{max-width:240px}html[lang=en] h1{font-size:clamp(32px,3.7vw,49px);letter-spacing:-1.8px}html[lang=en] .hero h1>span:not([data-i18n]){white-space:nowrap}
@media(max-width:1050px){nav{gap:12px}.workspace{grid-template-columns:105px 1fr}.bar small{font-size:8px}}
@media(max-width:800px){nav{gap:8px}html[lang=en] h1{font-size:clamp(31px,6.5vw,48px)}.hero .actions{flex-wrap:wrap}.principles>span:first-child{max-width:none}.hero-visual:before{left:0;right:0}}
@media(max-width:540px){nav{padding:14px 16px;gap:5px}nav strong{font-size:15px}nav button{padding:6px 7px}#language{font-size:10px;padding:6px 7px}.workspace{grid-template-columns:82px 1fr}.bar{gap:5px}.bar small{font-size:7px}.row small{font-size:7px}.files .row{gap:5px}.floating-note{font-size:10px}.carousel-controls{column-gap:2px}.carousel-controls button{padding:6px;font-size:9px}.principles{font-size:10px}.slide{min-height:480px}.scene .row{font-size:11px}#auth{background:#fff}html[lang=en] h1{font-size:clamp(28px,8.1vw,42px);letter-spacing:-1.3px}}

/* Real columns keep translated copy and artwork independent of the form. */
#auth{width:min(880px,94vw);padding:0;background:#fff;max-height:90dvh;overflow:auto;border-radius:24px}
#auth>.close{z-index:2;right:15px;top:12px;width:32px;height:32px;display:grid;place-items:center;line-height:1;background:#ffffffcf}
.auth-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);min-height:540px}
.auth-art{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;padding:30px;overflow:hidden;background:#eaf4ff;border-right:1px solid #dceaf7}
.auth-brand{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;font-size:19px;letter-spacing:-.6px;color:#245b8e}.auth-brand>span{font-size:26px;color:#549bd2}
.auth-illustration{position:absolute;z-index:-1;inset:35px 0 auto;width:100%;height:390px;object-fit:cover;object-position:center;mix-blend-mode:multiply}
.auth-art-copy{position:relative;margin-top:310px;padding-top:15px;background:linear-gradient(0deg,#eaf4ff 80%,#eaf4ff00)}
.auth-art-copy .tag{font-size:8px;letter-spacing:1.6px}.auth-art-copy h3{font-size:25px;letter-spacing:-.7px;line-height:1.35;color:#204e77;margin:12px 0}.auth-art-copy p{font-size:12px;color:#55728e;line-height:1.8;margin:0;max-width:250px}
.auth-form-panel{min-width:0;padding:42px 38px 30px}.auth-form-panel>.tag{font-size:10px}.auth-form-panel h2{font-size:29px;margin:12px 0 6px}.auth-form-panel #subtitle{margin:0 0 23px;line-height:1.65}.auth-form-panel form{position:relative}.auth-form-panel label{margin-top:17px}.auth-form-panel #forgot{position:absolute;right:0;top:0;padding:0;font-size:11px}.auth-form-panel #forgot:not([hidden])~label[for=email]{padding-right:110px}.auth-form-panel input{padding:12px 13px}.auth-form-panel .message:empty{min-height:0;margin:0}.auth-form-panel .switch{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}
@media(max-width:700px){#auth{width:min(440px,94vw);border-radius:18px}.auth-layout{display:block;min-height:0}.auth-art{display:none}.auth-form-panel{padding:35px 25px 25px}.auth-form-panel h2{font-size:26px}}
@media(max-height:700px) and (min-width:701px){.auth-layout{min-height:0}.auth-form-panel{padding-top:30px}.auth-art-copy{margin-top:260px}.auth-illustration{height:320px}}
.auth-illustration{mask-image:linear-gradient(to bottom,transparent,#000 15%,#000 78%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 15%,#000 78%,transparent)}.auth-art-copy{background:none}