*{box-sizing:border-box}
body{margin:0;background:#f4f1ea;color:#0a0a0b;font-family:Archivo,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:#0a0a0b;text-underline-offset:3px}a:hover{color:#6b665e}
::selection{background:#e4dbf7}
[hidden]{display:none!important}
@keyframes atIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes atBlink{50%{opacity:0}}
@keyframes atDots{0%,100%{opacity:.25}50%{opacity:1}}
@media (prefers-reduced-motion:reduce){.in{animation:none!important}}
.in{animation:atIn .35s ease both}
.page{background:#f4f1ea;min-height:100vh;display:flex;flex-direction:column;overflow-x:clip}
.wrap{max-width:1240px;width:100%;margin:0 auto;padding-left:clamp(20px,5vw,56px);padding-right:clamp(20px,5vw,56px)}
.sect{padding-top:clamp(80px,10vw,128px);padding-bottom:clamp(80px,10vw,128px);display:flex;flex-direction:column;gap:48px}
.row{display:flex;align-items:center}.col{display:flex;flex-direction:column}
.between{justify-content:space-between}.wrapflex{flex-wrap:wrap}
.g6{gap:6px}.g8{gap:8px}.g10{gap:10px}.g14{gap:14px}
.mut{color:#a7988a}.dim{color:#4a463f}
.mono10{font:700 10px 'Space Mono';letter-spacing:.06em;color:#4a463f}.ls8{letter-spacing:.08em}

.hdr{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px clamp(20px,5vw,56px);max-width:1240px;width:100%;margin:0 auto}
.brand{display:flex;align-items:center;gap:10px}.brand span{font:800 22px Archivo;letter-spacing:-.06em}
nav{display:flex;align-items:center;gap:clamp(14px,3vw,28px);font:400 12px 'Space Mono';letter-spacing:.04em}
nav a{text-decoration:none}

h1{margin:0;font:800 clamp(56px,9vw,120px)/.9 Archivo;letter-spacing:-.06em;text-wrap:balance;max-width:1000px}
h2{margin:0;font:800 clamp(44px,6vw,76px)/.92 Archivo;letter-spacing:-.055em;text-wrap:balance}
.sub{margin:0;font:400 19px/1.5 Lora;color:#4a463f;text-wrap:pretty}
.hero{padding-top:clamp(48px,8vw,104px);padding-bottom:clamp(72px,9vw,112px);display:flex;flex-direction:column;align-items:center;text-align:center;gap:28px}
.lead{margin:0;font:400 clamp(18px,2.1vw,22px)/1.5 Lora;color:#4a463f;max-width:560px;text-wrap:balance}
.cta{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px}
.cmd{display:flex;align-items:center;gap:18px;background:#1a1613;color:#efe6dc;border-radius:99px;padding:0 8px 0 22px;height:52px;font:400 14px 'Space Mono'}
.copy{height:36px;padding:0 14px;border:0;border-radius:99px;background:#2f2822;color:inherit;font:700 11px 'Space Mono';letter-spacing:.06em;cursor:pointer}
.copy:hover{background:#3a312a}
.btn-o{height:52px;padding:0 22px;display:inline-flex;align-items:center;border-radius:99px;border:1.5px solid #0a0a0b;font:700 15px Archivo;text-decoration:none}
.btn-o:hover{background:#0a0a0b;color:#f4f1ea}
.shot{width:100%;height:auto;display:block;margin-top:32px;border-radius:clamp(10px,1.6vw,18px);box-shadow:0 40px 100px rgba(40,30,20,.22),0 2px 6px rgba(40,30,20,.08)}

.dark{background:#0a0a0b;color:#f5f3fa}
.split{max-width:1240px;margin:0 auto;padding:clamp(80px,10vw,128px) clamp(20px,5vw,56px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:clamp(48px,7vw,96px);align-items:center}
.split .col{gap:20px}
.demo{display:flex;flex-direction:column;align-items:center;gap:20px}
.phone{width:300px;max-width:100%;height:600px;background:#000;border-radius:40px;padding:10px;display:flex;flex-direction:column}
.screen{flex:1;min-height:0;border-radius:30px;background:#ece9e3;transition:background .4s;overflow:hidden;display:flex;flex-direction:column;color:#0a0a0b}
.h27{font:800 27px/1.05 Archivo;letter-spacing:-.045em}
.field{background:#fbf9fd;border-radius:14px}
.field.name{flex:1;height:50px;padding:0 14px;display:flex;align-items:center;font:800 21px Archivo;letter-spacing:-.03em}
.caret{display:inline-block;width:2px;height:18px;background:#0a0a0b;vertical-align:-3px;margin-left:1px;animation:atBlink 1s steps(1) infinite}
.caret.sm{height:15px;vertical-align:-2px}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{height:30px;padding:0 12px;display:inline-flex;align-items:center;border-radius:99px;border:1.5px solid #cfcbc3;font:600 12px Archivo;color:#4a463f}
.pill34{height:34px;padding:0 14px;display:inline-flex;align-items:center;border-radius:99px;border:1.5px solid #0a0a0b;font:700 13px Archivo;transition:all .3s}
.pill34.on{background:#0a0a0b;color:#f5f3fa}
.av60{width:60px;height:60px;flex:none;border-radius:50%;background:#d6d2ca;color:#6b665e;transition:all .3s;display:grid;place-items:center;font:800 24px Archivo}
.av60.on{background:#23402c;color:#6fd18e}
.av40,.av36{border-radius:50%;display:grid;place-items:center;font:800 16px Archivo;flex:none}
.av40{width:40px;height:40px}.av36{width:36px;height:36px;font-size:15px}
.dot30{width:30px;height:30px;border-radius:50%;transition:box-shadow .3s}
.dot30.on{box-shadow:0 0 0 2px #ece9e3,0 0 0 4px #0a0a0b}
.msg{padding:10px 14px;font:400 14.5px/1.4 Archivo;background:#fbf9fd;max-width:86%}
.msg.l{align-self:flex-start;border-radius:18px 18px 18px 6px}
.msg.r{align-self:flex-end;border-radius:18px 18px 6px 18px;background:#0a0a0b;color:#f5f3fa;max-width:80%}
.msg.dots{display:flex;gap:4px;padding:12px 14px}
.msg.dots span,.pulse{width:6px;height:6px;border-radius:50%;background:#4a463f;animation:atDots 1s infinite}
.msg.dots span:nth-child(2){animation-delay:.2s}.msg.dots span:nth-child(3){animation-delay:.4s}
.pulse{width:7px;height:7px;background:#0a0a0b}
.tag{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:99px;background:#f0d6ab;font:700 10px 'Space Mono';letter-spacing:.04em}
.composer{height:44px;border-radius:99px;background:#fbf9fd;display:flex;align-items:center;padding:0 16px;font:400 14px Archivo;color:#8a857e;flex:none}
.next{margin-top:auto;height:50px;border-radius:99px;background:#0a0a0b;color:#f5f3fa;display:flex;align-items:center;justify-content:center;font:700 15px Archivo;flex:none}
#botSteps button{height:32px;padding:0 14px;border-radius:99px;border:1.5px solid #3a363b;background:transparent;color:#a7a0a0;font:600 12.5px Archivo;cursor:pointer;transition:all .25s}
#botSteps button.on{background:#f5f3fa;border-color:#f5f3fa;color:#0a0a0b}

.grid5{display:grid;grid-template-columns:repeat(auto-fit,minmax(max(calc((100% - 56px) / 5),min(calc((100% - 14px) / 2),calc((1056px - 100%) * 1000))),1fr));gap:14px}
.card{background:#f6f4ef;box-shadow:0 1px 0 #d6d2ca,0 14px 30px rgba(40,30,20,.08);border-radius:18px;overflow:hidden;height:250px;display:flex;flex-direction:column}
.ch{padding:11px 14px;display:flex;justify-content:space-between;gap:8px;white-space:nowrap;font:700 10px 'Space Mono';letter-spacing:.06em}
.cb{flex:1;display:flex;flex-direction:column;min-height:0}
.p4{padding:4px 14px 12px}
.lr{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #d6d2ca}
.lr .bx{width:17px;height:17px;border-radius:5px;border:2px solid #0a0a0b;flex:none;transition:background .25s}
.lr.round .bx{border-radius:50%}
.lr .nm{font:500 14px Archivo;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}
.lr .q{font:400 11px 'Space Mono';color:#6b665e}
.mail{display:flex;flex-direction:column;gap:3px;padding:10px 0;border-bottom:1px solid #d6d2ca}.mail.last{border:0}
.mail .mt{display:flex;align-items:center;gap:6px;font:800 14px Archivo}
.mail .mt i{width:7px;height:7px;border-radius:50%;background:#c2417e}
.ms{font:400 10px 'Space Mono';color:#6b665e}
.cal7{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}
.cal7 .d{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 0;border-radius:9px;transition:all .3s}
.cal7 .d span:first-child{font:700 8.5px 'Space Mono'}.cal7 .d span:last-child{font:800 15px Archivo}
.cal7.hab{gap:5px;margin-top:auto}
.hab .h{display:flex;flex-direction:column;align-items:center;gap:5px}
.hab .h span:first-child{font:700 8.5px 'Space Mono';color:#6b665e}
.hab .h span:last-child{width:100%;aspect-ratio:1;border-radius:6px;transition:background .3s}
.rss{display:flex;flex-direction:column;gap:3px;padding:8px;border-radius:10px;transition:background .3s}
.rss b{font:700 9px 'Space Mono';letter-spacing:.06em;color:#a14a2a}.rss span{font:400 14px/1.3 Lora}
.doc{position:relative;width:74px;height:100px;flex:none;border-radius:6px;background:#fbf9fd;overflow:hidden;box-shadow:0 2px 6px rgba(0,0,0,.08);display:flex;flex-direction:column;gap:5px;padding:10px 8px}
.doc span{height:4px;background:#cfcbc3;border-radius:2px;display:block}
.doc b{position:absolute;left:0;right:0;height:2px;background:#5fb4ec;box-shadow:0 0 8px #5fb4ec}
.df{display:flex;flex-direction:column;gap:2px;padding:4px 0;transition:all .35s}
.df span:first-child{font:700 8.5px 'Space Mono';letter-spacing:.06em;color:#6b665e}
.df span:last-child{font:700 13px Archivo;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.glyph36{width:36px;height:36px;border-radius:11px;background:#0a0a0b;color:#a6dcec;display:grid;place-items:center;font:800 17px Archivo}
.trow{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #d6d2ca;font:500 15px Archivo}
.trow span:last-child{font:400 13px 'Space Mono'}
.prow{display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid #d6d2ca}
.prow .bx{width:19px;height:19px;border-radius:5px;border:2px solid #0a0a0b;transition:background .25s}
.prow .nm{font:500 15px Archivo}
.srow{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #d6d2ca;font:500 15px Archivo}
.srow>span:last-child{display:flex;align-items:center;gap:8px;font:400 13px 'Space Mono'}
.srow em{font-style:normal;height:22px;padding:0 8px;display:inline-flex;align-items:center;border-radius:99px;font:700 9.5px 'Space Mono';transition:all .25s}
.apt{display:flex;flex-direction:column;align-items:center;gap:5px;transition:opacity .3s}
.apt span:first-child{width:50px;height:50px;border-radius:15px;background:#a6dcec;display:grid;place-items:center;font:800 19px Archivo;color:#0a0a0b;transition:box-shadow .25s}
.apt span:last-child{font:600 10.5px Archivo}

.surf{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;align-items:stretch}
.sc{border-radius:22px;overflow:hidden;display:flex;flex-direction:column}
.st{padding:22px 24px 0;font:800 24px Archivo;letter-spacing:-.03em}
.term{flex:1;padding:24px;display:flex;flex-direction:column;gap:4px;font:400 13px/1.7 'Space Mono';min-height:340px}
.rules{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:0 40px}
.rules div{display:flex;flex-direction:column;gap:6px;padding:26px 0;border-top:1.5px solid #4a3d33}
.rules b{font:800 26px/1.1 Archivo;letter-spacing:-.03em}
.rules span{font:400 15px 'Space Mono';color:#a7988a}
.btn-l,.btn-d{height:50px;padding:0 22px;display:inline-flex;align-items:center;border-radius:99px;font:700 15px Archivo;text-decoration:none}
.btn-l{background:#f5f3fa;color:#0a0a0b}.btn-d{border:1.5px solid #3a363b;color:#f5f3fa}
.btn-l:hover{background:#fff;color:#0a0a0b}.btn-d:hover{color:#fff;border-color:#6b665e}

.rel{position:relative;isolation:isolate}.clip{overflow:hidden}
.rel>[class^="dots-"],.rel>[class^="glow-"],.apps-bg{position:absolute;z-index:-1;pointer-events:none}
.dots-hero{top:-90px;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background-image:radial-gradient(#cfcbc3 1.3px,transparent 1.6px);background-size:24px 24px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 20%,transparent 75%)}

.glow-crew{inset:0;background:radial-gradient(ellipse 50% 70% at 70% 50%,rgba(245,243,250,.06),transparent 70%)}
.dots-crew{inset:0;background-image:radial-gradient(#2e2c32 1.3px,transparent 1.6px);background-size:24px 24px;-webkit-mask-image:radial-gradient(ellipse 55% 75% at 70% 50%,#000 15%,transparent 75%);mask-image:radial-gradient(ellipse 55% 75% at 70% 50%,#000 15%,transparent 75%)}
.demo>.glow-phone{left:50%;top:44%;width:560px;height:560px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(245,243,250,.14),rgba(245,243,250,.04) 45%,transparent 70%)}

.apps-bg{inset:0;left:50%;width:100vw;transform:translateX(-50%);background:#ece9e3;background-image:linear-gradient(#e2ded6 1.5px,transparent 1.5px);background-size:100% 56px}
.glow-ap{inset:0;background:radial-gradient(circle at 28% 50%,rgba(255,255,255,.45),transparent 38%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.18),transparent 30%)}
.dots-ap{inset:0;background-image:radial-gradient(rgba(23,58,70,.16) 1.3px,transparent 1.6px);background-size:24px 24px;-webkit-mask-image:radial-gradient(ellipse 60% 70% at 70% 50%,#000 10%,transparent 70%);mask-image:radial-gradient(ellipse 60% 70% at 70% 50%,#000 10%,transparent 70%)}
.rules-sec{background-color:#1a1613;background-image:linear-gradient(180deg,#1a1613 0%,rgba(26,22,19,.55) 45%,rgba(26,22,19,.85) 100%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='64'%3E%3Cpath d='M0 1H120M0 33H120M1 0V32M61 32V64' stroke='%23000' stroke-opacity='.4' stroke-width='2' fill='none'/%3E%3C/svg%3E");background-size:auto,120px 64px;color:#efe6dc}
.rules i{display:block;margin-bottom:14px}
.movein{background:#0a0a0b;color:#f5f3fa}
.glow-move{inset:0;background:radial-gradient(ellipse 60% 55% at 50% 115%,rgba(240,163,94,.38),rgba(240,163,94,.08) 55%,transparent 75%)}
.movein-in{max-width:1240px;margin:0 auto;padding:clamp(96px,13vw,168px) clamp(20px,5vw,56px) clamp(88px,11vw,140px);display:flex;flex-direction:column;align-items:center;text-align:center;gap:36px}
.movein h2{font-size:clamp(72px,13vw,176px);line-height:.85;letter-spacing:-.065em}
.code{display:flex;flex-direction:column;align-items:flex-start;background:#1a1613;color:#efe6dc;border:1px solid #2f2822;border-radius:16px;padding:18px 24px;font:400 14px/2 'Space Mono';text-align:left;max-width:100%;overflow-x:auto;white-space:nowrap}
.btn-l,.btn-d{height:52px;padding:0 24px}
footer{margin-top:auto;background:#0a0a0b;border-top:1px solid #26242a}
.fin{max-width:1240px;margin:0 auto;padding:24px clamp(20px,5vw,56px);display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font:400 12px 'Space Mono';color:#7d7780}
.fin a{color:inherit;text-decoration:none}.fin a:hover{color:#f5f3fa}
.tdot{width:9px;height:9px;border-radius:50%;background:#4a3d33}
.term2{padding:16px 18px;display:flex;flex-direction:column;gap:4px;font:400 13px/1.7 'Space Mono';overflow-wrap:anywhere}