
body{margin:0;background:#FFFFFF}
*{box-sizing:border-box}
a{color:#14202E}a:hover{color:#1D3FBF}
.wrap{max-width:1200px;margin:0 auto;padding:0 32px}
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;align-items:center}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#E6E6E6;border:1px solid #E6E6E6;border-radius:14px;overflow:hidden}
.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:72px}
.sec-head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,0.8fr);gap:48px;align-items:end}
.ind-grid{display:grid;grid-template-columns:minmax(0,0.9fr) minmax(0,1.1fr);gap:48px;align-items:center}
.case-before{color:#8A94A1;text-decoration:line-through;text-decoration-color:rgba(138,148,161,.5)}
.ba-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.lead-grid{display:grid;grid-template-columns:minmax(0,0.9fr) minmax(0,1.1fr);gap:72px;align-items:center}
.wa-grid{display:grid;grid-template-columns:minmax(0,0.8fr) minmax(0,1.2fr);gap:80px;align-items:center}
.sol-wrap{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:56px;align-items:start}
.sol-list{display:flex;flex-direction:column;border-top:1px solid #E6E6E6}
.sol-item{display:flex;gap:16px;align-items:flex-start;width:100%;text-align:left;padding:20px 0;border:0;border-bottom:1px solid #E6E6E6;background:transparent;font:inherit;cursor:pointer;color:#888888;transition:color .2s ease}
.sol-item:hover{color:#14202E}
.sol-item-on{color:#14202E}
.sol-title{font-size:19px;font-weight:600;letter-spacing:-0.015em;line-height:1.3}
.sol-num{flex:none;width:24px;padding-top:3px;font-size:14px;color:#999999;font-variant-numeric:tabular-nums}
.sol-desc{display:block;margin-top:6px;font-size:15px;line-height:1.5;color:#3B4652}
.sol-track{display:block;height:2px;margin-top:16px;background:#E6E6E6;overflow:hidden}
.sol-bar{display:block;height:100%;width:0;background:#14202E;animation:fill 9s linear forwards}
.demo-frame{position:sticky;top:96px;background:#FAFAFA;border:1px solid #E6E6E6;border-radius:16px;overflow:hidden;box-shadow:0 40px 80px -50px rgba(17,17,17,.35)}
.demo-body{padding:22px;min-height:450px}
.demo-2col{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:20px;align-items:start}
.tr{display:grid;grid-template-columns:1.6fr .8fr .5fr 1fr .8fr;gap:10px;padding:10px 0;border-bottom:1px solid #EFEFEF;font-size:14px;align-items:center}
.th{font-size:12px;font-weight:600;color:#5B6673}
.num{text-align:right;font-variant-numeric:tabular-nums}
.pill{display:inline-block;font-size:12px;font-weight:600;line-height:1.4;border-radius:6px;padding:3px 8px}
.ok{background:#E6F2EC;color:#1E7A4E}.warn{background:#FFF1D6;color:#8A5A00}.hot{background:#FCEBE7;color:#B4321E}
.fillbar{height:100%;width:0;background:#14202E;animation:fill 2.6s ease forwards}
.bar-line{height:7px;margin-top:8px;border-radius:2px;background:#EFEFEF}
.hl{background-image:linear-gradient(#FFE58A,#FFE58A);background-repeat:no-repeat;background-size:0% 100%;animation:hl .8s ease forwards}
.typed{display:inline-block;clip-path:inset(0 100% 0 0);animation:type .7s steps(22) forwards}
.who{display:inline-block;min-width:66px;margin-right:6px;font-size:12px;font-weight:600;color:var(--accent)}
.who.caller{color:#5B6673}
.wave{display:flex;gap:3px;align-items:center;height:22px}
.wave i{display:block;width:3px;height:100%;border-radius:2px;background:#3FB27F;animation:wave .9s ease-in-out infinite}
.kv{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;font-size:13px}
.kv>span:nth-child(odd){color:#5B6673}
.kv.doc{font-size:14px}
.board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.col{background:#F3F3F3;border-radius:10px;padding:10px;min-height:150px}
.col-h{font-size:12px;font-weight:600;color:#5B6673}
.task{margin-top:8px;background:#fff;border:1px solid #E6E6E6;border-radius:8px;padding:10px;font-size:13px;font-weight:500}
.meta{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:12px;font-weight:400;color:#5B6673}
.av{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#14202E;color:#fff;font-size:9px;font-weight:600}
.av.ai{background:var(--accent)}
.drop{opacity:0;animation:drop .5s cubic-bezier(.2,.7,.2,1) forwards}
.swap-out{animation:fadeout .3s ease .9s forwards}
.swap-in{opacity:0;animation:fadein .4s ease 1s forwards}
.sig{stroke-dasharray:420;stroke-dashoffset:420;animation:draw 1.4s ease 2.9s forwards}
.check-row{display:flex;gap:10px;align-items:center}
.ck{position:relative;flex:none;width:18px;height:18px;border-radius:50%;background:#1E7A4E}
.ck::after{content:'';position:absolute;left:6px;top:3px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.node{display:flex;flex-direction:column;gap:2px;background:#fff;border:1px solid #E6E6E6;border-radius:10px;padding:14px;font-size:14px}
.node b{font-size:24px;font-weight:700;letter-spacing:-0.02em}
.node em{font-style:normal;font-size:12px;font-weight:600;color:#1E7A4E;opacity:0;animation:fadein .4s ease 3.6s forwards}
.node.hotwin{animation:up .6s cubic-bezier(.2,.7,.2,1) forwards,hotwin 2.8s ease forwards}
.plan{background:#14202E;color:#fff;border-radius:10px;padding:12px 14px;font-size:14px;font-weight:500}
.plan span{display:block;font-size:12px;font-weight:400;color:#A3A3A3}
@keyframes fill{from{width:0}to{width:100%}}
@keyframes hl{to{background-size:100% 100%}}
@keyframes type{to{clip-path:inset(0 0 0 0)}}
@keyframes wave{0%,100%{transform:scaleY(.25)}50%{transform:scaleY(1)}}
@keyframes drop{from{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}
@keyframes fadeout{to{opacity:0}}
@keyframes fadein{to{opacity:1}}
@keyframes draw{to{stroke-dashoffset:0}}
@keyframes hotwin{0%{background:#fff;border-color:#E6E6E6}25%,50%{background:#FCEBE7;border-color:#E8AFA2}75%,100%{background:#E9F4EE;border-color:#93C9AC}}
.founder{display:grid;grid-template-columns:minmax(0,.5fr) minmax(0,1.5fr);gap:56px;align-items:center}
.founder-facts{margin-top:36px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;border-top:1px solid #E6E6E6;padding-top:24px}
.founder-facts b{display:block;font-size:20px;font-weight:700;letter-spacing:-0.02em}
.founder-facts span{display:block;margin-top:4px;font-size:14px;color:#5B6673}
.book{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center;background:#14202E;color:#F5F5F5;border-radius:18px;padding:clamp(24px,4vw,52px)}
.p-q{margin-top:22px;font-size:20px;font-weight:600;letter-spacing:-0.015em;line-height:1.3}
.p-grid{margin-top:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.opt{min-height:48px;padding:8px 12px;border:1px solid #D9D9D9;border-radius:10px;background:#fff;font:inherit;font-size:15px;color:#14202E;text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease}
.opt:hover{border-color:#14202E}
.opt-on{background:#14202E;border-color:#14202E;color:#fff}
.slot{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:52px;padding:6px 4px;border:1px solid #D9D9D9;border-radius:10px;background:#fff;font:inherit;color:#14202E;cursor:pointer;transition:border-color .15s ease,background .15s ease}
.slot:hover{border-color:#14202E}
.slot-on{background:#14202E;border-color:#14202E;color:#fff}
.slot-a{font-size:12px;opacity:.7}
.slot-b{font-size:15px;font-weight:600}
.offer-bar{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 12px;padding:10px 20px;background:#14202E;color:#F5F5F5;font-size:14px;text-decoration:none;text-align:center}
.offer-bar:hover{color:#fff;background:#1C1C1C}
.offer-bar-spots{background:#2A2A2A;border-radius:6px;padding:2px 8px;font-size:13px}
.offer{background:#fff;border:1px solid #E6E6E6;border-radius:18px;padding:clamp(24px,4vw,48px)}
.offer-head{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:56px;align-items:end}
.spots{background:#F5F5F5;border-radius:14px;padding:22px}
.offer-cols{margin-top:32px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;border-top:1px solid #E6E6E6;padding-top:32px}
.offer-k{font-size:17px;font-weight:600}
.offer-list{margin:12px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;font-size:15px;color:#3B4652}
.offer-list li{position:relative;padding-left:22px}
.offer-list li::before{content:'';position:absolute;left:2px;top:6px;width:5px;height:9px;border:solid #1E7A4E;border-width:0 2px 2px 0;transform:rotate(45deg)}
.iphone-stage{display:grid;place-items:center;padding:0}
.iphone{position:relative;width:320px;height:650px;border-radius:58px;padding:11px;background:linear-gradient(145deg,#4A4A4C 0%,#1E1E20 18%,#2C2C2E 50%,#121214 82%,#3A3A3C 100%);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.18),inset 0 0 0 4px #0A0A0B,0 2px 0 rgba(255,255,255,.06),0 60px 100px -40px rgba(17,17,17,.6),0 30px 50px -30px rgba(17,17,17,.4)}
.iphone::after{content:'';position:absolute;inset:11px;border-radius:48px;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.07) 0%,rgba(255,255,255,0) 32%);z-index:5}
.ip-btn{position:absolute;width:4px;border-radius:2px;background:linear-gradient(90deg,#2A2A2C,#4A4A4C)}
.ip-action{left:-3px;top:118px;height:30px}
.ip-vol1{left:-3px;top:170px;height:56px}
.ip-vol2{left:-3px;top:238px;height:56px}
.ip-power{right:-3px;top:196px;height:90px;background:linear-gradient(270deg,#2A2A2C,#4A4A4C)}
.ip-screen{position:relative;height:100%;border-radius:48px;overflow:hidden;background:#0B141A;color:#E9EDEF;display:flex;flex-direction:column}
.ip-status{position:relative;display:flex;justify-content:space-between;align-items:center;height:50px;padding:6px 26px 0 34px;background:#1F2C34;font-family:-apple-system,'SF Pro Text','Figtree',sans-serif}
.ip-island{position:absolute;left:50%;top:11px;transform:translateX(-50%);width:104px;height:30px;border-radius:16px;background:#000}
.ip-wa-head{display:flex;align-items:center;gap:10px;padding:6px 14px 10px 12px;background:#1F2C34;border-bottom:1px solid #26343C}
.ip-chat{flex:1;display:flex;flex-direction:column;gap:6px;padding:10px 10px 8px;overflow:hidden;font-size:13px;line-height:1.38;background:radial-gradient(circle at 20% 10%,rgba(255,255,255,.025) 0,transparent 40%),#0B141A}
.ip-chat>.wa{position:relative}
.wa-meta{display:inline-flex;align-items:center;gap:3px;float:right;margin:6px 0 -3px 10px;font-size:10px;color:rgba(233,237,239,.6)}
.ip-input{display:flex;align-items:center;gap:10px;padding:8px 12px 26px;background:#1F2C34}
.ip-home{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);width:120px;height:5px;border-radius:3px;background:#E9EDEF;opacity:.85}
.pain-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.pain{display:flex;flex-direction:column;border:1px solid #E6E6E6;border-radius:16px;overflow:hidden;background:#fff;transition:border-color .2s ease}
.pain:hover{border-color:#BDBDBD}
.pain-vis{position:relative;height:172px;padding:22px 18px;background:#F7F7F7;border-bottom:1px solid #EFEFEF;display:flex;flex-direction:column;justify-content:center;gap:8px;overflow:hidden}
.pain-txt{padding:18px 20px 20px}
.pain-txt h3{margin:0;font-size:19px;font-weight:600;letter-spacing:-0.015em;line-height:1.3}
.pain-txt p{margin:8px 0 0;font-size:15px;color:#3B4652}
@keyframes loopIn{0%{opacity:0;transform:translateY(8px)}8%,82%{opacity:1;transform:none}92%,100%{opacity:0;transform:none}}
.pv-q,.pv-rem{opacity:0;animation:loopIn 5s ease infinite}
.pv-q{align-self:flex-start;max-width:88%;background:#fff;border:1px solid #E6E6E6;border-radius:10px 10px 10px 3px;padding:7px 10px;font-size:13px;box-shadow:0 6px 14px -10px rgba(0,0,0,.25)}
.pv-src{display:block;font-size:10px;color:#999999;margin-bottom:1px}
.pv-badge{position:absolute;right:16px;bottom:16px;font-size:12px;font-weight:700;color:#B4321E;background:#FCEBE7;border-radius:6px;padding:3px 8px;opacity:0;animation:loopIn 5s ease infinite}
.pv-receipt{flex:none;width:86px;background:#fff;border-radius:3px;padding:10px 9px;box-shadow:0 8px 18px -12px rgba(0,0,0,.35);transform:rotate(-4deg)}
.pv-l{height:4px;margin-top:6px;border-radius:2px;background:#E6E6E6}
.pv-sheet{flex:1;min-width:0;background:#fff;border:1px solid #E6E6E6;border-radius:6px;font-size:11px;overflow:hidden}
.pv-row{display:flex;justify-content:space-between;gap:6px;padding:6px 8px;border-top:1px solid #EFEFEF;white-space:nowrap}
.pv-row>span:last-child{font-variant-numeric:tabular-nums}
.pv-head{border-top:0;background:#FAFAFA;color:#888888;font-weight:600}
.pv-active{background:#EDF0FE}
@keyframes typeLoop{0%,10%{clip-path:inset(0 100% 0 0)}35%,85%{clip-path:inset(0 0 0 0)}95%,100%{clip-path:inset(0 100% 0 0)}}
.pv-type{display:inline-block;clip-path:inset(0 100% 0 0);animation:typeLoop 5s steps(12) infinite}
@keyframes caret{50%{opacity:0}}
.pv-caret{display:inline-block;width:1px;height:11px;margin-left:1px;vertical-align:-1px;background:#14202E;animation:caret 1s steps(1) infinite}
.pv-rem{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #E6E6E6;border-radius:8px;padding:7px 10px;font-size:13px}
.pv-dot{width:7px;height:7px;border-radius:50%;background:#BDBDBD}
.pv-day{margin-left:auto;font-size:11px;color:#999999}
.pv-bad{border-color:#F0C2B8;color:#B4321E;font-weight:600}
.pv-bad .pv-dot{background:#D9482F}
.pv-todo{display:flex;align-items:center;gap:9px;font-size:13px;color:#3B4652;background:#fff;border:1px solid #E6E6E6;border-radius:8px;padding:7px 10px}
.pv-box{flex:none;width:13px;height:13px;border:1.5px solid #BDBDBD;border-radius:3px}
@keyframes nudge{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}
.pv-overdue{position:absolute;right:14px;top:12px;font-size:11px;font-weight:700;color:#B4321E;background:#FCEBE7;border-radius:6px;padding:3px 8px;animation:nudge 2.4s ease-in-out infinite}
.pain-band{margin-top:28px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 32px;border-radius:16px;background:#14202E;color:#fff;text-decoration:none}
.pain-band:hover{color:#fff;background:#1C1C1C}
.pain-arrow{flex:none;width:52px;height:52px;border-radius:50%;background:var(--accent);display:grid;place-items:center;transition:transform .2s ease}
.pain-band:hover .pain-arrow{transform:translateX(4px)}
h1,h2,h3,.sol-title,.p-q,.offer-k,.founder-facts b,.pain-txt h3{font-family:'Outfit',ui-sans-serif,system-ui,sans-serif}
.btn{font-weight:600;border-radius:10px}
.btn-dark{background:var(--accent);border-color:var(--accent);color:#fff}
.btn-dark:hover{background:#14202E;border-color:#14202E;color:#fff}
.hero-media{position:relative;padding-bottom:48px}
.hero-photo{aspect-ratio:2/1;border-radius:28px}
.notif-stack.hero-notif{position:absolute;left:auto;right:40px;bottom:0;width:400px;text-align:left}
#assistant{background:linear-gradient(125deg,#101B2B 0%,#14243D 55%,#1B2C55 100%) !important}
.book{background:var(--accent) !important}
.book .btn-dark{background:#14202E;border-color:#14202E}
.pain-band{background:linear-gradient(110deg,#14202E,#1B2C55) !important}
.offer-bar{background:#14202E !important}
.offer{border-radius:28px;background:#F7F8FA;border-color:#EEF0F3}
.pain,.sol-card,.demo-frame{border-radius:20px}
.pain-vis{background:#F7F8FA}
.lead-grid{border-radius:28px !important;background:#F7F8FA !important}
.tl{position:relative;margin-top:32px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding-top:6px}
.tl-line{position:absolute;left:8px;right:8px;top:12px;height:2px;background:#E1E4EA;overflow:hidden}
.tl-fill{display:block;height:100%;width:100%;background:linear-gradient(90deg,#1E7A4E 0%,#1E7A4E 62%,var(--accent) 100%);transform-origin:left;transform:scaleX(1)}
@supports (animation-timeline: view()){.tl-fill{animation:tlgrow linear both;animation-timeline:view();animation-range:entry 10% cover 45%}}
@keyframes tlgrow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.tl-step{position:relative}
.tl-dot{position:relative;z-index:1;display:block;width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid #1E7A4E}
.tl-dot-end{border-color:var(--accent);background:var(--accent);box-shadow:0 0 0 5px rgba(40,70,232,.15)}
.tl-when{margin-top:14px;font-size:14px;font-weight:600;color:#5B6673}
.tl-card{margin-top:10px;background:#fff;border:1px solid #E6E6E6;border-radius:20px;padding:24px;height:calc(100% - 52px);display:flex;flex-direction:column;gap:10px;transition:transform .25s ease,box-shadow .25s ease}
.tl-card:hover{transform:translateY(-3px);box-shadow:0 20px 40px -26px rgba(20,32,46,.35)}
.tl-price{display:flex;align-items:baseline;gap:8px}
.tl-price span{font-family:'Outfit',sans-serif;font-size:44px;font-weight:700;letter-spacing:-0.02em;line-height:1;color:#1E7A4E}
.tl-price em{font-style:normal;font-size:15px;color:#5B6673}
.tl-title{font-family:'Outfit',sans-serif;font-size:20px;font-weight:600;letter-spacing:-0.01em}
.tl-chips{margin-top:auto;padding-top:8px;display:flex;flex-wrap:wrap;gap:6px}
.tl-chips span{font-size:13px;background:#F3F5F8;border-radius:999px;padding:5px 11px;color:#3B4652}
.tl-card-dark{background:#14202E;border-color:#14202E;color:#fff}
.tl-card-dark .tl-price span{color:#fff}
.tl-card-dark .tl-price em{color:#A9B4C2}
.tl-card-dark .tl-chips span{background:rgba(255,255,255,.1);color:#E3E8EF}
.tl-return{margin-top:24px;display:flex;align-items:center;gap:14px;background:#EEF1F6;border-radius:16px;padding:14px 18px;font-size:16px}
.tl-terms{margin-top:16px;font-size:13px;color:#5B6673}
.tl-terms summary{cursor:pointer;display:inline-block;text-decoration:underline;text-underline-offset:3px}
.tl-terms p{margin:8px 0 0;max-width:860px}
.as-stats{margin-top:32px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:480px}
.as-stats div{border-top:1px solid rgba(255,255,255,.18);padding-top:12px}
.as-stats b{display:block;font-family:'Outfit',sans-serif;font-size:22px;font-weight:700;color:#fff}
.as-stats span{display:block;margin-top:2px;font-size:13px;color:#A9B4C2}
.nav-links{display:flex;gap:30px;align-items:center}
.nav-links a{text-decoration:none;font-size:15px;color:#3B4652}
.nav-links a:hover{color:#14202E}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 22px;border-radius:10px;font:inherit;font-size:16px;font-weight:500;text-decoration:none;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}
.btn-dark{background:#14202E;color:#fff;border:1px solid #14202E}
.btn-dark:hover{background:#22324A;color:#fff}
.btn-line{background:transparent;color:#14202E;border:1px solid #CCCCCC}
.btn-line:hover{border-color:#14202E;color:#14202E}
.btn-light{background:#fff;color:#14202E;border:1px solid #fff}
.btn-light:hover{background:#EDEDED;color:#14202E}
.btn-wa{background:#1E7A4E;color:#fff;border:1px solid #1E7A4E}
.btn-wa:hover{background:#18633F;color:#fff}
.sol{background:#fff;padding:32px 28px;display:flex;flex-direction:column;gap:12px;transition:background .2s ease}
.sol:hover{background:#FAFAFA}
.tab{position:relative;min-height:48px;padding:0 2px;border:0;background:transparent;font:inherit;font-size:16px;font-weight:500;cursor:pointer;color:#5B6673}
.tab:hover{color:#14202E}
.tab-on{color:#14202E;box-shadow:inset 0 -2px 0 #14202E}
.chip{cursor:pointer;transition:background .2s ease,border-color .2s ease}
.chip:hover{background:#262626 !important;border-color:#5A5A5A !important}
.photo{position:relative;overflow:hidden;background:#EDEDED}
.photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.92) contrast(1.04)}
.field{width:100%;min-height:50px;border:1px solid #D2D2D2;border-radius:10px;background:#fff;padding:0 14px;font:inherit;font-size:16px;color:#14202E}
.field:focus{outline:2px solid #14202E;outline-offset:1px}
.wa-float{position:fixed;right:24px;bottom:24px;z-index:30;width:60px;height:60px;border-radius:50%;background:var(--accent);display:grid;place-items:center;box-shadow:0 10px 30px -8px rgba(0,0,0,.35);transition:transform .2s ease}
.wa-float:hover{transform:scale(1.06)}
details summary{cursor:pointer;list-style:none}
details summary::-webkit-details-marker{display:none}
details[open] .plus{transform:rotate(45deg)}
.plus{transition:transform .2s ease}
.notif-stack{position:absolute;left:-56px;bottom:-48px;width:min(400px,90%);z-index:2}
@keyframes up{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes zoom{from{transform:scale(1.06)}to{transform:scale(1)}}
@keyframes blink{0%,80%,100%{opacity:.25}40%{opacity:1}}
.in{opacity:0;animation:up .6s cubic-bezier(.2,.7,.2,1) forwards}
.zoom{animation:zoom 2.2s cubic-bezier(.2,.7,.2,1) both}
.dot1{animation:blink 1.2s infinite}.dot2{animation:blink 1.2s .2s infinite}.dot3{animation:blink 1.2s .4s infinite}
@supports (animation-timeline: view()){
.reveal{animation:up linear both;animation-timeline:view();animation-range:entry 0% cover 20%}
.wa{animation:up linear both;animation-timeline:view()}
}
@media (prefers-reduced-motion: reduce){
.in,.reveal,.wa,.zoom{animation:none !important;opacity:1 !important}
.dot1,.dot2,.dot3,.wave i,.sol-bar,.pv-caret,.pv-overdue{animation:none !important}
.pv-q,.pv-rem,.pv-badge{animation:none !important;opacity:1}
.pv-type{animation:none !important;clip-path:none}
.fillbar{animation:none !important;width:100%}
.typed{animation:none !important;clip-path:none}
.hl{animation:none !important;background-size:100% 100%}
.drop,.swap-in,.node em{animation:none !important;opacity:1}
.swap-out{animation:none !important;opacity:0}
.sig{animation:none !important;stroke-dashoffset:0}
.node.hotwin{animation:none !important;opacity:1;background:#E9F4EE;border-color:#93C9AC}
}
@media (max-width:1040px){
.grid3,.pain-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid4{grid-template-columns:repeat(2,minmax(0,1fr))}
.notif-stack{left:-24px}
}
@media (max-width:860px){
.hero-grid,.ind-grid,.lead-grid,.wa-grid,.grid2,.sec-head,.founder,.book{grid-template-columns:1fr;gap:40px}
.founder-photo{max-width:320px}
.offer-head{grid-template-columns:1fr;gap:28px}
.iphone{transform:scale(.9);transform-origin:top center;margin-bottom:-70px}
.offer-cols{grid-template-columns:1fr;gap:24px}
.tl{grid-template-columns:1fr;gap:16px;padding-left:28px}
.tl-line{left:6px;right:auto;top:8px;bottom:8px;width:2px;height:auto}
.tl-fill{transform:none !important;animation:none !important}
.tl-dot{position:absolute;left:-28px;top:2px}
.tl-when{margin-top:0}
.tl-card{height:auto}
.founder-facts{grid-template-columns:1fr;gap:14px}
.lang{display:none}
.sol-wrap,.demo-2col{grid-template-columns:1fr;gap:24px}
.sol-list{flex-direction:row;overflow-x:auto;gap:8px;border-top:0;padding-bottom:4px}
.sol-item{flex:none;width:auto;padding:10px 14px;min-height:44px;align-items:center;border:1px solid #E6E6E6;border-radius:10px;color:#3B4652}
.sol-item-on{background:#14202E;color:#fff;border-color:#14202E}
.sol-num,.sol-desc,.sol-track{display:none}
.sol-title{font-size:15px;white-space:nowrap}
.demo-frame{position:relative;top:auto}
.demo-body{min-height:0}
.nav-links{display:none}
.ba-grid{grid-template-columns:1fr;gap:12px}
.notif-stack{position:relative;left:auto;bottom:auto;width:auto;margin:-72px 12px 0}
.notif-stack.hero-notif{position:relative;right:auto;left:auto;bottom:auto;width:auto;margin:-60px 12px 0}
.hero-photo{aspect-ratio:4/3;border-radius:20px}
.hero-media{padding-bottom:0}
}
@media (max-width:600px){
.wrap{padding:0 20px}
.grid3,.grid4,.pain-grid{grid-template-columns:1fr}
.pain-band{padding:22px}
.hide-sm{display:none}
.tr{grid-template-columns:1.5fr .5fr 1fr .8fr}
.board{grid-template-columns:repeat(2,minmax(0,1fr))}
.flow{grid-template-columns:repeat(2,minmax(0,1fr))}
.demo-body{padding:16px}
.nav-cta{display:none !important}
}
[data-spots]{display:none}
.offer-who{margin-top:24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:640px}
.ow-h{font-size:14px;font-weight:700;margin-bottom:8px}
.offer-who ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px;font-size:15px;color:#3B4652}
.offer-who li{position:relative;padding-left:22px}
.ow-yes::before{content:'';position:absolute;left:2px;top:6px;width:5px;height:9px;border:solid #1E7A4E;border-width:0 2px 2px 0;transform:rotate(45deg)}
.ow-no::before,.ow-no::after{content:'';position:absolute;left:1px;top:10px;width:11px;height:2px;background:#B4321E;transform:rotate(45deg)}
.ow-no::after{transform:rotate(-45deg)}
@media (max-width:600px){.offer-who{grid-template-columns:1fr}}
