*{margin:0;padding:0;box-sizing:border-box}
:root{--red:#D92632;--off-white:#F6F1EA;--black:#050505;--white:#fff;--grey:#4D4D4D;--font:'Plus Jakarta Sans',sans-serif}
html{scroll-behavior:smooth}
body{font-family:var(--font);background:var(--off-white);overflow-x:hidden}


/* Hide nav items before GSAP runs */
.nav-logo { visibility: hidden; }
.nav-cta { visibility: hidden; }
.hero-eyebrow { visibility: hidden; }
/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:1.25rem 3rem;background:rgba(5,5,5,0.88);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,0.06)}
.nav-inner{max-width:1320px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;position:relative}
.nav-logo{font-weight:800;font-size:1.05rem;letter-spacing:-0.02em;color:var(--white);will-change:transform,opacity}
.nav-logo span{color:var(--red)}
.nav-cta{background:var(--red);color:var(--white);padding:0.6rem 1.4rem;border-radius:100px;font-size:0.85rem;font-weight:700;text-decoration:none;transition:box-shadow 0.2s;will-change:transform,opacity}
.nav-cta:hover{box-shadow:0 6px 20px rgba(217,38,85,0.4)}

.hero-eyebrow{display:inline-flex;align-items:center;gap:0.5rem;padding:0.35rem 1rem;font-size:0.7rem;font-weight:700;letter-spacing:0.07em;text-transform:uppercase;background:#fff;border:1px solid rgba(217,38,50,0.2);color:var(--red);border-radius:100px;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;pointer-events:none}
.hero-eyebrow::before{content:'';width:6px;height:6px;background:var(--red);border-radius:50%;animation:pulse 1.5s infinite;flex-shrink:0}

.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:7rem 2rem 6rem;background:var(--black);overflow:hidden}
.hero-glow{position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% 40%,rgba(217,38,85,0.07),transparent 70%);pointer-events:none}
.hero-content{position:relative;z-index:2;max-width:780px}
.hero h1{font-weight:800;font-size:clamp(2.8rem,6.5vw,5.5rem);line-height:1.02;letter-spacing:-0.04em;color:var(--white);margin-bottom:1.25rem}
.hero h1 em{color:var(--red);font-style:normal}
#heroH .clip-wrap{display:block;overflow:hidden;padding-bottom:0.08em}
#heroH .clip-inner{display:block;transform:translateY(110%)}
.hero-sub{color:rgba(255,255,255,0.5);font-size:clamp(1rem,1.8vw,1.15rem);line-height:1.8;margin-top:1.75rem;margin-bottom:3rem;font-weight:300;visibility:hidden}
.mag-wrap{display:inline-block}
.btn-primary{background:var(--red);color:#fff;padding:1rem 2.5rem;border-radius:100px;font-size:0.95rem;font-weight:700;text-decoration:none;display:inline-block;transition:transform 0.2s,box-shadow 0.2s}
.btn-primary:hover{transform:scale(1.03);box-shadow:0 12px 40px rgba(217,38,85,0.45)}
.btn-ghost{background:transparent;color:rgba(255,255,255,0.65);padding:1rem 2.2rem;border-radius:100px;border:1.5px solid rgba(255,255,255,0.3);font-size:0.95rem;font-weight:700;text-decoration:none;display:block;transition:border-color 0.2s,color 0.2s}
.btn-ghost:hover{border-color:rgba(255,255,255,0.55);color:#fff}
.hero-ctas{display:flex;gap:1rem;justify-content:center;margin-bottom:2.75rem;flex-wrap:wrap;visibility:hidden}
.hero-trust{display:flex;align-items:center;justify-content:center;gap:0.75rem;flex-wrap:wrap;visibility:hidden}
.trust-stars{color:#F5A623;font-size:0.82rem;letter-spacing:2px}
.trust-item{font-size:0.78rem;color:rgba(255,255,255,0.3)}
.trust-dot{color:rgba(255,255,255,0.2);font-size:0.5rem;line-height:1}
.scroll-hint{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:0.4rem;color:rgba(255,255,255,0.18);font-size:0.62rem;letter-spacing:0.1em;text-transform:uppercase;visibility:hidden}
.scroll-line{width:1px;height:32px;background:linear-gradient(to bottom,rgba(255,255,255,0.2),transparent);animation:sa 1.6s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.4;transform:scale(1.4)}}
@keyframes sa{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform:scaleY(1);transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}

/* PROOF STRIP */
.proof-strip{background:var(--white);padding:1.25rem 3rem;border-bottom:1px solid rgba(5,5,5,0.07)}
.proof-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1.25rem;flex-wrap:nowrap}
.proof-faces img{height:36px;width:auto;object-fit:contain;border-radius:100px}
.proof-item{display:flex;align-items:center;gap:0.65rem}
.proof-item-text strong{display:block;font-size:0.8rem;font-weight:700;color:var(--black)}
.proof-item-text span{font-size:0.65rem;color:var(--grey)}
.proof-stars{color:#F5A623;font-size:0.78rem}
.proof-div{width:1px;height:24px;background:rgba(5,5,5,0.08);flex-shrink:0}
.proof-stat{display:flex;align-items:center;gap:0.5rem}
.proof-stat-text strong{display:block;font-size:1.1rem;font-weight:800;color:var(--black);letter-spacing:-0.03em}
.proof-stat-text span{font-size:0.62rem;color:var(--grey);text-transform:uppercase;letter-spacing:0.05em;font-weight:500}

/* SECTIONS */
.section-wrap{padding:6rem 3rem}
.section-wrap.dark{background:var(--black)}
.section-wrap.light{background:var(--off-white)}
.section-wrap.white{background:var(--white)}
.section-inner{max-width:1320px;margin:0 auto}
.eyebrow{font-size:0.68rem;text-transform:uppercase;letter-spacing:0.14em;font-weight:700;margin-bottom:1rem}
.eyebrow.red{color:var(--red)}
.eyebrow.dim{color:rgba(255,255,255,0.3)}
.big-heading{font-weight:800;font-size:clamp(2.2rem,5vw,4rem);line-height:1.05;letter-spacing:-0.04em}
.big-heading em{font-style:normal;color:var(--red)}
.big-heading.white{color:var(--white)}
.big-heading.black{color:var(--black)}
.section-sub{font-size:clamp(0.95rem,1.5vw,1.05rem);line-height:1.75;font-weight:300;margin-top:1rem}
.section-sub.dim{color:rgba(255,255,255,0.4)}
.section-sub.grey{color:var(--grey)}

/* FIT SECTION */
.fit-heading {margin-bottom:40px;}
.fit-grid {display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;}
.fit-list {list-style:none;padding:0;margin:20px 0 30px;}
.fit-list li {position:relative;padding:18px 0 18px 28px;border-bottom:1px solid rgba(0,0,0,0.08);font-size:18px;line-height:1.5;color:#444;}
.fit-list li::before {content:"›";position:absolute;left:0;top:18px;color:#D92632;font-weight:700;}
.fit-note {background:rgba(0,0,0,0.04);border-radius:18px;padding:22px 24px;font-size:17px;line-height:1.5;color:#333;margin-top:10px;}
.fit-image-wrap {border-radius:24px;overflow:hidden;}
.fit-image {width:100%;height:auto;display:block;border-radius:24px;}
@media (max-width:900px) {.fit-grid {grid-template-columns:1fr;gap:40px;}}


/* WORK SECTION */
.work-section {background:#050505;color:#fff;padding:120px 3rem;overflow:hidden;}
.work-inner {max-width:1320px;margin:0 auto;}
.work-heading {margin-top:0.5rem;margin-bottom:70px;}
.work-stack {position:relative;height:620px;margin-top:60px;display:flex;justify-content:center;}
.work-card {position:absolute;width:58%;max-width:720px;height:560px;border-radius:26px;overflow:hidden;background:#111;box-shadow:0 24px 80px rgba(0,0,0,0.6);will-change:transform,opacity;}
.work-card img {width:100%;height:100%;object-fit:cover;display:block;filter:brightness(0.78);}
.work-content {position:absolute;left:0;bottom:0;width:100%;padding:42px;background:linear-gradient(to top,rgba(0,0,0,0.86),rgba(0,0,0,0.45),transparent);}
.work-tag {display:inline-block;background:#D92632;color:#fff;border-radius:100px;padding:7px 12px;font-size:12px;line-height:1;font-weight:800;letter-spacing:0.06em;text-transform:uppercase;margin-bottom:18px;}
.work-title {font-size:clamp(2.2rem,5vw,4rem);line-height:1.05;font-weight:800;letter-spacing:-0.04em;margin-bottom:12px;}
.work-meta {font-size:20px;line-height:1.45;color:rgba(255,255,255,0.78);max-width:620px;}
.work-result {margin-top:22px;display:inline-block;border-left:4px solid #D92632;padding-left:16px;font-size:18px;font-weight:700;color:#fff;}
.work-card:hover {box-shadow:0 0 48px rgba(217,38,50,0.26),0 24px 80px rgba(0,0,0,0.6);}
@media (max-width:900px) {.work-section {padding:90px 1.5rem;}.work-stack {height:540px;}.work-card {width:92%;height:500px;}.work-content {padding:28px;}.work-meta {font-size:17px;}}



/* CLIP REVEAL */
.clip-wrap{overflow:hidden;padding-bottom:0.15em;margin-bottom:-0.15em;display:block}
.clip-inner{transform:translateY(105%);display:block;will-change:transform}

/* WHY THIS WORKS */
.why-section{background:var(--black);padding:6rem 3rem}
.why-inner{max-width:960px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:start}
.why-left{opacity:0;transform:translateY(30px)}
.why-right{opacity:0;transform:translateY(30px)}
.why-intro{font-size:clamp(1rem,1.5vw,1.15rem);color:rgba(255,255,255,0.45);line-height:1.8;font-weight:300;margin-bottom:2.5rem}
.why-intro strong{color:rgba(255,255,255,0.85);font-weight:600}
.why-pillars{display:flex;flex-direction:column;gap:0}
.why-pillar{display:flex;align-items:flex-start;gap:1rem;padding:1.1rem 0;border-bottom:1px solid rgba(255,255,255,0.06)}
.why-pillar:last-child{border-bottom:none}
.why-pillar-check{color:var(--red);font-size:1rem;flex-shrink:0;margin-top:0.15rem}
.why-pillar-text strong{color:rgba(255,255,255,0.9);font-weight:600;display:block;margin-bottom:0.15rem;font-size:0.95rem}
.why-pillar-text span{font-size:0.85rem;color:rgba(255,255,255,0.4);line-height:1.5}
.why-statement{margin-top:2.5rem;padding-top:2.5rem;border-top:1px solid rgba(255,255,255,0.08)}
.why-statement p{font-size:clamp(1rem,1.5vw,1.1rem);color:rgba(255,255,255,0.35);line-height:1.8;font-weight:300}
.why-statement em{color:var(--red);font-style:normal}

/* WHAT'S POSSIBLE NOW */
.possible-section {background:var(--off-white);padding:8rem 3rem;overflow:hidden;}
.possible-inner {max-width:1320px;margin:0 auto;}
.possible-grid {display:grid;grid-template-columns:0.9fr 1fr;gap:5rem;align-items:center;margin-top:2rem;}
.possible-copy {display:flex;flex-direction:column;gap:1.2rem;}
.possible-line {font-size:clamp(2.8rem,5vw,5.8rem);line-height:0.95;font-weight:800;letter-spacing:-0.055em;color:rgba(5,5,5,0.22);will-change:color,transform,opacity;}
.possible-line.is-active {color:var(--black);}
.possible-visual {display:flex;align-items:center;justify-content:center;}
.possible-card {position:relative;width:100%;max-width:600px;aspect-ratio:1/1;border-radius:30px;background:#050505;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,0.18);}
.possible-demo {position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;}
.explode-piece {position:absolute;left:50%;top:50%;width:72%;transform:translate(-50%,-50%);will-change:transform,opacity;}
.demo-message {flex-direction:column;gap:0.4rem;}
.demo-message span {font-size:clamp(2.5rem,4vw,5rem);line-height:1;font-weight:800;letter-spacing:-0.055em;color:#fff;opacity:0;transform:translateY(24px);}
.demo-message span:nth-child(2) {color:#D92632;}
.demo-obvious {gap:1rem;}
.obvious-before,.obvious-after {font-size:clamp(2.4rem,4vw,4.8rem);font-weight:800;letter-spacing:-0.055em;padding:1rem 1.4rem;border-radius:18px;}
.obvious-before {color:rgba(255,255,255,0.25);filter:blur(3px);}
.obvious-after {color:#fff;background:#D92632;}
.demo-stick {flex-direction:column;}
.stick-orbit {width:180px;height:180px;border:2px solid rgba(217,38,50,0.45);border-radius:50%;position:absolute;}
.stick-orbit::before {content:"";position:absolute;top:-7px;left:50%;width:14px;height:14px;border-radius:50%;background:#D92632;}
.stick-text {font-size:clamp(2.8rem,4vw,5.4rem);line-height:1;font-weight:800;letter-spacing:-0.055em;color:#fff;z-index:2;}
@media (max-width:900px) {.possible-section {padding:6rem 1.5rem;}.possible-grid {grid-template-columns:1fr;gap:3rem;}.possible-card {max-width:100%;}.possible-line {font-size:clamp(2.5rem,12vw,4.5rem);}}

/* PEOPLE / TEAM */
.people-section {background:var(--off-white);padding:7rem 3rem;}
.people-inner {max-width:1320px;margin:0 auto;}
.people-heading {margin-top:0.5rem;margin-bottom:3rem;}
.team-grid {display:grid;grid-template-columns:repeat(5,1fr);gap:22px;align-items:stretch;}
.team-card {position:relative;height:260px;border-radius:18px;overflow:hidden;background:rgba(0,0,0,0.06);transition:all 0.25s ease;}
.team-card img {width:100%;height:100%;object-fit:cover;display:block;transition:filter 0.25s ease,transform 0.25s ease;}
.team-card::before {content:"";position:absolute;left:0;top:0;width:0;height:100%;background:#D92632;transition:width 0.25s ease;z-index:2;}
.team-card:hover::before {width:4px;}
.team-card:hover {transform:translateY(-4px);}
.team-card:hover img {filter:brightness(1.03);transform:scale(1.01);}
.team-grid:hover .team-card {opacity:0.55;}
.team-grid:hover .team-card:hover {opacity:1;}
.team-card.is-location::before {display:none;}
.team-card.is-location:hover {transform:none;}
.team-card.is-location:hover img {filter:none;transform:none;}
.team-meta {position:absolute;left:0;bottom:0;width:100%;padding:16px;background:linear-gradient(to top,rgba(0,0,0,0.7),transparent);opacity:0;transform:translateY(6px);transition:all 0.25s ease;z-index:3;}
.team-meta span {color:#fff;font-size:14px;font-weight:700;letter-spacing:0.02em;}
.team-card:hover .team-meta {opacity:1;transform:translateY(0);}
.team-card.is-location .team-meta {display:none;}
/*.people-foot-text{font-size:14px;line-height:1.6;font-weight:400;letter-spacing:-0.01em;color:#555;margin-top:5rem;text-align:right}*/
@media (max-width:1100px) {.team-grid {grid-template-columns:repeat(3,1fr);}.team-card {height:240px;}}
@media (max-width:700px) {.people-section {padding:5rem 1.5rem;}.team-grid {grid-template-columns:1fr 1fr;gap:14px;}.team-card {height:210px;}}

.right-caption{font-size:14px;line-height:1.6;font-weight:400;letter-spacing:-0.01em;color:#555;text-align:right;margin-top:1.5rem;}

/* PEOPLE */
.people-heading {margin-top:0.5rem;margin-bottom:3rem;}
.people-section{background:var(--off-white);padding:6rem 3rem}
.people-inner{max-width:960px;margin:0 auto}
.people-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;margin-top:3rem}
.people-img-wrap{opacity:0;transform:translateX(-30px)}
.people-img{border-radius:16px;overflow:hidden;aspect-ratio:4/3;background:#e8e4dc}
.people-img img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
.people-text{opacity:0;transform:translateX(30px)}
.people-names{font-weight:800;font-size:1.4rem;color:var(--black);letter-spacing:-0.02em;margin-bottom:0.25rem}
.people-role{font-size:0.75rem;color:var(--grey);margin-bottom:2rem;text-transform:uppercase;letter-spacing:0.1em;font-weight:600}
.people-list{list-style:none;margin-bottom:2rem}
.people-list li{display:flex;align-items:flex-start;gap:0.6rem;font-size:0.95rem;color:var(--grey);padding:0.6rem 0;border-bottom:1px solid rgba(5,5,5,0.07);line-height:1.5}
.people-list li:last-child{border-bottom:none}
.people-list li::before{content:'✓';color:var(--red);font-weight:700;flex-shrink:0}
.people-closing{font-size:0.95rem;color:var(--grey);line-height:1.7;border-left:2px solid var(--red);padding-left:1rem;font-style:italic}

/* OBJECTIONS */
.obj-section{background:var(--white);padding:6rem 3rem;position:relative;z-index:1}
.obj-inner{max-width:960px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:start}
.obj-left{opacity:0;transform:translateY(30px)}
.obj-right{opacity:0;transform:translateY(30px)}
.obj-heading{font-weight:800;font-size:clamp(2.2rem,5vw,4rem);color:var(--black);line-height:1.05;letter-spacing:-0.04em;margin-bottom:1.5rem}
.obj-heading em{font-style:normal;color:var(--red)}
.obj-problems{list-style:none;margin-bottom:1.5rem}
.obj-problems li{display:flex;align-items:flex-start;gap:0.6rem;font-size:0.95rem;color:var(--grey);padding:0.6rem 0;border-bottom:1px solid rgba(5,5,5,0.07);line-height:1.5}
.obj-problems li:last-child{border-bottom:none}
.obj-problems li::before{content:'✕';color:rgba(5,5,5,0.2);font-weight:700;flex-shrink:0}
.obj-fix{font-weight:700;font-size:1rem;color:var(--black);margin-bottom:1.5rem}
.obj-solutions{list-style:none}
.obj-solutions li{display:flex;align-items:center;gap:0.6rem;font-size:0.95rem;color:var(--black);padding:0.6rem 0;border-bottom:1px solid rgba(5,5,5,0.07)}
.obj-solutions li:last-child{border-bottom:none}
.obj-solutions li::before{content:'✓';color:var(--red);font-weight:800;flex-shrink:0}

/* PUNCH BLOCKS */
.punch-section{background:var(--black);padding:6rem 3rem;position:relative;z-index:1}
.punch-inner{max-width:960px;margin:0 auto}
.punch-intro{opacity:0;transform:translateY(20px);margin-bottom:4rem}
.punch-intro-head{font-weight:800;font-size:clamp(1.5rem,3vw,2.2rem);color:var(--white);letter-spacing:-0.03em;margin-bottom:0.6rem}
.punch-intro-sub{font-size:1rem;color:rgba(255,255,255,0.4);font-weight:300}
.punch-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.06);border-radius:16px;overflow:hidden;margin-bottom:3rem}
.punch-block{padding:2.5rem;background:var(--black);opacity:0;transform:translateY(20px)}
.punch-block:hover{background:rgba(255,255,255,0.02)}
.punch-label{font-size:0.7rem;text-transform:uppercase;letter-spacing:0.12em;color:var(--red);font-weight:700;margin-bottom:0.6rem}
.punch-text{font-size:1rem;color:rgba(255,255,255,0.7);line-height:1.5;font-weight:400}
.punch-text strong{color:var(--white);font-weight:600}
.punch-close{opacity:0;transform:translateY(15px);padding-top:2rem;border-top:1px solid rgba(255,255,255,0.06)}
.punch-close p{font-size:clamp(1rem,2vw,1.2rem);color:rgba(255,255,255,0.35);font-weight:300}
.punch-close em{color:rgba(255,255,255,0.7);font-style:normal}

/* ONCE YOU'RE LIVE 
.live-section{background:var(--off-white);padding:6rem 3rem;position:relative;z-index:1}
.live-inner{max-width:960px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center}
.live-left{opacity:0;transform:translateX(-30px)}
.live-left h2{font-weight:800;font-size:clamp(2.2rem,5vw,4rem);color:var(--black);line-height:1.05;letter-spacing:-0.04em;margin-bottom:0.75rem}
.live-left h2 em{font-style:normal;color:var(--red)}
.live-left p{font-size:1.05rem;color:var(--grey);font-weight:300;line-height:1.7}
.live-right{opacity:0;transform:translateX(30px)}
.live-list{list-style:none;margin-bottom:2rem}
.live-list li{display:flex;align-items:center;gap:0.75rem;font-size:1rem;color:var(--black);font-weight:500;padding:0.9rem 0;border-bottom:1px solid rgba(5,5,5,0.07)}
.live-list li:last-child{border-bottom:none}
.live-list li::before{content:'✓';color:var(--red);font-weight:800;flex-shrink:0;font-size:0.9rem}
.live-close{font-weight:700;font-size:1rem;color:var(--black);border-left:2px solid var(--red);padding-left:1rem;line-height:1.6}
*/

/* FINAL CTA */
.final-cta-section{background:var(--black);padding:7rem 3rem;text-align:center;position:relative;z-index:1}
.final-cta-inner{max-width:680px;margin:0 auto;opacity:0;transform:translateY(30px)}
.final-cta-eyebrow{font-size:0.7rem;text-transform:uppercase;letter-spacing:0.14em;color:rgba(255,255,255,0.3);font-weight:600;margin-bottom:1.5rem}
.final-cta-head{font-weight:800;font-size:clamp(2rem,5vw,3.5rem);color:var(--white);line-height:1.05;letter-spacing:-0.04em;margin-bottom:1rem}
.final-cta-sub{font-size:1.05rem;color:rgba(255,255,255,0.4);line-height:1.7;font-weight:300;margin-bottom:2.5rem}
.final-cta-sub strong{color:rgba(255,255,255,0.7);font-weight:500}
.final-cta-btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}



/* NOT READY 
.not-ready-section{background:var(--off-white);padding:4rem 3rem;text-align:center;border-top:1px solid rgba(5,5,5,0.07);position:relative;z-index:1}
.not-ready-inner{max-width:560px;margin:0 auto;opacity:0;transform:translateY(20px)}
.not-ready-inner p{font-size:0.95rem;color:var(--grey);margin-bottom:1.25rem;line-height:1.6}
.not-ready-inner p strong{color:var(--black);font-weight:600}
.not-ready-inner a{display:inline-flex;align-items:center;gap:0.5rem;background:var(--black);color:#fff;padding:0.85rem 1.75rem;border-radius:100px;font-size:0.9rem;font-weight:700;text-decoration:none;transition:background 0.2s,transform 0.2s}
.not-ready-inner a:hover{background:var(--red);transform:scale(1.02)}
*/

/* SPEED 
.speed-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;margin-top:3.5rem}
.speed-text{opacity:0;transform:translateY(30px)}
.speed-stat{font-weight:800;font-size:clamp(4rem,10vw,8rem);color:var(--white);letter-spacing:-0.05em;line-height:1}
.speed-stat span{color:var(--red)}
.speed-label{font-size:0.8rem;color:rgba(255,255,255,0.35);text-transform:uppercase;letter-spacing:0.1em;margin-top:0.5rem;font-weight:500}
.speed-vs{display:flex;flex-direction:column;gap:1rem;opacity:0;transform:translateY(30px)}
.speed-bar-wrap{display:flex;flex-direction:column;gap:0.4rem}
.speed-bar-label{display:flex;justify-content:space-between;font-size:0.78rem;font-weight:600}
.speed-bar-label span:first-child{color:rgba(255,255,255,0.5)}
.speed-bar-label span:last-child{color:rgba(255,255,255,0.3)}
.speed-bar-track{height:8px;background:rgba(255,255,255,0.07);border-radius:100px;overflow:hidden}
.speed-bar-fill{height:100%;border-radius:100px;width:0}
.speed-bar-fill.ours{background:var(--red)}
.speed-bar-fill.theirs{background:rgba(255,255,255,0.12)}
.speed-note{font-size:0.75rem;color:rgba(255,255,255,0.2);margin-top:0.5rem;font-style:italic}
*/

/* QUALITY / BEFORE-AFTER */
.quality-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;margin-top:1.5rem}
.quality-text{transform:translateY(30px)}
.ba-wrap{position:relative;width:100%;aspect-ratio:4/3;border-radius:20px;overflow:hidden;box-shadow:0 30px 80px rgba(5,5,5,0.15);cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='52' height='52' viewBox='0 0 52 52'%3E%3Ccircle cx='26' cy='26' r='25' fill='%23D92632'/%3E%3Ctext x='26' y='31' text-anchor='middle' font-size='18' font-family='sans-serif' fill='white' font-weight='bold'%3E%E2%97%80%E2%96%BA%3C/text%3E%3C/svg%3E") 26 26, col-resize;user-select:none;transform:translateY(30px)}
.ba-after{position:absolute;inset:0}
.ba-before{position:absolute;inset:0}
.ba-label-tag{position:absolute;bottom:0.875rem;padding:0.3rem 0.65rem;border-radius:100px;font-size:0.6rem;font-weight:700;text-transform:uppercase;letter-spacing:0.07em;z-index:5}
.ba-label-before{left:0.875rem;background:rgba(5,5,5,0.55);color:rgba(255,255,255,0.7);backdrop-filter:blur(8px)}
.ba-label-after{right:0.875rem;background:var(--red);color:#fff}
.ba-divider{position:absolute;top:0;bottom:0;width:2px;background:#fff;left:50%;transform:translateX(-50%);z-index:4;box-shadow:0 0 12px rgba(0,0,0,0.2)}
.ba-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:38px;height:38px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(0,0,0,0.22);z-index:5;font-size:0.7rem;color:var(--black);font-weight:700;letter-spacing:-1px}  
/*.ba-caption{text-align:right;font-size:13px;color:#555;margin-top:1rem;font-style:italic;letter-spacing:0.02em}
.ba-caption{grid-column:2;text-align:right;font-size:13px;color:rgba(5,5,5,0.55);margin-top:-0.5rem;font-style:italic;letter-spacing:0.02em}*/


/* VALUE TABLE */
.value-table {margin-top:2.75rem;margin-bottom:2.5rem;border-radius:24px;overflow:visible;background:#fff;box-shadow:0 24px 80px rgba(5,5,5,0.07);}
.value-row {display:grid;grid-template-columns:0.9fr 1.05fr 1.05fr;align-items:stretch;border-bottom:1px solid rgba(5,5,5,0.07);background:#fff;transition:background 0.22s ease,box-shadow 0.22s ease;}
.value-row:last-child {border-bottom:none;} .value-row:last-child > div:first-child {border-radius:0 0 0 24px;} .value-row:last-child > div:last-child {border-radius:0 0 24px 0;}
.value-row > div {padding:1.45rem 1.6rem;display:flex;align-items:center;font-size:1rem;line-height:1.35;}
.value-row > div:first-child {font-weight:800;color:#050505;background:#f6f1ea;}
.value-row > div:nth-child(2) {color:#444;background:#fff;}
.value-head > div {font-size:0.72rem;text-transform:uppercase;letter-spacing:0.1em;font-weight:800;color:#666;background:#f0ece5;} .value-head > div:first-child {border-radius:24px 0 0 0;} .value-head > div:last-child {border-radius:0 24px 0 0;}
.value-head > div:nth-child(2){background:#F6F1EA;}
.value-head > div:nth-child(3){background:#F9DCDE;color:#D92632;}
.value-row:not(.value-head):hover { background:#fff5f5; outline:1.5px solid rgba(217,38,50,0.35); box-shadow:0 0 28px rgba(217,38,50,0.13); position:relative; z-index:1; }
.value-row:not(.value-head):hover .value-launch {background:#F9DCDE;color:#050505;}
.value-launch::before{content:'✓';position:absolute;left:24px;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:50%;background:#CC0000;color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 4px rgba(217,38,50,0.08)}

/*.value-subline, .value-subline.bottom {display:block;margin-top:0;font-size:15px;color:#666;max-width:100%;line-height:1.5;text-align:right;}*/
@media(max-width:800px){.value-row{grid-template-columns:1fr;}.value-head{display:none;}.value-row>div{padding:1rem 1.2rem;}.value-row>div:first-child{font-size:0.75rem;text-transform:uppercase;letter-spacing:0.08em;}}


.value-agency,.value-launch{position:relative;padding-left:52px!important}
.value-agency::before{content:'✕';position:absolute;left:24px;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:50%;background:#f1f1f1;color:#999;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}
.value-label{background:#F6F1EA}
.value-agency{background:#fff;color:#666}
.value-launch{background:#fff;color:#111}
.value-row{position:relative}




/* TICKER 
.ticker-section{background:var(--off-white);padding:5rem 0 0}
.ticker-top{max-width:700px;margin:0 auto;text-align:center;padding:0 2rem 2.5rem}
.ticker-top .eyebrow{color:var(--red);margin-bottom:0.75rem}
.ticker-top .big-heading{color:var(--black)}
.ticker-wrap{background:var(--black);padding:0.875rem 0;overflow:hidden}
.ticker-track{display:flex;white-space:nowrap;animation:ticker 32s linear infinite}
.ticker-track:hover{animation-play-state:paused}
.ticker-item{display:inline-flex;align-items:center;flex-shrink:0}
.ticker-name{font-size:0.75rem;font-weight:600;color:rgba(255,255,255,0.4);text-transform:uppercase;letter-spacing:0.08em;padding:0 1.25rem;transition:color 0.2s;cursor:default}
.ticker-name:hover{color:var(--red)}
.ticker-sep{color:var(--red);opacity:0.4}
@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
*/

/* PROJECTS 
.projects-section{background:var(--off-white);padding:2rem 3rem 5rem}
.projects-inner{max-width:960px;margin:0 auto}
.proj-controls{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;opacity:0;transform:translateY(20px)}
.proj-hint{font-size:0.78rem;color:var(--grey)}
.arrow-btns{display:flex;gap:0.6rem}
.arrow-btn{width:40px;height:40px;border-radius:50%;border:1.5px solid rgba(5,5,5,0.12);background:transparent;color:var(--black);font-size:0.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.2s,border-color 0.2s,color 0.2s}
.arrow-btn:hover{background:var(--red);border-color:var(--red);color:#fff}
.proj-scroll{display:flex;gap:1.25rem;overflow-x:auto;scrollbar-width:none;cursor:grab;padding-bottom:0.5rem}
.proj-scroll::-webkit-scrollbar{display:none}
.proj-card{flex-shrink:0;width:275px;border-radius:16px;overflow:hidden;background:var(--white);border:1px solid rgba(5,5,5,0.07);transition:transform 0.4s cubic-bezier(0.23,1,0.32,1),box-shadow 0.4s}
.proj-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 28px 55px rgba(5,5,5,0.1)}
.proj-img{height:165px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}
.proj-img-bg{position:absolute;inset:0;transition:transform 0.6s cubic-bezier(0.23,1,0.32,1)}
.proj-card:hover .proj-img-bg{transform:scale(1.08)}
.proj-img::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,transparent 40%,rgba(0,0,0,0.4))}
.proj-img span{font-size:0.58rem;color:rgba(255,255,255,0.15);letter-spacing:0.08em;text-transform:uppercase;position:relative;z-index:2}
.proj-tag{position:absolute;top:0.875rem;left:0.875rem;background:var(--red);color:#fff;padding:0.22rem 0.6rem;border-radius:100px;font-size:0.58rem;font-weight:700;letter-spacing:0.07em;text-transform:uppercase;z-index:3}
.proj-body{padding:1.1rem}
.proj-body h3{font-weight:700;font-size:0.9rem;color:var(--black);margin-bottom:0.3rem;letter-spacing:-0.01em}
.proj-body p{font-size:0.74rem;color:var(--grey);line-height:1.6}
.proj-days{display:inline-flex;align-items:center;gap:0.3rem;margin-top:0.55rem;color:var(--red);font-size:0.68rem;font-weight:600}
*/

/* ===== GUIDE SECTION ===== */
.guide-section{background:#F6F1EA;padding:7rem 3rem;position:relative;z-index:1}

/* ===== LAYOUT ===== */
.guide-inner{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:460px 1fr;gap:5.5rem;align-items:center}

/* ===== LEFT (VIDEO) ===== */
.guide-visual-wrap{position:relative}
.guide-video-card{width:100%;aspect-ratio:16/10;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 35px 90px rgba(5,5,5,.10),0 0 120px rgba(217,38,50,.10);position:relative}
.guide-video-card::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:4px;background:#fff;z-index:5;pointer-events:none}
.guide-video{width:100%;height:100%;object-fit:cover;display:block}

/* ===== RIGHT CONTENT ===== */
.guide-text-wrap{max-width:680px}
.guide-eyebrow{font-size:.68rem;text-transform:uppercase;letter-spacing:.14em;color:#D92632;font-weight:800;margin-bottom:.9rem}
.guide-heading{font-weight:800;font-size:clamp(2.2rem,4vw,3.75rem);line-height:1.05;letter-spacing:-.045em;color:#050505;margin-bottom:1rem}
.guide-heading em{color:#D92632;font-style:normal}
.guide-body{color:#4D4D4D;font-size:1rem;line-height:1.75;margin-bottom:1.8rem;max-width:600px}

/* ===== BULLETS + PDF ===== */
.guide-offer-grid{display:grid;grid-template-columns:1fr 240px;gap:2.2rem;align-items:center;margin:1.5rem 0 2rem}
.guide-bullets{list-style:none;margin:0;padding:0}
.guide-bullets li{display:flex;align-items:flex-start;gap:.55rem;font-size:.92rem;color:#4D4D4D;padding:.55rem 0;border-bottom:1px solid rgba(5,5,5,.08)}
.guide-bullets li::before{content:'→';color:#D92632;flex-shrink:0;font-size:.85rem;margin-top:.02rem}

/* ===== PDF ===== */
.guide-pdf-mini{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.65rem;transform:translateY(6px)}
.guide-pdf-mini img{width:260px;height:auto;transform:rotate(-6deg);filter:drop-shadow(0 30px 55px rgba(0,0,0,.28)) drop-shadow(0 0 80px rgba(217,38,50,.18));transition:transform .35s ease,filter .35s ease}
.guide-pdf-mini img:hover{transform:rotate(-6deg) translateY(-6px) scale(1.04);filter:drop-shadow(0 40px 75px rgba(0,0,0,.35)) drop-shadow(0 0 100px rgba(217,38,50,.28))}
.guide-pdf-mini span{font-size:.75rem;font-weight:800;color:rgba(5,5,5,.65);text-align:center}

/* ===== FORM ===== */
.guide-form{display:grid;grid-template-columns:minmax(240px,390px) auto;gap:.75rem;align-items:center}
.guide-input{width:100%;min-width:0;background:#fff;border:1.5px solid rgba(5,5,5,.12);border-radius:100px;padding:.95rem 1.2rem;font-family:var(--font);font-size:.9rem;color:#050505;outline:none;transition:border-color .2s,box-shadow .2s}
.guide-input::placeholder{color:rgba(5,5,5,.3)}
.guide-input:focus{border-color:#D92632;box-shadow:0 0 0 4px rgba(217,38,50,.08)}
.guide-submit{background:#D92632;color:#fff;border:none;border-radius:100px;padding:.95rem 1.6rem;font-family:var(--font);font-size:.9rem;font-weight:800;cursor:pointer;transition:transform .2s,box-shadow .2s;white-space:nowrap}
.guide-submit:hover{transform:translateY(-1px);box-shadow:0 14px 32px rgba(217,38,50,.28)}

/* ===== NOTE ===== */
.guide-note{font-size:.72rem;color:rgba(5,5,5,.48);margin-top:.75rem}

/* ===== MOBILE ===== */
@media(max-width:900px){
.guide-section{padding:4.5rem 1.5rem}
.guide-inner{grid-template-columns:1fr;gap:2.5rem}
.guide-video-card{max-width:520px;margin:0 auto}
.guide-offer-grid{grid-template-columns:1fr;gap:1.5rem}
.guide-pdf-mini img{width:240px}
.guide-form{grid-template-columns:1fr}
}

/* DO WE FIT? */
.ll-fit-card:first-child { cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='15' fill='%234f8f63'/%3E%3Ctext x='16' y='21' text-anchor='middle' font-size='16' font-family='sans-serif' fill='white'%3E✓%3C/text%3E%3C/svg%3E") 16 16, auto; }
.ll-fit-card:last-child { cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='15' fill='%23d14b4b'/%3E%3Ctext x='16' y='21' text-anchor='middle' font-size='16' font-family='sans-serif' fill='white'%3E✕%3C/text%3E%3C/svg%3E") 16 16, auto; }
.ll-fit-section { background:#F6F1EA; }
.ll-fit-section h2 { text-align:left; font-size:clamp(2.2rem,5vw,4rem); line-height:1.05; font-weight:800; letter-spacing:-0.04em; margin:0 0 70px; color:#050505; max-width:980px; }
.ll-fit-grid { display:grid; grid-template-columns:1fr 1fr; gap:40px; max-width:1000px; margin:4rem auto 6rem; }
.ll-fit-card { background:rgba(255,255,255,0.6); border-radius:12px; padding:48px 50px; backdrop-filter:blur(6px); }
.ll-fit-card h3 { font-size:clamp(28px,2.5vw,40px); line-height:1.1; font-weight:700; letter-spacing:-0.02em; margin:0 0 28px; color:#050505; }
.ll-fit-card ul { list-style:none; padding:0; margin:0; }
.ll-fit-card li { display:flex; align-items:flex-start; gap:12px; font-size:clamp(17px,1.4vw,20px); line-height:1.5; color:#2a2522; margin-bottom:18px; }
.ll-fit-card li:last-child { margin-bottom:0; }
.ll-fit-card li span { color:#4f8f63; font-weight:600; flex-shrink:0; }
.ll-fit-not li span { color:#d14b4b; }
@media (max-width:900px) { .ll-fit-grid { grid-template-columns:1fr; gap:24px; max-width:100%; } }
@media (max-width:900px) { .ll-fit-section h2 { margin-bottom:40px; } }
@media (max-width:900px) { .ll-fit-card { padding:32px 28px; } }

/* PLANNING */
.planning-section{background:#050505;padding:9rem 3rem;position:relative;z-index:1}
.planning-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}
.plan-left{transform:translate(-30px,-18px)}
.plan-right{transform:translateX(30px)}

.plan-img{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:4/3;margin-bottom:2rem;box-shadow:0 40px 100px rgba(0,0,0,0.6)}
.plan-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.5s ease}
.plan-img:hover img{transform:scale(1.03)}

.plan-reasons{margin-top:1.25rem;border-left:2px solid #D92632;padding-left:1rem;color:#fff}
.plan-reasons-title{font-size:1rem;font-weight:800;color:#fff;line-height:1.5;margin-bottom:0.85rem}
.plan-reasons-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0.55rem}
.plan-reasons-list li{font-size:0.95rem;color:rgba(255,255,255,0.55);font-style:italic;line-height:1.6;position:relative;padding-left:1.1rem}
.plan-reasons-list li::before{content:'—';position:absolute;left:0;color:#D92632}

.plan-eyebrow{font-size:0.68rem;text-transform:uppercase;letter-spacing:0.12em;color:#D92632;font-weight:700;margin-bottom:0.875rem}
.plan-heading{font-weight:800;font-size:clamp(2.2rem,4vw,3.2rem);color:#fff;line-height:1.05;letter-spacing:-0.04em;margin-bottom:1rem}
.plan-body{color:rgba(255,255,255,0.5);font-size:1rem;line-height:1.75;margin-bottom:2rem;font-weight:300}

.plan-field{margin-bottom:0.75rem}
.plan-input,.plan-textarea{width:100%;background:rgba(255,255,255,0.06);border:1.5px solid rgba(255,255,255,0.1);border-radius:12px;padding:0.85rem 1rem;font-family:var(--font);font-size:0.88rem;color:#fff;outline:none;transition:border-color 0.2s,background 0.2s;box-sizing:border-box}
.plan-input::placeholder,.plan-textarea::placeholder{color:rgba(255,255,255,0.28)}
.plan-input:focus,.plan-textarea:focus{border-color:#D92632;background:rgba(255,255,255,0.09)}
.plan-textarea{height:90px;resize:none}

.plan-submit{width:100%;background:#D92632;color:#fff;border:none;border-radius:100px;padding:1rem;font-family:var(--font);font-size:0.95rem;font-weight:700;cursor:pointer;margin-top:0.25rem;transition:background 0.2s,transform 0.2s,color 0.2s,box-shadow 0.2s;letter-spacing:0.01em}
.plan-submit:hover{box-shadow:0 0 0 8px rgba(217,38,50,.15),0 0 50px rgba(217,38,50,.75)}

.plan-proof{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,0.08)}
.plan-proof-inner{display:flex;align-items:center;gap:0.75rem}
.plan-proof-faces{height:36px;border-radius:100px}
.plan-proof-text{display:flex;flex-direction:column;gap:0.1rem}
.plan-proof-stars{color:#F5A623;font-size:0.75rem;letter-spacing:1px}
.plan-proof-text span:last-child{font-size:0.72rem;color:rgba(255,255,255,0.38);line-height:1.4}

@media(max-width:900px){.planning-section{padding:5rem 1.5rem}.planning-inner{grid-template-columns:1fr;gap:2.5rem}.plan-left,.plan-right{transform:none}}


/* COMPACT PROOF BADGE (NEW – replaces big strip) */
.plan-proof{margin-top:0.9rem;display:flex;justify-content:center}
.plan-proof-inner{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:40px;}
.plan-proof-faces{height:28px;width:auto;display:block}
.plan-proof-text{font-size:12.5px;color:#555;display:flex;align-items:center;gap:6px;white-space:nowrap}
.plan-proof-stars{color:#F5A623;font-size:13px;letter-spacing:1px}

/* PEOPLE */
.people-section {background:var(--off-white);padding:6rem 3rem;}
.people-inner {max-width:1320px;margin:0 auto;}
.people-heading {margin-top:0.5rem;margin-bottom:3.5rem;}
.team-grid {display:grid;grid-template-columns:repeat(5,1fr);gap:1.5rem;margin-bottom:2rem;}
.team-card {position:relative;aspect-ratio:3/4;border-radius:22px;overflow:hidden;background:#e8e4dc;border:none;box-shadow:0 14px 40px rgba(5,5,5,0.06);transition:transform 0.25s ease,box-shadow 0.25s ease;}
.team-card::before {display:none !important;content:none !important;}
.team-card img {width:100%;height:100%;object-fit:cover;display:block;}
.team-card::after {content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,0.72),rgba(0,0,0,0.08),transparent 62%);opacity:0;transition:opacity 0.25s ease;}
.team-card:hover {transform:translateY(-6px);box-shadow:0 28px 70px rgba(217,38,50,0.12),0 18px 50px rgba(5,5,5,0.08);}
.team-card:hover::after {opacity:1;}
.team-meta {position:absolute;left:1.2rem;right:1.2rem;bottom:1.2rem;z-index:2;color:#fff;font-size:1rem;line-height:1.2;font-weight:800;opacity:0;transform:translateY(10px);transition:opacity 0.25s ease,transform 0.25s ease;padding:0;background:none;border-radius:0;border:none;}
.team-card:hover .team-meta {opacity:1;transform:translateY(0);}

@media(max-width:1000px){.team-grid{grid-template-columns:repeat(2,1fr);}.people-section{padding:5rem 1.5rem;}}
@media(max-width:600px){.team-grid{grid-template-columns:1fr;}}

/* MAGDA */
.magda-letter {margin-top:36px;max-width:620px;}
.magda-letter p {font-size:clamp(22px,2vw,30px);line-height:1.45;color:#333;margin:0 0 26px;font-weight:400;}
.magda-letter p strong {color:#D92632;font-weight:800;}
.magda-letter p {opacity:0.85;}
.magda-letter p:last-child {font-size:clamp(24px,2.2vw,34px);font-weight:600;opacity:1;}
.magda-section{background:var(--off-white);padding:5rem 3rem}
.magda-inner{max-width:960px;margin:0 auto}
.magda-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:5rem;align-items:start;margin-bottom:3rem}
.magda-img{border-radius:16px;overflow:hidden;aspect-ratio:3/4;margin-bottom:1rem;background:#e8e4dc}
.magda-img img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
.magda-img-caption{font-size:0.75rem;color:var(--grey);text-align:left}
.magda-pain-heading{font-weight:800;font-size:clamp(2.2rem,5vw,4rem);color:var(--black);letter-spacing:-0.04em;line-height:1.05;margin-bottom:2rem}
.magda-img-col{transform:none}
.magda-pain-col{transform:none}
.magda-reveal {will-change:transform,opacity;}
.magda-reveal strong {color: var(--red);font-size: 1.15em;}
.magda-until{font-weight:800;font-size:clamp(1.8rem,3.5vw,2.8rem);color:var(--red) !important;letter-spacing:-0.03em}

/* Full-width closing statement */
.magda-closing{border-top:1px solid rgba(5,5,5,0.1);margin-top:3rem;padding-top:3rem;opacity:0;transform:translateY(20px)}
.magda-closing-text{font-weight:800;font-size:clamp(1.3rem,2.5vw,1.75rem);color:var(--black);line-height:1.4;letter-spacing:-0.02em}
.magda-closing-text em{font-style:normal;color:var(--red)}

/* HOW IT WORKS */
.hiw-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2.5rem;margin-top:3rem;padding:0 2rem}
.hiw-grid > div{background:rgba(255,255,255,0.6);border:1px solid rgba(5,5,5,0.09);border-radius:16px;padding:1.5rem;transition:border-color 0.2s,box-shadow 0.2s}
.hiw-grid > div:hover{border-color:rgba(217,38,50,0.2);box-shadow:0 8px 32px rgba(217,38,50,0.07)}
.hiw-num{width:40px;height:40px;border-radius:50%;border:1.5px solid #ccc;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:500;color:#555;margin-bottom:0.75rem;transition:background 0.2s,border-color 0.2s,color 0.2s}
.hiw-grid > div:hover .hiw-num{background:var(--red);border-color:var(--red);color:#fff}
.hiw-time{font-size:11px;color:#aaa;font-weight:500;margin-bottom:0.75rem;letter-spacing:0.02em}
.hiw-title{font-size:15px;font-weight:700;color:#111;margin-bottom:0.5rem}
.hiw-body{font-size:15px;color:#666;line-height:1.65}
.hiw-badge{display:inline-flex;align-items:center;gap:5px;margin-top:12px;font-size:11px;font-weight:600;color:var(--red);letter-spacing:0.03em}
@media(max-width:640px){.hiw-grid{grid-template-columns:1fr}}


/* RESPONSIVE */
@media(max-width:768px){
  nav{padding:1rem 1.5rem}
  .hero{padding:6rem 1.5rem 5rem}
  .proof-strip{padding:1.5rem}
  .proof-inner{gap:1.25rem;flex-wrap:wrap}
  .proof-div{display:none}
  .section-wrap{padding:4rem 1.5rem}
  .speed-grid,.quality-grid,.value-grid,.guide-inner,.planning-inner,.magda-grid,.why-inner,.people-grid,.obj-inner{grid-template-columns:1fr;gap:2rem}
  .magda-pain-heading{font-size:2rem}
  .projects-section,.guide-section,.planning-section,.ticker-section{padding-left:1.5rem;padding-right:1.5rem}
  footer{padding:2rem 1.5rem;flex-direction:column;gap:1rem;text-align:center}
}

/* w3 work */
.w3-section {
  background: #050505;
  color: #fff;
  padding: 100px 3rem 0;
  position: relative;
  z-index: 1;
}
.w3-inner {
  max-width: 1100px;
  margin: 0 auto;
}
.w3-heading {
  margin-top: 0.5rem;
  margin-bottom: 56px;
}

/* Stage */
.w3-stage {
  position: relative;
  height: 580px;
  overflow: hidden;
}

/* Card — horizontal layout: iPad left, panel right */
.w3-card {
  position: absolute;
  inset: 0;
  display: grid;
  grid-template-columns: 1fr 340px;
  gap: 2.5rem;
  align-items: center;
  transform: translateY(110%);
  opacity: 0;
}

/* ── Image (real device only) ─────────────────────────── */
.w3-ipad{position:relative;max-width:900px;width:100%;margin:0 auto;}
.w3-device-img{width:100%;height:auto;display:block;border-radius:20px;}
.w3-ipad::before{display:none;}
.w3-ipad::after{display:none;}
.w3-ipad-screen{border-radius:20px;overflow:hidden;background:none;aspect-ratio:auto;}
.w3-ipad-screen img{width:100%;height:auto;object-fit:contain;display:block;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,0.4);}



/* FOOTER */
.ll-footer{background:#050505;color:#fff;padding:5rem 3rem 2rem}
.ll-footer-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:4rem}
.ll-footer-brand{font-size:1.35rem;font-weight:900;letter-spacing:-.04em;color:#fff;margin-bottom:1rem}
.ll-footer-brand span{color:#D92632}
.ll-footer-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.14em;color:#D92632;font-weight:800;margin-bottom:1rem}
.ll-footer-line{max-width:340px}
.ll-footer p{margin:0 0 .55rem;color:rgba(255,255,255,.62);font-size:.9rem;line-height:1.55}
.ll-footer strong{color:#fff;margin-right:.35rem}
.ll-footer-bottom{max-width:1200px;margin:3.5rem auto 0;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;gap:1rem;color:rgba(255,255,255,.35);font-size:.75rem}
.ll-footer-bottom a{color:rgba(255,255,255,.45);text-decoration:none}
.ll-footer-bottom a:hover{color:#fff}
@media(max-width:900px){.ll-footer{padding:4rem 1.5rem 2rem}.ll-footer-inner{grid-template-columns:1fr;gap:2.25rem}.ll-footer-bottom{flex-direction:column;margin-top:3rem}}


/* ── Quote panel ──────────────────────────────────────── */
.w3-panel{display:flex;flex-direction:column;justify-content:center;gap:1.25rem;opacity:0;transform:translateX(30px);}
.w3-tag{display:inline-block;background:#D92632;color:#fff;border-radius:100px;padding:6px 14px;font-size:11px;font-weight:800;letter-spacing:0.08em;text-transform:uppercase;align-self:flex-start;}
.w3-quote{font-size:18px;line-height:1.65;color:rgba(255,255,255,0.88);font-style:italic;margin:0;padding:0;border:none;border-left:3px solid #D92632;padding-left:1.1rem;}
.w3-client{display:flex;align-items:center;gap:14px;}
.w3-face{width:72px;height:72px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,0.12);flex-shrink:0;background:#222;}
.w3-client-name{font-size:13px;font-weight:600;color:rgba(255,255,255,0.38);letter-spacing:0.01em;}

/* ── Dots ─────────────────────────────────────────────── */
.w3-dots{display:flex;gap:8px;justify-content:center;padding:32px 0 80px;}
.w3-dot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,0.2);transition:background 0.3s,transform 0.3s;}
.w3-dot-active{background:#D92632;transform:scale(1.5);}

/* ── Responsive ───────────────────────────────────────── */
@media (max-width:900px){
.w3-section{padding:80px 1.5rem 0;}
.w3-card{grid-template-columns:1fr;grid-template-rows:auto auto;height:auto;gap:1.5rem;}
.w3-stage{height:820px;}
.w3-panel{opacity:1;transform:none;}
}
/* AI ADVANTAGE */
.ai-section{background:#050505!important;color:#fff;overflow:hidden;min-height:100vh;display:flex;align-items:center;position:relative;transform:translateZ(0);backface-visibility:hidden}
.ai-section.section-wrap{padding:6rem 3rem;background:#050505!important}
.ai-heading{max-width:1080px;margin-bottom:0}
.ai-title-line{display:block;will-change:transform,opacity,color}

/* GSAP PIN FLASH FIX */
.pin-spacer{background:#050505!important}
.pin-spacer .ai-section{background:#050505!important}

</style>