/* hero */
.hero{position:relative;z-index:1;padding:64px 0 90px;overflow-x:clip}
.hero .grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:center}
.h1{margin:22px 0 22px;font:700 clamp(40px,5.4vw,74px)/1.04 var(--px);letter-spacing:-.02em}
.h1 em{font-style:normal;color:var(--g);position:relative}
.h1 .cur{display:inline-block;width:.5em;height:.12em;background:var(--g);margin-left:.08em;vertical-align:baseline;animation:blink 1s steps(2) infinite}
@keyframes blink{50%{opacity:0}}
.hero .lede{font-size:18.5px}
.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.facts{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}.facts span{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 12px;background:var(--panel);clip-path:var(--step);--s:4px;font:500 12px var(--mono);color:var(--ink2)}.facts b{color:var(--g);font-weight:600}

/* chat demo */
.demo{position:relative}
.demo:before{content:'';position:absolute;inset:-40px -30px;background:radial-gradient(ellipse at 60% 40%,rgba(91,240,176,.14),transparent 60%);filter:blur(10px);z-index:-1}
.phone{background:var(--bg2);clip-path:var(--step);--s:10px;box-shadow:0 0 0 2px var(--line2) inset}
.phone .top{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:2px solid var(--line)}
.phone .top .av{clip-path:var(--step);--s:4px}
.phone .top b{display:block;font:600 14px var(--mono)}.phone .top small{font:400 10px var(--px);letter-spacing:.08em;color:var(--g)}
.phone .msgs{height:390px;padding:20px 18px;display:flex;flex-direction:column;gap:10px;overflow:hidden}
.phone .row{display:flex;flex-direction:column;align-items:flex-start;opacity:0;transform:translateY(8px);transition:.35s}.phone .row.me{align-items:flex-end}.phone .row.show{opacity:1;transform:none}
.typing{display:inline-flex;gap:5px;padding:14px 16px;background:var(--panel2);clip-path:var(--step)}.typing i{width:7px;height:7px;background:var(--grey);animation:td 1s steps(2) infinite}.typing i:nth-child(2){animation-delay:.2s}.typing i:nth-child(3){animation-delay:.4s;background:var(--g)}
@keyframes td{50%{opacity:.25}}
.phone .bar{display:flex;gap:10px;align-items:center;padding:12px 14px;border-top:2px solid var(--line)}
.phone .bar .fake{flex:1;height:42px;display:flex;align-items:center;padding:0 14px;background:#000;clip-path:var(--step);--s:4px;font:500 13px var(--mono);color:var(--mute)}
.phone .send{width:42px;height:42px;display:grid;place-items:center;background:var(--g);clip-path:var(--step);--s:4px;color:#04130c}
.sees{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:16px;padding:12px 16px;background:var(--panel);clip-path:var(--step);--s:6px}
.sees span{font:400 11px var(--px);letter-spacing:.08em;color:var(--ink2)}
.sw{position:relative;width:54px;height:28px;border:0;background:var(--line2);clip-path:var(--step);--s:4px;flex:none}.sw i{position:absolute;top:4px;left:4px;width:20px;height:20px;background:var(--ink);transition:transform .2s steps(3)}
.sw.on{background:var(--g)}.sw.on i{transform:translateX(26px);background:#04130c}
.phone.cipher .bub{font:500 12.5px/1.45 var(--mono);color:var(--g)!important;background:#03140c!important;box-shadow:none!important}
.phone.cipher .paidtag{background:var(--g)}

/* stats strip */
.strip{position:relative;z-index:1;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(10,10,10,.6)}
.strip .in{display:grid;grid-template-columns:repeat(4,1fr)}
.strip .s{padding:26px 22px;border-left:1px solid var(--line)}.strip .s:first-child{border-left:0}
.strip b{display:block;font:700 30px var(--px)}.strip span{font-size:13px;color:var(--dim)}
@media(max-width:800px){.strip .in{grid-template-columns:repeat(2,1fr)}.strip .s:nth-child(3){border-left:0}.strip .s{border-top:1px solid var(--line)}.strip .s:nth-child(-n+2){border-top:0}}

/* how */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:50px}
.step{padding:28px 26px 30px}.step .n{font:700 12px var(--px);letter-spacing:.12em;color:var(--g)}
.step svg{display:block;margin:22px 0 20px}.step h3{margin:0 0 8px;font:700 19px var(--px);letter-spacing:.02em}.step p{margin:0;color:var(--ink2);font-size:14.5px}
.pipe{margin-top:22px;padding:22px 26px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.pipe .node{display:flex;align-items:center;gap:10px;font:400 11px var(--px);letter-spacing:.08em;color:var(--ink2);white-space:nowrap}.pipe .node i{width:10px;height:10px;background:var(--ink)}
.pipe .node.g i{background:var(--g);box-shadow:0 0 10px var(--g)}
.pipe .ln{position:relative;flex:1;min-width:40px;height:2px;background:repeating-linear-gradient(90deg,var(--line3) 0 6px,transparent 6px 10px);overflow:hidden}
.pipe .ln:after{content:'';position:absolute;top:-3px;left:-12px;width:8px;height:8px;background:var(--g);box-shadow:0 0 8px var(--g);animation:pk 2.4s steps(24) infinite}
.pipe .ln:nth-of-type(2):after{animation-delay:.6s}.pipe .ln:nth-of-type(3):after{animation-delay:1.2s}
@keyframes pk{to{left:100%}}
@media(max-width:900px){.steps{grid-template-columns:1fr}.pipe .ln{min-width:24px}}

/* pay */
.pay{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
.bul{list-style:none;padding:0;margin:26px 0 0}.bul li{position:relative;padding:10px 0 10px 26px;border-bottom:1px dashed var(--line2);color:var(--ink2);font-size:15px}.bul li:before{content:'';position:absolute;left:0;top:18px;width:8px;height:8px;background:var(--g)}
.prof{padding:30px}
.prof .who{display:flex;align-items:center;gap:16px}.prof .who .av{clip-path:var(--step);--s:6px}
.prof .who b{display:block;font:700 22px var(--px)}.prof .who code{font:500 13px var(--mono);color:var(--dim)}
.prof .price{display:flex;align-items:baseline;justify-content:space-between;margin:24px 0 18px;padding:16px 18px;background:#000;clip-path:var(--step);--s:5px}
.prof .price span{font:400 11px var(--px);letter-spacing:.1em;color:var(--dim)}.prof .price b{font:700 28px var(--px);color:var(--g)}
.prof .link{display:flex;align-items:center;gap:10px;margin-top:16px;padding:12px 14px;background:var(--panel2);clip-path:var(--step);--s:4px;font:500 13px var(--mono);color:var(--ink2)}.prof .link b{color:var(--ink);font-weight:500;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:900px){.pay{grid-template-columns:1fr}}

/* wire */
.wire{margin-top:44px}
.wire .hd{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 22px;border-bottom:2px solid var(--line)}
.wire .hd span{font:400 11px var(--px);letter-spacing:.1em;color:var(--dim)}
.live{display:inline-flex;align-items:center;gap:8px;font:400 11px var(--px);letter-spacing:.1em;color:var(--g)}.live i{width:8px;height:8px;background:var(--g);animation:blink 1.2s steps(2) infinite}
.wrow{display:grid;grid-template-columns:70px minmax(0,1.3fr) minmax(0,2fr) 90px;gap:16px;align-items:center;padding:14px 22px;border-bottom:1px solid var(--line);font:500 13px var(--mono)}
.wrow:last-child{border:0}
.wrow .ft{display:flex;align-items:center;gap:8px;min-width:0;color:var(--ink2)}.wrow .ft .av{flex:none;clip-path:var(--step);--s:2px}.wrow .ft em{font-style:normal;color:var(--mute)}
.wrow .cx{color:var(--g);opacity:.8;overflow:hidden;white-space:nowrap;text-overflow:clip}
.wrow .pd{text-align:right;color:var(--dim)}.wrow .pd b{color:var(--g)}
.wempty{padding:46px 22px;text-align:center;color:var(--dim)}.wempty .pix{display:block;color:var(--ink);font-size:15px;margin-bottom:8px}
@media(max-width:760px){.wrow{grid-template-columns:52px minmax(0,1fr) 70px}.wrow .cx{display:none}}

/* faq */
.faq{margin-top:40px;display:grid;gap:10px}
.faq details{background:var(--panel);clip-path:var(--step);--s:6px}
.faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;font:600 16px var(--sans)}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:'+';font:700 18px var(--px);color:var(--g);flex:none}.faq details[open] summary:after{content:'–'}
.faq p{margin:0;padding:0 22px 22px;color:var(--ink2);font-size:15px;max-width:820px}

/* end cta */
.end{text-align:center;padding:120px 0 100px}
.end .big{font:700 clamp(70px,14vw,180px)/.9 var(--px);letter-spacing:-.03em}
.end .big em{font-style:normal;color:var(--g)}
@media(max-width:980px){.hero .grid{grid-template-columns:1fr;gap:44px}.hero{padding:34px 0 60px}.phone .msgs{height:360px}}

/* page header (inner pages) */
.ph{position:relative;z-index:1;padding:64px 0 8px}
.phin{display:flex;justify-content:space-between;align-items:flex-end;gap:30px}
.ph .h2{font-size:clamp(34px,4.6vw,60px);margin-bottom:16px}
.bignum{flex:none;font:700 clamp(90px,12vw,170px)/.78 var(--px);color:transparent;-webkit-text-stroke:2px var(--line2);user-select:none;letter-spacing:-.04em}
.crumbs{display:flex;gap:8px;align-items:center;font:400 10px var(--px);letter-spacing:.14em;color:var(--mute)}.crumbs a:hover{color:var(--ink)}.crumbs i{width:6px;height:6px;background:var(--g)}
.body{position:relative;z-index:1;padding:30px 0 40px}
.pager{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:30px 0 20px}
.pager a{display:flex;flex-direction:column;gap:8px;padding:22px 24px;transition:transform .12s steps(2)}
.pager a:hover{transform:translateY(-2px)}
.pager span{font:400 10px var(--px);letter-spacing:.14em;color:var(--dim)}.pager b{font:700 20px var(--px)}
.pager a.nx{text-align:right;align-items:flex-end}.pager a.nx b{color:var(--g)}
@media(max-width:700px){.bignum{display:none}.ph{padding:40px 0 4px}.pager{grid-template-columns:1fr}}
/* sealed vs public */
.sp2{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}
.sp2 .card{padding:26px}.sp2 h3{margin:0 0 14px;display:flex;align-items:center;gap:10px;font:700 15px var(--px);letter-spacing:.06em}
.sp2 ul{list-style:none;margin:0;padding:0}.sp2 li{padding:9px 0;border-top:1px dashed var(--line2);font-size:14.5px;color:var(--ink2)}.sp2 li:first-child{border:0}
@media(max-width:800px){.sp2{grid-template-columns:1fr}}
/* home tiles */
.tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:40px}
.tile{min-width:0;overflow:hidden;display:flex;flex-direction:column;gap:12px;padding:28px;min-height:220px;transition:transform .12s steps(2),background .15s}
.tile:hover{transform:translateY(-3px);background:var(--panel2)}
.tile .tn{display:flex;justify-content:space-between;font:400 10px var(--px);letter-spacing:.14em;color:var(--dim)}.tile .tn em{font-style:normal;color:var(--g)}
.tile h3{margin:auto 0 0;font:700 24px var(--px)}.tile p{margin:0;color:var(--ink2);font-size:14.5px;max-width:420px}
.tile .mini{width:100%;min-width:0;font:500 12px var(--mono);color:var(--g);opacity:.75;white-space:nowrap;overflow:hidden;text-overflow:clip}
@media(max-width:800px){.tiles{grid-template-columns:1fr}.tile{min-height:0}}
.tile.wide{grid-column:1/-1;min-height:0}
.pplrow{display:flex;gap:6px;min-height:44px}.pplrow .av,.pplrow img{clip-path:var(--step);--s:4px}