@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@500;600&display=swap');
:root{--ink:#071116;--navy:#09141b;--panel:#0e1d26;--panel2:#132833;--bone:#eff3f4;--cyan:#4fc3d9;--stone:#91a1aa;--line:#233a46;--green:#82d4ad;--paper:#f4f5f2;--black:#071015}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--bone);font-family:"DM Sans",sans-serif}button,input,select,textarea{font:inherit}.mono{font-family:"IBM Plex Mono",monospace;text-transform:uppercase;letter-spacing:.1em;font-size:10px}.wrap{width:min(1180px,90vw);margin:auto}.nav{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:#09141bef;backdrop-filter:blur(18px);z-index:30;padding:0 5vw}.mark{font-weight:600;font-size:18px;letter-spacing:-.03em}.mark i{display:inline-block;width:7px;height:7px;background:var(--cyan);transform:rotate(45deg);margin-right:10px}.mark span{color:var(--cyan)}.navlinks{display:flex;align-items:center;gap:22px}.nav a{color:var(--bone);text-decoration:none;font-size:13px}.btn{border:1px solid var(--cyan);background:var(--cyan);color:#061117;padding:13px 18px;border-radius:2px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:10px}.btn.ghost{background:transparent;color:var(--bone);border-color:#48606b}.btn.small{padding:10px 14px;font-size:12px}.ey{color:var(--cyan);margin-bottom:20px}.hero{min-height:760px;display:grid;grid-template-columns:1.05fr .95fr;gap:7vw;align-items:center;padding:80px 0}.hero h1{font-size:clamp(52px,6vw,84px);line-height:.96;letter-spacing:-.06em;margin:0}.hero p{font-size:19px;line-height:1.55;color:var(--stone);max-width:610px;margin:27px 0}.actions{display:flex;gap:10px;flex-wrap:wrap}.micro{color:#637985;margin-top:18px}.product{border:1px solid #2b4654;background:linear-gradient(145deg,#11242e,#0a151c);padding:23px;box-shadow:0 40px 100px #0008;transform:perspective(1000px) rotateY(-4deg);position:relative}.product:before{content:"";position:absolute;inset:-70px;background:radial-gradient(circle,#4fc3d91b,transparent 60%);z-index:-1}.prodtop{display:flex;justify-content:space-between;color:var(--stone);border-bottom:1px solid var(--line);padding-bottom:16px}.url{background:#071117;border:1px solid #213844;padding:11px;margin:18px 0;color:#b9c5ca}.minihero{background:var(--paper);color:#101618;padding:30px 26px}.minihero .mono{color:#397f8d}.minihero h3{font-size:29px;line-height:1.03;letter-spacing:-.04em;margin:12px 0}.minihero p{font-size:13px;color:#596266;line-height:1.5}.minirow{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.mini{border:1px solid #bcc5c6;padding:11px;font-size:10px}.mini b{display:block;font-size:19px;color:#10232b}.proof{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.proofgrid{display:grid;grid-template-columns:repeat(4,1fr)}.proofitem{padding:25px;border-right:1px solid var(--line)}.proofitem:last-child{border:0}.proofitem b{display:block;font-size:17px;margin-top:5px}.section{padding:100px 0;border-bottom:1px solid var(--line)}.head{max-width:760px;margin-bottom:48px}.head h2{font-size:clamp(38px,4.5vw,62px);line-height:1.02;letter-spacing:-.05em;margin:10px 0 18px}.head p{font-size:18px;color:var(--stone);line-height:1.55}.capgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.cap{padding:27px;background:var(--panel);border:1px solid var(--line);min-height:220px;position:relative}.cap .n{color:var(--cyan)}.cap h3{font-size:21px;margin:32px 0 10px}.cap p{color:var(--stone);line-height:1.55;margin:0}.cap .pill{display:inline-block;margin-top:18px;border:1px solid #34515e;padding:5px 8px;color:#acc0c8}.flow{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line)}.flow div{padding:25px;border-right:1px solid var(--line);min-height:165px}.flow div:last-child{border:0}.flow b{display:block;margin:31px 0 7px}.flow p{color:var(--stone);font-size:13px;line-height:1.45}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.plan{border:1px solid var(--line);padding:29px;display:flex;flex-direction:column;min-height:530px}.plan.hot{border-color:var(--cyan);background:#0d2029}.price{font-size:43px;letter-spacing:-.05em;margin:21px 0 4px}.price small{font-size:14px;color:var(--stone)}.plan p{color:var(--stone)}.plan ul{list-style:none;padding:16px 0;margin:0;flex:1;border-top:1px solid var(--line)}.plan li{padding:8px 0;color:#c2ced2;font-size:14px}.plan li:before{content:"✓";color:var(--cyan);margin-right:10px}.footer{padding:45px 0;display:flex;justify-content:space-between;color:#71848d}.notice{font-size:12px;color:#71848d}.built{font-size:11px;color:#70818a}.built b{color:#9babb2}.banner{background:var(--cyan);color:#071116;padding:70px 0}.bannerin{display:flex;align-items:center;justify-content:space-between;gap:40px}.banner h2{font-size:42px;letter-spacing:-.04em;margin:0}.banner p{margin:8px 0 0}.banner .btn{background:#071116;color:white;border-color:#071116}
@media(max-width:850px){.navlinks a:not(.btn){display:none}.hero{grid-template-columns:1fr;padding:70px 0}.product{transform:none}.proofgrid,.capgrid,.plans{grid-template-columns:1fr 1fr}.flow{grid-template-columns:1fr}.flow div{border-right:0;border-bottom:1px solid var(--line);min-height:auto}.bannerin{display:block}.banner .btn{margin-top:24px}.hero h1{font-size:54px}}@media(max-width:560px){.capgrid,.plans,.proofgrid{grid-template-columns:1fr}.proofitem{border-right:0;border-bottom:1px solid var(--line)}.minirow{grid-template-columns:1fr}.nav{padding:0 18px}.wrap{width:calc(100% - 36px)}.footer{display:block}.hero{min-height:auto}.hero h1{font-size:46px}.section{padding:70px 0}}
.trygrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.trycard{border:1px solid var(--line);padding:28px;min-height:245px;display:flex;flex-direction:column}.trycard h3{font-size:22px;margin:28px 0 10px}.trycard p{color:var(--stone);line-height:1.5;flex:1}.trycard button{align-self:flex-start}.modal{position:fixed;inset:0;background:#02070bd9;z-index:100;display:none;place-items:center;padding:22px}.modal.open{display:grid}.flowbox{width:min(680px,96vw);max-height:92vh;overflow:auto;background:#f5f5f2;color:#111;border:1px solid #7c8b91;box-shadow:0 30px 100px #000}.flowtop{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid #ccd5d6}.close{border:0;background:none;font-size:27px;cursor:pointer}.progress{height:3px;background:#d9e0e1}.progress span{display:block;height:100%;background:#178aa0;transition:width .2s}.screen{display:none;padding:38px 40px 26px}.screen.active{display:block}.screen h2{font-size:34px;letter-spacing:-.04em;margin:10px 0}.screen p{color:#637075;line-height:1.5}.choices{display:grid;gap:9px;margin-top:24px}.choice{border:1px solid #bdc8ca;background:white;padding:15px;text-align:left;cursor:pointer}.choice:hover,.choice.selected{border-color:#178aa0;background:#e8f6f8}.flowfoot{padding:15px 40px 28px;display:flex;align-items:center;justify-content:space-between}.backbtn{border:0;background:none;color:#53636a;cursor:pointer}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:24px 0}.result-box{border:1px solid #c6d0d1;background:white;padding:15px}.result-box b{display:block;margin-top:8px}@media(max-width:850px){.trygrid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.trygrid,.result-grid{grid-template-columns:1fr}.screen{padding:28px 22px 18px}.flowfoot{padding:14px 22px 25px}}
.hero{min-height:720px;padding:70px 0}.hero h1{font-size:clamp(44px,4.8vw,66px);line-height:1;letter-spacing:-.055em}.showcase{padding:120px 0;border-bottom:1px solid var(--line);overflow:clip}.showhead{max-width:770px;margin-bottom:80px}.showhead h2{font-size:clamp(42px,5vw,68px);line-height:1;letter-spacing:-.055em;margin:0}.showrow{min-height:620px;display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw;align-items:center}.showrow.flip .showcopy{order:2}.showcopy{position:sticky;top:180px;align-self:start;margin-top:100px}.showcopy .mono{color:var(--cyan)}.showcopy h3{font-size:clamp(32px,3.4vw,48px);line-height:1.02;letter-spacing:-.045em;margin:18px 0}.showcopy p{font-size:18px;line-height:1.6;color:var(--stone)}.showcopy b{display:block;margin-top:25px;color:var(--green)}.feature-shot{border:1px solid #34505d;background:#101e27;box-shadow:0 45px 100px #0007;transform:perspective(1200px) rotateY(-3deg)}.showrow.flip .feature-shot{transform:perspective(1200px) rotateY(3deg)}.shotbar{height:46px;background:#192933;display:flex;align-items:center;gap:7px;padding:0 15px}.shotbar i{width:8px;height:8px;border-radius:50%;background:#61737c}.shotbar span{margin-left:12px;background:#0c171d;padding:7px 13px;flex:1;font:10px "IBM Plex Mono"}.shotnav{background:#f4f5f2;color:#111;padding:20px 28px;border-bottom:1px solid #ccd3d3;font-weight:600}.shotnav em{font-style:normal;color:#21879b}.shothero{background:#eef1ee;color:#111;padding:74px 55px;min-height:390px}.shothero small{font:10px "IBM Plex Mono";color:#1d8298;letter-spacing:.1em}.shothero strong{display:block;font-size:45px;line-height:1.02;letter-spacing:-.05em;margin:18px 0 30px;max-width:580px}.shothero button{border:0;background:#133f4c;color:#fff;padding:14px 18px}.shot-snapshot{padding:32px}.shotlabel{padding-bottom:18px;border-bottom:1px solid var(--line);color:var(--stone)}.signal{display:grid;grid-template-columns:115px 1fr;align-items:center;gap:25px;padding:38px 0}.ring{width:105px;height:105px;border:12px solid var(--cyan);border-left-color:#2b4552;border-radius:50%;display:grid;place-items:center;font-size:29px}.signal small{color:var(--cyan)}.signal strong{display:block;font-size:27px;margin-top:8px}.metric{display:flex;justify-content:space-between;padding:17px;border:1px solid var(--line);margin-top:9px;background:#0b161d}.metric b{color:var(--green)}.shot-tools{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line)}.tool{background:#101e27;padding:34px;min-height:200px;display:flex;flex-direction:column}.tool small{font:10px "IBM Plex Mono";color:var(--cyan)}.tool strong{font-size:24px;margin:32px 0 9px}.tool span{color:var(--stone)}.tool.muted small{color:#d1b87a}@media(max-width:850px){.showrow{grid-template-columns:1fr;gap:20px;min-height:auto;margin:80px 0}.showrow.flip .showcopy{order:0}.showcopy{position:static;margin:0}.feature-shot,.showrow.flip .feature-shot{transform:none}.hero h1{font-size:50px}}@media(max-width:560px){.shot-tools{grid-template-columns:1fr}.hero h1{font-size:42px}.showcase{padding:70px 0}.shothero{padding:45px 25px}.shothero strong{font-size:34px}.signal{grid-template-columns:1fr}.shot-snapshot{padding:20px}}
.showcase{padding:0;overflow:visible}.showintro{position:sticky;top:0;min-height:100vh;display:flex;align-items:center;background:#09141b;padding:120px 0;border-top:1px solid var(--line);box-shadow:0 -60px 120px #0008}.showintro h2{font-size:clamp(52px,7vw,92px);line-height:.95;letter-spacing:-.06em;max-width:1000px;margin:0}.showrow{position:sticky;top:0;min-height:100vh;display:flex;align-items:center;background:#0b171e;padding:95px 0;border-top:1px solid var(--line);box-shadow:0 -60px 120px #0009}.showrow.panel-two{background:#0d1b23}.showrow.panel-three{background:#09151c}.panelin{display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw;align-items:center}.showcopy{position:static;margin:0}.breakout{position:relative;z-index:8;min-height:48vh;display:flex;align-items:center;background:var(--cyan);color:#061117;padding:80px 0;box-shadow:0 -45px 100px #0006}.breakout .wrap{display:grid;gap:20px}.breakout span{color:#173d47}.breakout strong{font-size:clamp(48px,6.2vw,86px);line-height:.97;letter-spacing:-.055em;max-width:1050px}.breakout.light{background:#eef3f4}.breakout.light span{color:#397481}.breakout.final{background:#101f27;color:white;min-height:65vh}.breakout.final span{color:var(--cyan)}.breakout.final .btn{justify-self:start;margin-top:10px}.rv{opacity:0;transform:translateY(34px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.rv.in{opacity:1;transform:none}@media(max-width:850px){.showintro,.showrow{position:relative;min-height:auto;padding:90px 0}.panelin{grid-template-columns:1fr;gap:40px}.breakout{min-height:auto;padding:85px 0}.showintro h2{font-size:58px}}@media(max-width:560px){.showcase{padding:0}.showintro h2{font-size:44px}.breakout strong{font-size:42px}}