:root{color-scheme:light dark;--bg:#f8f7fc;--surface:rgba(255,255,255,.78);--ink:#111117;--dim:#686875;--line:rgba(25,24,35,.1);--brand:#7454df;--radius:30px;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC",sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);line-height:1.55;background:radial-gradient(circle at 10% 0,rgba(85,137,238,.13),transparent 31rem),radial-gradient(circle at 92% 17%,rgba(234,105,164,.13),transparent 34rem),var(--bg)}a{color:inherit}.shell{width:min(1160px,calc(100% - 40px));margin-inline:auto}
.nav,header.shell{height:76px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font-size:19px;font-weight:760}.mark{display:grid;place-items:center;width:34px;height:34px;color:#fff;border-radius:10px;background:linear-gradient(140deg,#9a70ef,#6e53dc 55%,#e66ba9);box-shadow:0 8px 22px rgba(104,72,195,.24)}.nav nav,header.shell nav{display:flex;align-items:center;gap:26px}.nav nav a,header.shell nav a,footer a{color:var(--dim);text-decoration:none;font-size:14px}.nav nav a:hover,header.shell nav a:hover,footer a:hover{color:var(--ink)}.language{padding:7px 12px;color:var(--ink);font-weight:700;cursor:pointer;border:1px solid var(--line);border-radius:999px;background:var(--surface)}
.hero{display:grid;grid-template-columns:minmax(0,.86fr) minmax(540px,1.28fr);align-items:center;gap:52px;min-height:760px;padding-block:50px 90px}.eyebrow{margin:0;color:var(--brand);font-size:13px;font-weight:760;letter-spacing:.08em;text-transform:uppercase}h1{max-width:780px;margin:18px 0 26px;font-size:clamp(48px,6vw,78px);line-height:1.02;letter-spacing:-.055em}.lead{max-width:670px;color:var(--dim);font-size:clamp(17px,2vw,21px)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:0 21px;border-radius:999px;text-decoration:none;font-size:15px;font-weight:700}.button.primary{color:var(--bg);background:var(--ink)}.button.secondary{color:var(--ink);border:1px solid var(--line);background:var(--surface);backdrop-filter:blur(20px)}.availability{margin-top:18px;color:var(--dim);font-size:13px}
.browser-stage{min-width:0;perspective:1200px}.browser-window{display:grid;grid-template-columns:128px minmax(260px,1fr) 170px;width:720px;max-width:100%;height:500px;overflow:hidden;color:#17171d;border:1px solid rgba(255,255,255,.72);border-radius:26px;background:rgba(250,250,253,.91);box-shadow:0 38px 85px rgba(52,36,100,.22);transform:rotateY(-3deg) rotateX(1deg)}.demo-sidebar{padding:17px 11px;background:linear-gradient(175deg,rgba(217,225,255,.9),rgba(247,219,241,.86));border-right:1px solid rgba(30,30,45,.08)}.demo-profile{display:flex;align-items:center;gap:7px;margin-bottom:15px;font-size:12px}.avatar{display:grid;place-items:center;width:25px;height:25px;color:#fff;border-radius:8px;background:linear-gradient(140deg,#8664e8,#ef71aa)}.demo-profile i{width:7px;height:7px;margin-left:auto;border-radius:50%;background:#ff9f2f}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.quick-grid b{display:grid;place-items:center;height:34px;color:#53515d;font-size:10px;border:1px solid rgba(30,30,45,.08);border-radius:10px;background:rgba(255,255,255,.67)}.demo-folder{display:flex;align-items:center;gap:7px;margin-top:13px;padding:8px;color:#7a3e65;font-size:10px;border-radius:9px;background:rgba(238,108,165,.13)}.demo-folder small{margin-left:auto}.demo-tab{display:flex;align-items:center;gap:7px;margin-top:6px;padding:7px;border-radius:8px;font-size:9px}.demo-tab.active{background:rgba(255,255,255,.7)}.demo-tab div,.ai-source div{min-width:0}.demo-tab strong,.demo-tab small,.ai-source strong,.ai-source small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-tab small,.ai-source small{color:#92909b}.demo-page{min-width:0;background:#fff}.demo-toolbar{display:flex;height:45px;align-items:center;gap:12px;padding:0 14px;color:#7b7983;border-bottom:1px solid #ececf0;font-size:12px}.demo-toolbar div{flex:1;padding:7px 12px;color:#4e4c56;border-radius:9px;background:#f4f4f7}.demo-document{padding:72px 40px}.mini-label{color:var(--brand);font-size:9px;font-weight:800;letter-spacing:.09em}.demo-document h2{margin:12px 0 28px;font-size:31px;line-height:1.08;letter-spacing:-.04em}.demo-lines{display:grid;gap:10px}.demo-lines i{height:7px;border-radius:5px;background:#ebebf0}.demo-lines i:nth-child(2){width:88%}.demo-lines i:nth-child(3){width:72%}.demo-lines i:nth-child(4){width:91%}.demo-ai{display:flex;flex-direction:column;gap:11px;padding:16px 12px 12px;background:#f6f4fa;border-left:1px solid #e5e2ec}.ai-title{display:flex;align-items:center;gap:7px;font-size:12px}.ai-title span{color:var(--brand)}.ai-answer{padding:11px;font-size:10px;line-height:1.55;border-radius:10px;background:#fff}.ai-source{display:flex;align-items:center;gap:7px;margin-top:auto;padding:9px;font-size:9px;border-radius:9px;background:#ebe9ef}.ai-input{position:relative;min-height:70px;padding:12px;color:#9997a0;font-size:9px;border:1px solid #dedbe7;border-radius:13px;background:#fff}.ai-input b{position:absolute;right:8px;bottom:8px;display:grid;place-items:center;width:22px;height:22px;color:#fff;border-radius:50%;background:var(--brand)}
.statement{padding-block:130px;text-align:center}.statement p{margin:0;color:var(--dim);font-size:clamp(27px,4vw,50px);line-height:1.22;letter-spacing:-.03em}.statement strong{color:var(--ink)}.features{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;padding-bottom:140px}.feature{min-height:320px;padding:36px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);backdrop-filter:blur(20px)}.feature.blue{background:linear-gradient(145deg,rgba(85,137,238,.15),var(--surface))}.feature.pink{background:linear-gradient(145deg,rgba(234,105,164,.14),var(--surface))}.feature.purple{background:linear-gradient(145deg,rgba(116,84,223,.15),var(--surface))}.feature.cyan{background:linear-gradient(145deg,rgba(63,193,203,.14),var(--surface))}.feature.orange{background:linear-gradient(145deg,rgba(255,177,68,.15),var(--surface))}.feature.lilac{background:linear-gradient(145deg,rgba(123,110,177,.14),var(--surface))}.feature-icon{font-size:27px}.feature h2{margin:50px 0 14px;font-size:clamp(25px,3vw,38px);line-height:1.1;letter-spacing:-.035em}.feature p{max-width:510px;margin:0;color:var(--dim);font-size:16px}
.privacy{margin-bottom:100px;padding:80px;color:#f7f7fb;border-radius:42px;background:#17181e}.privacy h2{max-width:780px;margin:15px 0 55px;font-size:clamp(36px,5vw,62px);line-height:1.05;letter-spacing:-.045em}.privacy .eyebrow{color:#78e1e8}.privacy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.privacy-grid b{display:grid;place-items:center;width:30px;height:30px;color:#c8f8fb;border-radius:50%;background:#343541}.privacy-grid h3{margin:16px 0 8px;font-size:18px}.privacy-grid p{color:#b8bac5;font-size:14px}.text-link{display:inline-block;margin-top:36px;color:#fff;text-decoration:none;font-weight:700}
.legal{max-width:860px;padding:70px 0 120px}.legal h1{font-size:clamp(44px,7vw,72px)}.legal h2{margin:0 0 20px;font-size:26px;letter-spacing:-.025em}.document{max-width:820px;margin:40px auto 100px;padding:42px clamp(24px,6vw,62px);border:1px solid var(--line);border-radius:24px;background:var(--surface)}.document h1{font-size:clamp(36px,6vw,54px)}.document h2{margin:34px 0 8px;font-size:21px;letter-spacing:-.02em}.document p,.document li,.updated{color:var(--dim)}.document strong{color:var(--ink)}.support-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:42px}.support-card{padding:25px;color:inherit;text-decoration:none;border:1px solid var(--line);border-radius:22px;background:var(--surface);transition:transform .18s ease}.support-card.primary-card{background:linear-gradient(145deg,rgba(116,84,223,.15),var(--surface))}.support-card strong{font-size:17px}.support-card span{display:block;margin-top:7px;color:var(--dim);font-size:14px}.support-card:hover{transform:translateY(-2px)}.support-section{margin-top:68px}.steps{display:grid;gap:10px;margin:0;padding:0;list-style:none}.steps li{display:flex;align-items:flex-start;gap:13px;padding:16px 18px;color:var(--dim);border:1px solid var(--line);border-radius:16px;background:var(--surface)}.steps b{display:grid;flex:0 0 25px;height:25px;place-items:center;color:#fff;border-radius:50%;background:var(--brand);font-size:12px}.faq-list{overflow:hidden;border:1px solid var(--line);border-radius:22px;background:var(--surface)}.faq-list details{padding:0 22px;border-bottom:1px solid var(--line)}.faq-list details:last-child{border-bottom:0}.faq-list summary{padding:19px 0;cursor:pointer;font-weight:700}.faq-list p{margin:-3px 0 21px;color:var(--dim)}.check-list{display:grid;gap:10px;padding-left:24px;color:var(--dim)}.notice{margin:26px 0 0;padding:19px 21px;color:var(--dim);border:1px solid rgba(234,105,164,.18);border-radius:18px;background:rgba(234,105,164,.09)}
footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:24px 48px;color:var(--dim);font-size:13px}footer div:last-child{display:flex;gap:18px}footer .mark{width:30px;height:30px;border-radius:9px}
@media(max-width:940px){.hero{grid-template-columns:1fr;padding-top:35px}.hero-copy{text-align:center}.lead{margin-inline:auto}.actions{justify-content:center}.browser-stage{display:grid;place-items:center}}
@media(max-width:700px){.nav nav>a{display:none}.hero{gap:30px}.browser-window{grid-template-columns:92px minmax(220px,1fr);height:420px}.demo-ai{display:none}.demo-sidebar{padding-inline:8px}.demo-document{padding:58px 24px}.features,.support-cards{grid-template-columns:1fr}.feature{min-height:270px}.privacy{padding:45px 25px}.privacy-grid{grid-template-columns:1fr}footer{flex-direction:column;text-align:center}}
@media(prefers-color-scheme:dark){:root{--bg:#0e0f13;--surface:rgba(28,29,36,.79);--ink:#f2f3f7;--dim:#a6a8b2;--line:rgba(255,255,255,.1)}.button.primary{color:#111217;background:#f4f4f7}.browser-window{box-shadow:0 38px 80px rgba(0,0,0,.55)}.privacy{border:1px solid var(--line);background:#06070a}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.browser-window{transform:none}.support-card{transition:none}}
@media(prefers-reduced-transparency:reduce){.button.secondary,.feature,.support-card,.steps li,.faq-list{backdrop-filter:none;background:var(--bg)}}
@media(prefers-contrast:more){:root{--line:currentColor}.feature,.support-card,.steps li,.faq-list{border-width:2px}}
