*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;font-family:Poppins,Hind,sans-serif;color:#18323a;background:#fff;line-height:1.75}:root{--deep:#071f27;--deep2:#103943;--ink:#18323a;--gold:#f8aa16;--gold2:#ffc33f;--cream:#fff8e9;--warm:#faf8f3;--muted:#63767a;--line:#e7e3d9;--shadow:0 18px 48px rgba(8,34,42,.10)}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}.section{padding:78px 0}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.15}h2{font-size:clamp(36px,4.2vw,56px);letter-spacing:-1.6px;margin:0}h2 em,h1 em{font-style:normal;color:var(--gold)}p{color:var(--muted)}b,strong{color:var(--ink)}.tag{display:flex;align-items:center;gap:10px;color:#a66e00;font-size:10px;letter-spacing:2px;font-weight:800;margin-bottom:16px}.tag:before{content:"";width:28px;height:2px;background:var(--gold)}.tag.light{color:#ffd36b}.btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:12px;padding:14px 23px;border-radius:7px;background:linear-gradient(135deg,var(--gold),var(--gold2));color:#102b33;font-weight:800;box-shadow:0 10px 25px rgba(248,170,22,.22);transition:.25s}.btn:hover{transform:translateY(-2px)}.btn.sm{padding:10px 16px;font-size:12px}.btn.large{padding:17px 30px}.header{height:82px;background:#061c23;border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;z-index:50}.navrow{height:100%;display:flex;align-items:center;gap:24px}.logo{width:145px;flex:0 0 145px}.logo img{max-height:66px;object-fit:contain}.header nav{display:flex;justify-content:center;gap:17px;flex:1}.header nav a{font-size:12px;color:#dbe2e4;white-space:nowrap}.header nav a:hover,.header nav a.active{color:var(--gold)}.navcta{display:flex;align-items:center;gap:15px;color:#fff;font-size:12px}.hamb{display:none;background:none;border:0}.hamb span{display:block;width:24px;height:2px;background:#fff;margin:5px;transition:.25s}.hero{min-height:620px;padding:70px 0;background:radial-gradient(circle at 82% 35%,rgba(248,170,22,.14),transparent 29%),linear-gradient(120deg,#061c23,#0b2d36 65%,#123d45);color:#fff;position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr .75fr;gap:70px;align-items:center}.hack-label{display:flex;align-items:center;gap:10px;margin-bottom:20px}.hack-label span{font-size:10px;letter-spacing:2px;color:#ffd16a;font-weight:800}.hack-label b{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:var(--deep);font-size:12px}.hero h1{font-size:clamp(50px,6vw,78px);letter-spacing:-2.5px;margin:0 0 12px}.hero h2{font-size:21px;letter-spacing:0;color:#fff;margin-bottom:24px}.hero-lead{font-size:18px;color:#d7e0e2;max-width:700px}.hero-lead b{color:#fff}.watchline{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0;color:#9fb1b5;font-size:12px}.watchline span:after{content:" •";color:var(--gold);margin-left:8px}.watchline strong{color:#ffd36b}.hero-actions{display:flex;gap:12px;margin-top:25px}.outline{border:1px solid rgba(255,255,255,.22);padding:13px 20px;border-radius:7px;font-weight:600}.video-ui{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:17px;backdrop-filter:blur(10px);box-shadow:0 30px 70px rgba(0,0,0,.22)}.screen{aspect-ratio:16/10;background:linear-gradient(145deg,#102f37,#071b21);border-radius:13px;position:relative;overflow:hidden;display:grid;place-items:center}.screen-glow{position:absolute;width:240px;height:240px;border-radius:50%;background:rgba(248,170,22,.13);filter:blur(15px)}.play{width:72px;height:72px;border-radius:50%;border:1px solid rgba(255,255,255,.3);display:grid;place-items:center;z-index:2;box-shadow:0 0 0 10px rgba(255,255,255,.035)}.play span{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:var(--deep);padding-left:3px}.screen-copy{position:absolute;left:20px;bottom:48px}.screen-copy small{font-size:7px;letter-spacing:1.5px;color:#ffd36b;display:block}.screen-copy b{display:block;color:#fff;font-size:22px}.screen-copy span{font-size:8px;color:#a4b4b8}.controls{position:absolute;bottom:0;left:0;right:0;height:35px;background:rgba(0,0,0,.32);display:grid;grid-template-columns:1fr 18px auto 18px;gap:8px;align-items:center;padding:0 12px;font-size:8px;color:#9eb0b4}.controls i{height:2px;background:linear-gradient(90deg,var(--gold) 40%,#63757a 40%)}.controls b{color:#fff}.controls em{font-style:normal}.video-meta{display:flex;justify-content:space-between;align-items:center;padding:13px 5px 2px}.video-meta small{display:block;color:var(--gold);font-size:7px;letter-spacing:1.5px}.video-meta b{color:#fff;font-size:12px}.live-dot{width:8px;height:8px;background:var(--gold);border-radius:50%;box-shadow:0 0 0 5px rgba(248,170,22,.1)}.orb{position:absolute;border:1px solid rgba(248,170,22,.11);border-radius:50%}.o1{width:650px;height:650px;right:-380px;top:-220px}.o2{width:430px;height:430px;left:-330px;bottom:-300px}.ticker{background:var(--gold);padding:17px 0}.ticker .wrap{display:flex;justify-content:center;align-items:center;gap:18px;font-size:12px;font-weight:700}.ticker i{font-style:normal}.ticker strong{font-size:14px}.split,.section-head{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}.sticky{position:sticky;top:115px}.copy{border-left:1px solid var(--line);padding-left:42px}.copy p{font-size:16px;margin-bottom:14px}.goal-lines{display:grid;gap:7px;margin:20px 0}.goal-lines span{background:var(--warm);border:1px solid var(--line);border-radius:8px;padding:11px 14px;font-size:13px;font-weight:600}.callout{background:var(--cream);border-left:3px solid var(--gold);padding:18px 20px;margin:22px 0;color:#526469}.callout strong{display:block;font-size:18px;margin-top:5px}.micro-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:20px 0}.micro-list b{font-size:12px;padding:10px 12px;border:1px solid var(--line);border-radius:8px}.dark,.purposeful,.moving{background:linear-gradient(125deg,#08232b,#123a43);color:#fff}.dark p,.purposeful p,.moving p{color:#c1cdd0}.dark b,.dark strong,.purposeful b,.purposeful strong,.moving b,.moving strong{color:#fff}.center{text-align:center;max-width:850px;margin:auto}.center .tag{justify-content:center}.center>p{max-width:760px;margin:15px auto 0}.visual-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:38px}.visual-grid article{padding:22px 18px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:rgba(255,255,255,.04)}.vicon{width:38px;height:38px;border-radius:9px;display:grid;place-items:center;background:rgba(248,170,22,.12);color:var(--gold);margin-bottom:17px}.visual-grid h3{font-size:16px}.visual-grid p{font-size:12px;margin:0}.power-copy{text-align:center;max-width:800px;margin:32px auto 0}.power-copy strong{display:block;color:#ffd36b;font-size:20px}.phone{width:190px;height:315px;margin:32px auto 0;border:7px solid var(--deep);border-radius:28px;background:#eef0ec;padding:28px 13px;position:relative}.notch{position:absolute;width:75px;height:14px;background:var(--deep);border-radius:0 0 10px 10px;top:0;left:50%;transform:translateX(-50%)}.scrolls{display:grid;gap:8px}.scrolls i{height:65px;border-radius:8px;background:linear-gradient(135deg,#dfe5e3,#bfcac8)}.phone>b{display:block;text-align:center;color:#a66e00;font-size:10px;margin-top:15px;letter-spacing:1.5px}.question{font-size:20px;font-weight:800;color:#a66e00;border-left:3px solid var(--gold);padding-left:18px;margin:23px 0}.purposeful{padding:75px 0}.purposeful-grid,.collection-grid,.moving-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.steps-mini{display:grid;gap:10px}.steps-mini>div{padding:18px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.045);border-radius:11px}.steps-mini span{font-size:9px;color:var(--gold);font-weight:800}.steps-mini b{display:block;margin:3px 0}.steps-mini p{font-size:12px;margin:0}.steps-mini strong{display:block;color:#ffd36b;margin-top:8px}.poster{display:flex;justify-content:center}.poster-inner{width:315px;height:390px;background:radial-gradient(circle at 50% 35%,rgba(248,170,22,.17),transparent 28%),linear-gradient(145deg,#09252d,#16444d);border-radius:14px;box-shadow:0 28px 55px rgba(8,35,43,.22);padding:35px;color:#fff;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.poster-inner small{font-size:8px;letter-spacing:1.6px;color:#ffd36b}.poster-inner>span{font-size:13px;margin-top:25px}.poster-inner>b{font-size:29px;line-height:1.05;color:#fff}.poster-inner em{font-style:normal;font-size:8px;letter-spacing:2px;color:#b9c8cb;margin-top:18px}.poster-play{position:absolute;width:58px;height:58px;border-radius:50%;background:var(--gold);color:var(--deep);display:grid;place-items:center;right:25px;bottom:25px}.quote-card{background:var(--cream);border-left:3px solid var(--gold);padding:20px;margin-top:22px;color:#5b6d71}.quote-card strong{display:block;color:#a66e00;margin-top:7px}.perspective{background:var(--warm)}.perspective-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:32px}.perspective-row div{background:#fff;border:1px solid var(--line);padding:18px;border-radius:10px;text-align:center;font-size:13px;font-weight:700}.perspective-copy{text-align:center;max-width:850px;margin:27px auto 0}.section-head{margin-bottom:30px}.use-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.use-grid>div{border:1px solid var(--line);border-radius:11px;padding:17px;display:grid;grid-template-columns:35px 1fr;gap:7px}.use-grid span{font-size:9px;color:var(--gold);font-weight:800}.use-grid p{font-size:13px;margin:0}.stopline{text-align:center;margin-top:28px;font-size:18px}.stopline span{color:#748589;margin-right:8px}.stopline strong{color:#a66e00}.darkcopy{border-color:rgba(255,255,255,.12)}.darkcopy h3{color:#ffd36b;font-size:25px}.actions-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:20px 0}.actions-list span{padding:10px 12px;border:1px solid rgba(255,255,255,.1);border-radius:8px;font-size:12px;color:#fff}.reset-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:35px}.reset-flow>div{padding:20px 16px;border:1px solid var(--line);border-radius:12px;background:#fff}.reset-flow b{color:var(--gold);font-size:10px}.reset-flow h3{font-size:17px;margin:10px 0}.reset-flow p{font-size:12px;margin:0}.reset-equation{display:flex;align-items:center;justify-content:center;gap:15px;flex-wrap:wrap;margin-top:28px;font-weight:700}.reset-equation i{font-style:normal;color:var(--gold)}.reset-equation strong{color:#a66e00}.reset-equation small{width:100%;text-align:center;color:#78898d;font-weight:500}.moving{padding:75px 0}.bigquote{border-left:3px solid var(--gold);padding-left:20px;color:#b9c7ca}.bigquote strong{display:block;color:#ffd36b;font-size:18px;margin-top:8px}.watch-something{max-width:900px;margin:35px auto 0;border:1px solid var(--line);border-radius:16px;padding:28px;display:grid;grid-template-columns:100px 1fr;gap:25px;align-items:center;box-shadow:var(--shadow)}.playring{width:85px;height:85px;border-radius:50%;background:var(--deep);color:var(--gold);display:grid;place-items:center;font-size:25px}.watch-something small{color:#829196}.watch-something h3{font-size:25px;color:#a66e00;margin:6px 0 10px}.watch-something p{font-size:13px;margin:0}.finalhack{background:var(--warm)}.final-card{display:grid;grid-template-columns:160px 1fr;gap:45px;padding:45px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow)}.number{font-size:100px;font-weight:800;color:#f2ead5;line-height:1}.finalsteps{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:20px 0}.finalsteps span{padding:10px 12px;background:var(--cream);border-radius:8px;font-size:12px;font-weight:700}.final-card h3{font-size:17px}.final-card h3 strong{display:block;color:#a66e00;margin-top:7px}.cta{padding:82px 0;background:radial-gradient(circle at 50% 0,rgba(248,170,22,.12),transparent 30%),linear-gradient(125deg,#061c23,#103841);color:#fff;text-align:center}.cta-inner{max-width:900px}.cta .tag{justify-content:center}.cta h2{font-size:clamp(38px,5vw,60px)}.cta p{color:#c0cdcf;max-width:820px;margin:17px auto}.cta p b{color:#fff}.cta h3{color:#ffd36b;margin:24px}.brandline{font-size:12px;color:#8da2a7;margin-top:28px}.footer{background:#05181e;color:#fff;padding:48px 0 20px}.footgrid{display:grid;grid-template-columns:1.3fr .8fr .8fr 1fr;gap:40px}.footbrand img{width:200px}.footer h4{margin:0 0 15px}.footer p,.footer a{font-size:12px;color:#9babb0}.footgrid>div:not(:first-child){display:flex;flex-direction:column;gap:9px;align-items:flex-start}.copyright{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.08);padding-top:20px;margin-top:35px;color:#71868b;font-size:10px}.reveal,.stagger{opacity:0;transform:translateY(22px);transition:.7s cubic-bezier(.2,.7,.2,1)}.reveal.left{transform:translateX(-25px)}.reveal.right{transform:translateX(25px)}.reveal.show,.stagger.show{opacity:1;transform:none}.stagger>*{opacity:0;transform:translateY(14px);transition:.5s}.stagger.show>*{opacity:1;transform:none}.stagger>*:nth-child(2){transition-delay:.06s}.stagger>*:nth-child(3){transition-delay:.12s}.stagger>*:nth-child(4){transition-delay:.18s}.stagger>*:nth-child(5){transition-delay:.24s}.stagger>*:nth-child(6){transition-delay:.30s}.stagger>*:nth-child(7){transition-delay:.36s}.stagger>*:nth-child(8){transition-delay:.42s}
@media(max-width:1080px){.header nav{display:none;position:absolute;top:82px;left:0;right:0;background:#061c23;padding:15px 24px;flex-direction:column;gap:0;max-height:calc(100vh - 82px);overflow:auto}.header nav.open{display:flex}.header nav a{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.06)}.hamb{display:block;margin-left:auto}.navcta{display:none}.visual-grid{grid-template-columns:repeat(3,1fr)}.reset-flow{grid-template-columns:repeat(3,1fr)}}
@media(max-width:780px){body{line-height:1.68}.wrap{width:calc(100% - 30px)}.section{padding:54px 0}.header{height:66px}.logo{width:108px;flex:0 0 108px}.header nav{top:66px;max-height:calc(100vh - 66px)}.hero{min-height:0;padding:42px 0 48px}.hero-grid,.split,.section-head,.purposeful-grid,.collection-grid,.moving-grid{display:block}.hero h1{font-size:clamp(36px,10.8vw,46px);line-height:1.1;letter-spacing:-1.3px}.hero h2{font-size:16px;line-height:1.5}.hero-lead{font-size:15px}.video-ui{margin-top:28px;padding:16px}.ticker .wrap{flex-wrap:wrap;gap:2px 10px;text-align:center}.sticky{position:static}.copy{border-left:0;border-top:1px solid var(--line);padding:22px 0 0;margin-top:22px}.micro-list{grid-template-columns:1fr}.visual-grid{grid-template-columns:1fr;gap:10px}.phone{width:170px;height:285px}.steps-mini{margin-top:27px}.poster{margin-bottom:28px}.poster-inner{width:270px;height:335px;padding:28px}.perspective-row{grid-template-columns:1fr 1fr}.use-grid{grid-template-columns:1fr}.actions-list{grid-template-columns:1fr}.reset-flow{grid-template-columns:1fr;gap:8px}.reset-flow>div{padding:17px}.moving-grid>div+div{margin-top:24px}.watch-something{grid-template-columns:1fr;text-align:center;padding:23px}.playring{margin:auto}.final-card{display:block;padding:25px}.number{font-size:60px}.finalsteps{grid-template-columns:1fr}.footgrid{grid-template-columns:1fr 1fr}.copyright{flex-direction:column;gap:7px}.reveal.left,.reveal.right{transform:translateY(14px)}}
@media(max-width:520px){.wrap{width:calc(100% - 26px)}.section{padding:45px 0}h2{font-size:31px}.hero{padding:38px 0 43px}.hero h1{font-size:35px}.hero-actions{display:grid;grid-template-columns:1fr;gap:9px}.hero-actions a{width:100%;justify-content:center;text-align:center}.watchline{gap:3px 6px}.watchline span:after{margin-left:6px}.screen-copy b{font-size:18px}.screen-copy{left:14px;bottom:43px}.play{width:60px;height:60px}.play span{width:40px;height:40px}.ticker{padding:13px 0}.ticker .wrap{display:grid;grid-template-columns:1fr}.ticker i{display:none}.perspective-row{grid-template-columns:1fr}.poster-inner{width:240px;height:300px}.poster-inner>b{font-size:24px}.reset-equation{gap:7px}.reset-equation i{display:none}.reset-equation span,.reset-equation strong{width:100%;text-align:center;background:var(--cream);padding:8px;border-radius:7px}.purposeful,.moving{padding:52px 0}.cta{padding:55px 0}.cta h2{font-size:33px}.footgrid{grid-template-columns:1fr}.copyright{text-align:center}.final-card{padding:20px}}
@media(max-width:350px){.wrap{width:calc(100% - 20px)}.hero h1{font-size:32px}h2{font-size:28px}.video-ui{padding:12px}.screen-copy b{font-size:16px}.poster-inner{width:220px;height:275px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal,.stagger,.stagger>*{opacity:1!important;transform:none!important}}
/* =========================================================
FINAL REFINED HERO + REAL DEMO VIDEO SLOT
========================================================= */
.demo-video-wrap{
position:relative;
width:100%;
aspect-ratio:16/9;
overflow:hidden;
border-radius:13px;
background:#020b0e;
border:1px solid rgba(255,255,255,.08);
}
.demo-video{
display:block;
width:100%;
height:100%;
object-fit:cover;
background:#020b0e;
}
.demo-badge{
position:absolute;
top:12px;
left:12px;
z-index:2;
padding:6px 9px;
border-radius:5px;
background:rgba(6,28,35,.84);
border:1px solid rgba(255,255,255,.12);
color:#ffd36b;
font-size:8px;
font-weight:800;
letter-spacing:1.35px;
pointer-events:none;
}
.replace-note{
margin:8px 5px 0;
color:#7f969b;
font-size:9px;
line-height:1.5;
}
.replace-note b{color:#a9babd}
.video-ui{width:100%;min-width:0}
.hero-grid>*{min-width:0}
@media(max-width:780px){
/* Hero mobile spacing correction */
.hero{
width:100%;
min-height:0;
padding:38px 0 42px;
}
.hero .wrap{
width:calc(100% - 28px);
max-width:none;
margin-left:auto;
margin-right:auto;
}
.hero-grid{
display:flex;
flex-direction:column;
width:100%;
gap:24px;
}
.hero-copy,
.video-ui{
width:100%;
max-width:100%;
min-width:0;
margin:0;
}
.video-ui{
padding:13px;
border-radius:16px;
}
.demo-video-wrap{
width:100%;
aspect-ratio:16/9;
border-radius:11px;
}
.video-meta{padding:11px 3px 0}
.replace-note{margin:6px 3px 0}
.hero-actions{margin-bottom:0}
.orb{pointer-events:none}
}
@media(max-width:520px){
.hero{padding:34px 0 38px}
.hero .wrap{width:calc(100% - 24px)}
.hero-grid{gap:21px}
.hero-copy{padding:0}
.hero h1{margin-bottom:8px}
.hero h2{margin-bottom:15px}
.hero-lead{margin-bottom:0}
.watchline{margin:15px 0 0}
.hero-actions{margin-top:19px}
.video-ui{padding:10px}
.demo-badge{top:8px;left:8px;padding:5px 7px;font-size:7px}
.video-meta b{font-size:11px}
.replace-note{font-size:8px}
}
@media(max-width:350px){
.hero .wrap{width:calc(100% - 20px)}
.video-ui{padding:8px}
}