/* INTERACTIVE PREVIEW ONLY — © 2026 ReBrandMyAI. Reuse requires a valid licence. Not the customer edition. */

.hero-phone-wrap{display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:0;gap:16px;}
.hero-phone-wrap .phone{flex:none;isolation:isolate;}
.hero-phone-wrap .phone-state{position:absolute;top:34%;left:6%;right:6%;display:flex;align-items:center;justify-content:center;gap:8px;font:500 11px var(--mono);color:#d8e0f3;letter-spacing:.02em;transition:color .35s,top .35s,opacity .35s;z-index:4;}
.phone-state-dot{width:7px;height:7px;background:var(--ok-2);border-radius:50%;box-shadow:0 0 12px rgba(95,211,160,.3);}
.phone-silent{position:absolute;left:7%;right:7%;top:43%;padding:18px 14px 16px;min-height:126px;display:flex;flex-direction:column;align-items:center;gap:5px;justify-content:center;border:1px solid rgba(232,236,244,.16);border-radius:20px;background:rgba(255,255,255,.055);backdrop-filter:blur(16px) saturate(1.08);-webkit-backdrop-filter:blur(16px) saturate(1.08);color:var(--moon);box-shadow:0 16px 34px rgba(0,0,0,.16);transition:opacity .6s,transform .6s;z-index:4;}
.phone-silent .moon-icon{font:300 32px var(--sans);color:#e6ecfb;line-height:1;}
.phone-silent b{font-size:17px;font-weight:600;}
.phone-silent small{font:400 11px/1.42 var(--sans);text-align:center;color:#d1d9ea;max-width:22ch;}
.hero-phone-wrap .notif{position:absolute;top:44.8%;left:6%;width:88%;margin:0;z-index:6;opacity:0;visibility:hidden;transform:translateY(-20px) scale(.97);transition:opacity .52s ease,transform .56s cubic-bezier(.2,.8,.24,1),visibility 0s .56s;animation:none!important;}
html.js .hero.arrived .hero-phone-wrap .notif{opacity:0;transform:translateY(-20px) scale(.97)}
.phone-stage-1 .notif,.phone-stage-2 .notif,html.js .hero.arrived .phone-stage-1 .notif,html.js .hero.arrived .phone-stage-2 .notif{opacity:1;visibility:visible;transform:translateY(0) scale(1);transition:opacity .52s ease,transform .56s cubic-bezier(.2,.8,.24,1),visibility 0s;}
.phone-stage-1 .phone-silent,.phone-stage-2 .phone-silent{opacity:0;transform:translateY(10px);pointer-events:none;}
.phone-stage-1 .screen-wallpaper-lock,.phone-stage-2 .screen-wallpaper-lock{opacity:0;transform:scale(1.04);filter:saturate(.72) contrast(1.05) brightness(.82)}
.phone-stage-1 .screen-wallpaper-awake,.phone-stage-2 .screen-wallpaper-awake{opacity:.48;transform:scale(1.02);filter:saturate(.82) contrast(1.03) brightness(.84)}
.phone-stage-1 .lock-ui,.phone-stage-2 .lock-ui,.phone-stage-1 .lock-controls,.phone-stage-2 .lock-controls{opacity:0;transform:translateY(-10px);pointer-events:none;}
.phone-stage-1 .unlock-head,.phone-stage-2 .unlock-head{opacity:1;transform:none;}
.phone-stage-1 .screen-foot,.phone-stage-2 .screen-foot{opacity:1;transform:none;}
.phone-stage-1 .phone-state{top:118px;color:#ddeaff;}
.phone-stage-2 .phone-state{top:118px;color:#ffe5e6;}
.phone-stage-1 .phone-state-dot{background:#6eb9ff;box-shadow:0 0 15px rgba(110,185,255,.35);}
.phone-stage-2 .phone-state-dot{background:var(--page-2);box-shadow:0 0 15px rgba(229,72,77,.4);}
.phone-stage-2 .notif{box-shadow:0 14px 42px rgba(0,0,0,.28),0 0 0 1px rgba(255,255,255,.12);}
.hero-phone-wrap .notif p{font:400 12.5px/1.43 var(--sans);}
.hero-phone-wrap .notif b{font-size:14px;line-height:1.3;}
.hero-phone-wrap .notif .more{max-height:180px;overflow-y:auto;overscroll-behavior:contain;}
.hero-phone-wrap .notif .more>span{align-items:flex-start;}
.hero-phone-wrap .notif .more code{font:500 10px/1.5 var(--mono);word-break:break-all;}
.hero-phone-wrap .notif .notif-hint{font:600 10.5px/1.45 var(--sans);color:#d4deef;}
.phone-story{display:flex;align-items:center;justify-content:center;gap:8px;width:min(100%,430px);margin-top:1px;}
.phone-step{flex:0 1 120px;min-width:0;text-align:center;color:var(--moon-3);transition:color .4s,opacity .4s;opacity:.62;}
.phone-step .step-time{display:block;font:500 10px var(--mono);letter-spacing:.05em;color:var(--moon-3);}
.phone-step b{display:block;font:600 13px/1.4 var(--sans);}
.phone-step small{display:block;font:400 10px/1.3 var(--sans);white-space:normal;color:#8d97b2;}
.phone-step.active{opacity:1;color:var(--moon);}
.phone-step.active .step-time{color:var(--sun);}
.phone-step.past{opacity:.8;color:var(--moon-2);}
.step-connector{height:1px;flex:0 0 18px;background:#45516a;}
.hero-phone-wrap .notif[aria-expanded="true"]{top:37.2%;max-height:59%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;}
.hero-phone-wrap .notif[aria-expanded="true"] .notif-hint{color:#ffe2a7;}
.cta-band .h em{font-style:normal;font-weight:750;color:var(--sun)}
.ledger-showcase{grid-template-columns:minmax(0,1fr) minmax(365px,.95fr);}
.ledger-showcase .ledger-head{display:block;}
.ledger-showcase .ledger-head .lede{margin-top:20px;max-width:44ch;}
.ledger-side{top:120px;}
.monitor-card{font-family:var(--sans);background:linear-gradient(160deg,#121a2c,#0d1321);border:1px solid rgba(232,236,244,.17);border-radius:12px;box-shadow:0 34px 60px -38px #000b;}
.monitor-head{background:#11192b;border-bottom-color:rgba(232,236,244,.13);padding:12px 14px;font:500 10px var(--mono);letter-spacing:.01em;color:var(--moon-3);}
.monitor-head b{font-weight:600;color:var(--moon);}
.monitor-led{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--ok-2);margin-right:9px;box-shadow:0 0 8px rgba(95,211,160,.45);vertical-align:middle;}
.monitor-body{padding:10px;gap:9px;}
.monitor-grid{grid-template-columns:1fr minmax(0,.77fr);gap:9px;}
.monitor-panel{background:#0e1525;border:1px solid rgba(232,236,244,.1);border-radius:6px;padding:11px;}
.monitor-panel h3{display:flex;justify-content:space-between;gap:8px;align-items:center;color:#aab3c5;font:500 9px var(--mono);letter-spacing:.045em;margin-bottom:12px;}
.monitor-panel h3 span{color:var(--moon-3);font:400 9px var(--mono);}
.monitor-panel code{font:500 10px var(--mono);color:#dfe5f1;}
.quiet-lines{gap:0;}
.quiet-line{grid-template-columns:1fr auto;gap:7px;align-items:center;background:none;border-bottom:1px solid rgba(232,236,244,.07);padding:8px 1px;border-radius:0;}
.quiet-line:last-child{border-bottom:0;}
.quiet-line div{display:flex;flex-direction:column;gap:2px;}
.quiet-line b{font:600 14px var(--mono);color:var(--moon);}
.quiet-line span{font:400 11px var(--sans);color:var(--moon-2);}
.quiet-line i{font:500 9px var(--mono);color:var(--ok-2);white-space:nowrap;}
.quiet-line.threat-line{background:rgba(229,72,77,.05);}
.quiet-line.threat-line i{color:var(--page-2);}
.signal-board{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:8px 1px;padding:10px 2px 12px;min-width:0;}
.signal-board .signal-dot{display:block;justify-self:center;align-self:center;width:5px;height:5px;min-width:0;aspect-ratio:auto;border-radius:50%;background:#2b364e;box-shadow:inset 0 0 0 .5px rgba(186,194,220,.16);transition:background .3s,box-shadow .3s;transform:none;}
.signal-board .signal-dot.ok{background:#4bba86;box-shadow:0 0 6px rgba(95,211,160,.48);transform:none;}
.signal-board .signal-dot.live{background:#f1787a;box-shadow:0 0 10px rgba(229,72,77,.75);transform:none;}
.board-legend{display:flex;gap:12px;flex-wrap:wrap;font:400 9px var(--mono);color:var(--moon-3);}
.board-legend span{display:flex;align-items:center;gap:4px;}
.legend-dot{width:5px;height:5px;border-radius:50%;background:#4bba86;display:inline-block;}
.legend-dot.red{background:#f1787a;}
.monitor-spark{height:34px;margin-top:8px;opacity:.78;}
.monitor-spark svg{width:100%;height:100%;overflow:visible;}
.monitor-spark .spark-scan{display:none}.monitor-spark .spark-node{opacity:.95}
@keyframes monitorScan{0%{transform:translateX(0)}100%{transform:translateX(220px)}}
.trace-panel{padding-bottom:9px;}
.trace-line{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:9px;align-items:baseline;padding:8px 0;border-top:1px solid rgba(232,236,244,.06);font:400 11px/1.5 var(--sans);color:var(--moon-2);}
.trace-line time{color:var(--moon-3);font:400 9px var(--mono);}
.trace-line em{color:#f08b90;font:500 9px var(--mono);font-style:normal;white-space:nowrap;}
.monitor-note{padding:12px 13px;gap:9px;border-top-color:rgba(232,236,244,.1);font:400 11px/1.5 var(--sans);color:var(--moon-2);}
.monitor-note strong{font-weight:600;color:var(--moon);}
.monitor-pill{font:500 9px var(--mono);background:rgba(95,211,160,.08);border:1px solid rgba(95,211,160,.16);padding:6px 8px;color:var(--ok-2);}
.monitor-pill:before{width:5px;height:5px;}
.cta-band{isolation:isolate;background:radial-gradient(ellipse at 56% 100%,rgba(215,140,76,.15),transparent 62%),linear-gradient(180deg,#0d1220,#101825 70%,#0b111b);}
.cta-band .topographic-grid{z-index:0;opacity:.9;}
.cta-band .horizon-glow{z-index:0;top:auto;bottom:8%;left:10%;width:80%;height:37%;opacity:1;filter:blur(35px);background:radial-gradient(ellipse,rgba(233,145,66,.43) 0%,rgba(212,102,50,.17) 42%,transparent 73%);}
.cta-band .terrain-back{bottom:-2%;top:auto;height:31%;width:120%;left:-8%;opacity:.8;z-index:1;transform:translateY(-29px) scaleX(-1);background:linear-gradient(175deg,#273544,#14202b);}
.cta-band .terrain-front{bottom:-6%;top:auto;height:27%;width:120%;left:-8%;opacity:1;z-index:2;background:linear-gradient(170deg,#1f313b,#101d27 78%);}
.cta-band .wrap{z-index:3;}
.cta-proof{transition:background .26s,border-color .26s,transform .26s;}
.cta-proof:hover{background:rgba(255,255,255,.085);border-color:rgba(232,236,244,.25);transform:translateY(-2px);}
.js-motion .reveal-lift{opacity:0;transform:translate3d(0,18px,0);transition:opacity .68s ease,transform .68s cubic-bezier(.22,.72,.25,1);transition-delay:var(--reveal-delay,0ms);}
.js-motion .reveal-lift.in-view{opacity:1;transform:none;}
.row,.choice,.spec-tab,.process-item,.fact-card{transition:background-color .23s,border-color .23s,box-shadow .23s,transform .23s;}
.row:hover{background:rgba(232,236,244,.025)}
.choice:hover,.process-item:hover,.fact-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px -24px #090d1d99;}
@media(max-width:1100px){.ledger-showcase{grid-template-columns:1fr}.ledger-side{position:relative;top:auto}.monitor-card{max-width:700px;margin-inline:auto;width:100%;}}
@media(max-width:900px){.hero-phone-wrap{margin-top:10px}.phone-story{width:min(100%,380px)}}
@media(max-width:620px){
 .phone-story{gap:4px;}.phone-step{flex-basis:104px}.step-connector{flex-basis:10px}
 .monitor-grid{grid-template-columns:minmax(0,1fr)}.signal-board{grid-template-columns:repeat(16,minmax(0,1fr));gap:10px 2px;}
 .trace-line{grid-template-columns:50px minmax(0,1fr);}.trace-line em{grid-column:2;}
 .hero-phone-wrap .notif .more>span{flex-wrap:wrap;gap:3px;}.hero-phone-wrap .notif .more code{text-align:left;}
 .cta-band .terrain-front{height:19%;}.cta-band .terrain-back{height:22%;}
}
@media(prefers-reduced-motion:reduce){
 .js-motion .reveal-lift{opacity:1;transform:none;transition:none}.monitor-spark .spark-scan{animation:none}
 .phone-silent,.hero-phone-wrap .notif{transition:none!important}
}