/* Growth Roadmap landing page (ported from marketing-roadmap-v2/index.html).
 * Every rule is scoped to .gr-page so nothing leaks into the site header/footer. */

/* undo the theme's global element styles (header.css, Bootstrap reboot) inside the page */
.gr-page :where(h1,h2,h3,h4,h5,h6,p,ul,ol,li,a,b,strong,small,label,legend,fieldset,button,figure,blockquote,summary){
  color:revert;font-family:revert;font-size:revert;font-weight:revert;line-height:revert;letter-spacing:revert;
  margin:revert;padding:revert;text-transform:revert;transition:revert;position:revert;float:revert;width:revert;
  border:revert;background-color:revert;border-radius:revert;display:revert;text-decoration:revert
}
.gr-page :where(a){color:inherit}
.gr-page a:hover{color:inherit}
.gr-page :where(img,svg){vertical-align:revert}
.gr-page :where(input,button){font:inherit}
/* Bootstrap also styles these class names, which the page uses for its own layout */
.gr-page :where(.row){display:revert;flex-wrap:revert;margin:revert}
.gr-page :where(.row>*){flex-shrink:revert;width:revert;max-width:revert;padding:revert;margin-top:revert}
.gr-page :where(.badge){display:revert;padding:revert;font-size:revert;font-weight:revert;line-height:revert;color:revert;text-align:revert;white-space:revert;vertical-align:revert;border-radius:revert}
.gr-page :where(.h2){margin:revert}

@font-face{font-family:"Urbanist Fallback";src:local("Arial"),local("Helvetica Neue"),local("Helvetica");size-adjust:97%;ascent-override:97.9%;descent-override:25.8%;line-gap-override:0%}
.gr-page{--bg:#f5f5f5; --white:#fff; --grey:#ededed; --grey2:#d9d9d9; --ink:#0a0a0a; --mute:#666;
  --lime:#e7fa47;
  --bd:rgba(10,10,10,.1); --bd-d:rgba(255,255,255,.14); --mute-d:rgba(255,255,255,.62);
  --r:22px; --ease:cubic-bezier(.22,.8,.2,1); --pad:clamp(16px,2.2vw,32px); --max:1440px;}
.gr-page *{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:auto!important} /* iOS fix: CSS smooth scroll breaks ScrollTrigger refresh and sends the page to the top */
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.gr-page{margin:0;background:var(--bg);color:var(--ink);font-family:"Urbanist","Urbanist Fallback",-apple-system,sans-serif;font-weight:400;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:clip}
.gr-page h1,.gr-page h2,.gr-page h3,.gr-page p,.gr-page ol,.gr-page ul,.gr-page figure{margin:0;padding:0}
.gr-page h1,.gr-page h2,.gr-page h3{text-wrap:balance;font-weight:700}
.gr-page p,.gr-page li,.gr-page summary,.gr-page figcaption{text-wrap:pretty}
.gr-page .qt,.gr-page .step p,.gr-page .work p,.gr-page .work h3,.gr-page .faq p,.gr-page .mv-out strong,.gr-page .acc p,.gr-page .copy p,.gr-page .vcard h3,.gr-page .vcard p{text-wrap:balance}
.gr-page p{text-wrap:pretty}
.gr-page ol,.gr-page ul{list-style:none}
.gr-page a{color:inherit}
.gr-page img{display:block;max-width:100%}
.gr-page a:focus-visible,.gr-page button:focus-visible,.gr-page input:focus-visible,.gr-page summary:focus-visible,.gr-page .rail:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.gr-page .dark a:focus-visible,.gr-page .dark button:focus-visible,.gr-page .dark summary:focus-visible,.gr-page .dark input:focus-visible{outline-color:var(--lime)}
.gr-page .skip{position:fixed;left:16px;top:-60px;z-index:200;background:var(--lime);color:var(--ink);padding:10px 18px;border-radius:999px;font-weight:700;text-decoration:none;transition:top .2s}
.gr-page .skip:focus{top:14px}
.gr-page .wrap{max-width:calc(var(--max) + var(--pad) * 2);margin:0 auto;padding:0 var(--pad)}
.gr-page .sec{padding:clamp(88px,11vw,150px) 0}
.gr-page .dark{background:var(--ink);color:#fff}
.gr-page .grey{background:var(--grey)}
.gr-page .white{background:var(--white)}
.gr-page .eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
.gr-page .eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 1px var(--ink)}
.gr-page .dark .eyebrow{color:var(--mute-d)}
.gr-page .dark .eyebrow::before{box-shadow:none}
.gr-page .h2{font-size:clamp(36px,5vw,70px);line-height:1.02;letter-spacing:-.035em;font-weight:700}
@media (min-width:1280px){
.gr-page .h2{font-size:clamp(60px,4.2vw,70px)}
}
.gr-page .lede{font-size:clamp(17px,1.4vw,20px);color:var(--mute);max-width:40ch}
.gr-page .dark .lede{color:var(--mute-d)}
.gr-page .head{display:grid;gap:18px;margin-bottom:clamp(40px,5vw,68px);max-width:760px}
.gr-page .w{display:inline-block;overflow:hidden;vertical-align:top;padding:.14em .14em .2em .06em;margin:-.14em -.14em -.2em -.06em}
.gr-page .w>span{display:inline-block;will-change:transform}
.gr-page .btn{display:inline-flex;align-items:center;gap:10px;box-sizing:border-box;height:48px;padding:0 26px;border-radius:999px;border:1px solid var(--ink);font:inherit;font-weight:700;font-size:15px;text-decoration:none;cursor:pointer;background:transparent;color:var(--ink);transition:background .3s cubic-bezier(.22,.8,.2,1),color .3s,border-color .3s,transform .3s cubic-bezier(.22,.8,.2,1),box-shadow .3s}
.gr-page .btn .arr{display:inline-flex;margin:0 -4px 0 -2px;transition:transform .3s cubic-bezier(.22,.8,.2,1)}
.gr-page .btn .arr svg{display:block}
.gr-page .btn:hover .arr{transform:translate(2px,-2px)}
.gr-page .btn:active{transform:scale(.98)}
.gr-page .btn.dk{background:var(--ink);color:#fff}
.gr-page .btn.dk:hover{background:var(--lime);border-color:var(--lime);color:var(--ink);box-shadow:0 10px 24px -10px rgba(10,10,10,.45)}
.gr-page .btn.wh{background:#fff;border-color:#fff;color:var(--ink)}
.gr-page .btn.wh:hover{background:var(--lime);border-color:var(--lime);box-shadow:0 12px 30px -10px rgba(231,250,71,.55)}
.gr-page .btn.gh{border-color:rgba(255,255,255,.45);color:#fff}
.gr-page .btn.gh:hover{background:#fff;border-color:#fff;color:var(--ink);box-shadow:0 12px 30px -12px rgba(255,255,255,.4)}
.gr-page .btn.lt:hover{background:var(--ink);color:#fff}
.gr-page .btn.sm{height:44px;padding:0 20px;font-size:14px}
.gr-page .btn:disabled{opacity:.5;cursor:wait}
.gsap-ready .gr-page [data-fade],.gsap-ready .gr-page [data-load]{opacity:0}
.gr-page .hero{
    position:relative;
    overflow:hidden;
    min-height:calc(100svh - 98px);
    display:flex;
    flex-direction:column;
    padding:clamp(14px,3vh,32px) 0 0;
    text-align:center;
    background:var(--ink);
    color:#fff
}
.gr-page .hero-grid{position:absolute;inset:0;pointer-events:none;-webkit-mask-image:radial-gradient(75% 62% at 50% 34%,#000 10%,transparent 78%);mask-image:radial-gradient(75% 62% at 50% 34%,#000 10%,transparent 78%)}
.gr-page .spot{position:absolute;left:0;top:0;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.17),transparent 62%);pointer-events:none;will-change:transform}
.gr-page .hero .wrap{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;width:100%}
.gr-page .hero-copy{margin:auto 0;padding:clamp(10px,2.4vh,32px) 0}
.gr-page .hero-foot{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:clamp(8px,1.6vh,18px);padding:0 0 clamp(10px,2vh,22px)}
.gr-page .cue{display:grid;justify-items:center;gap:10px;text-decoration:none;color:var(--mute-d);font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;transition:color .3s}
.gr-page .cue:hover{color:#fff}
.gr-page .cue i{display:block;width:1px;height:47.5px;margin-bottom:-9.5px;background:linear-gradient(rgba(255,255,255,.7),rgba(255,255,255,0));transform-origin:top;animation:cue 1.7s cubic-bezier(.22,.8,.2,1) infinite}
@keyframes cue{0%{transform:scaleY(0)}55%{transform:scaleY(1)}100%{transform:scaleY(1);opacity:0}}
.gr-page .quote{padding:clamp(120px,17vw,260px) 0;background:var(--grey)}
.gr-page .qt-block{margin:0;text-align:center}
.gr-page .qt{font-size:clamp(30px,4.7vw,70px);font-weight:700;line-height:1.08;letter-spacing:-.03em;max-width:21em;margin:0 auto;color:var(--ink)}
.gr-page .qt-by{margin-top:clamp(32px,4vw,56px);display:flex;flex-direction:column;align-items:center;gap:0}
.gr-page .qt-by img{display:block;height:clamp(52px,5.4vw,72px);width:auto;margin-bottom:clamp(16px,1.8vw,22px)}
.gr-page .qt-by b{font-size:clamp(18px,1.6vw,21px);font-weight:700;letter-spacing:-.01em;line-height:1.2}
.gr-page .qt-by span{margin-top:3px;font-size:clamp(13px,1.05vw,15px);font-weight:400;color:var(--mute);line-height:1.3}
.gr-page .pband{background:#fff;border-top:1px solid var(--bd)}
.gr-page .pband-in{display:flex;align-items:center;justify-content:space-between;gap:clamp(20px,4vw,56px);padding-top:clamp(24px,3vw,38px);padding-bottom:clamp(24px,3vw,38px)}
.gr-page .plabel2{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);flex:0 0 auto}
.gr-page .plist{display:flex;align-items:center;justify-content:flex-end;gap:clamp(14px,3vw,48px);flex-wrap:nowrap;min-width:0}
.gr-page .plist li{flex:0 1 auto;min-width:0}
.gr-page .plist img{display:block;height:clamp(40px,4.4vw,60px);width:auto;max-width:100%;object-fit:contain;filter:grayscale(1);opacity:.85;transition:filter .35s,opacity .35s}
.gr-page .plist img:hover{filter:none;opacity:1}
@media (max-width:900px){
.gr-page .pband-in{flex-direction:column;align-items:flex-start;gap:20px}
.gr-page .plist{width:100%;justify-content:space-between;gap:16px}
}
@media (max-width:760px){
.gr-page .pband-in{flex-direction:column;align-items:flex-start}
.gr-page .plist{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:14px 18px;width:100%}
.gr-page .plist li{display:flex;align-items:center}
.gr-page .plist img{height:44px;max-width:none}
}
.gr-page .trail{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1}
.gr-page .tr{position:absolute;left:0;top:0;border-radius:16px;overflow:hidden;will-change:transform,opacity,filter;box-shadow:0 30px 60px -20px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.12)}
.gr-page .tr img{display:block;width:100%;height:auto;filter:brightness(.68) saturate(.92)}
.gr-page .hero h1,.gr-page .hero .lede,.gr-page .pill{text-shadow:0 2px 24px rgba(0,0,0,.7),0 0 2px rgba(0,0,0,.35)}
.gr-page .pill{display:inline-flex;align-items:center;gap:10px;padding:9px 17px;border-radius:999px;background:rgba(255,255,255,.09);font-size:14px;font-weight:500;backdrop-filter:blur(8px)}
.gr-page .pill i{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px rgba(231,250,71,.2);animation:pulse 2.4s ease-in-out infinite}
@keyframes pulse{50%{box-shadow:0 0 0 8px rgba(231,250,71,0)}}
.gr-page .hero h1{margin:clamp(22px,2.6vw,32px) auto 0;font-size:clamp(44px,min(8.8vw,13.2svh),110px);line-height:.96;letter-spacing:-.045em;max-width:13ch;font-weight:700}
@media (min-width:1700px){
.gr-page .hero h1{font-size:clamp(44px,min(8.8vw,13.2svh),120px)}
}
.gr-page .hero .lede{margin:clamp(14px,2vh,26px) auto 0;font-size:clamp(16px,min(1.5vw,2.6svh),21px);max-width:46ch;color:rgba(255,255,255,.72)}
.gr-page .hero .cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:clamp(18px,3vh,34px)}
.gr-page .win{margin:clamp(48px,6vw,84px) auto 0;max-width:1000px;background:#fff;color:var(--ink);border-radius:22px;box-shadow:0 0 0 1px rgba(255,255,255,.1),0 50px 120px -30px rgba(255,255,255,.14),0 40px 80px -30px rgba(0,0,0,.8);text-align:left;overflow:hidden}
.gr-page .win-bar{display:flex;align-items:center;gap:16px;padding:14px 20px;border-bottom:1px solid var(--bd);background:#fafafa}
.gr-page .dots{display:flex;gap:7px}
.gr-page .dots i{width:10px;height:10px;border-radius:50%;background:rgba(10,10,10,.14)}
.gr-page .win-title{font-size:13px;font-weight:700;letter-spacing:.02em;color:var(--mute);margin:0 auto 0 4px}
.gr-page .win-day{font-size:13px;font-weight:700;color:var(--mute)}
.gr-page .win-day b{color:var(--ink);font-variant-numeric:tabular-nums}
.gr-page .win-body{display:grid;grid-template-columns:1fr 1.15fr}
.gr-page .win-weeks{padding:clamp(18px,2.4vw,30px);display:grid;gap:6px;border-right:1px solid var(--bd);align-content:center}
.gr-page .win-weeks li{display:flex;gap:14px;align-items:center;padding:12px 14px;border-radius:14px;border:1px solid transparent;transition:background .4s,border-color .4s,opacity .4s;opacity:.45}
.gr-page .win-weeks li.act{background:#f2f2f2;border-color:var(--bd);opacity:1}
.gr-page .win-weeks li.done{opacity:.95}
.gr-page .ck{flex:0 0 22px;height:22px;border-radius:50%;border:1.5px solid var(--ink);position:relative;transition:background .4s}
.gr-page .ck::after{content:"";position:absolute;left:6px;top:3px;width:5px;height:9px;border:solid var(--ink);border-width:0 1.8px 1.8px 0;transform:rotate(40deg) scale(0);transition:transform .35s var(--ease)}
.gr-page .win-weeks li.done .ck{background:var(--lime)}
.gr-page .win-weeks li.done .ck::after{transform:rotate(40deg) scale(1)}
.gr-page .win-weeks li.act .ck{background:var(--ink);box-shadow: 0 0 0 5px #f2f2f2}
.gr-page .win-weeks small{display:block;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.gr-page .win-weeks b{display:block;font-weight:700;font-size:15.5px;letter-spacing:-.01em;line-height:1.25}
.gr-page .win-side{padding:clamp(18px,2.6vw,34px);display:flex;flex-direction:column;justify-content:center;gap:clamp(16px,2.2vw,26px);background:linear-gradient(180deg,#fff,#f6f6f6)}
.gr-page .big{font-weight:700;font-size:clamp(84px,11vw,150px);line-height:.86;letter-spacing:-.055em;font-variant-numeric:tabular-nums;padding-top:.04em}
.gr-page .big small{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--mute);margin-right:12px;vertical-align:baseline}
.gr-page .track{height:6px;border-radius:3px;background:rgba(10,10,10,.1);position:relative;margin:4px 8px}
.gr-page .track i{position:absolute;inset:0;border-radius:3px;background:var(--ink);transform-origin:left;transform:scaleX(0)}
.gr-page .track::before,.gr-page .track::after{content:"";position:absolute;top:-5px;width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid var(--ink)}
.gr-page .track::before{left:-8px}
.gr-page .track::after{right:-8px;transition:background .4s}
.gr-page .track.end::after{background:var(--lime)}
.gr-page .ends{display:flex;justify-content:space-between;gap:16px;font-size:14px;color:var(--mute)}
.gr-page .ends b{display:block;color:var(--ink);font-weight:700;font-size:15px}
.gr-page .ends div:last-child{text-align:right}
.gr-page .chips{display:flex;gap:8px;flex-wrap:wrap}
.gr-page .chips span{padding:6px 12px;border-radius:999px;border:1px solid var(--bd);font-size:13px;font-weight:700;color:var(--mute);transition:background .4s,color .4s,border-color .4s}
.gr-page .chips span.on{background:var(--ink);color:#fff;border-color:var(--ink)}
@media (max-width:760px){
.gr-page .win-body{grid-template-columns:1fr}
.gr-page .win-weeks{border-right:0;border-bottom:1px solid var(--bd)}
}
.gr-page .card,.gr-page .plan,.gr-page .stat,.gr-page .guar{position:relative;isolation:isolate;overflow:hidden;box-shadow: 0 1px 0 rgba(255,255,255,.9),0 1px 2px rgba(0,0,0,.05),0 18px 40px -26px rgba(0,0,0,.3);transition:box-shadow .6s var(--ease)}
.gr-page .card::before,.gr-page .plan::before,.gr-page .stat::before,.gr-page .guar::before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;transition:opacity .5s;background:radial-gradient(380px circle at var(--mx,50%) var(--my,50%),var(--spot,rgba(231,250,71,.45)),transparent 62%);pointer-events:none}
.gr-page .card:hover,.gr-page .plan:hover,.gr-page .stat:hover,.gr-page .guar:hover{box-shadow:t 0 1px 0 rgba(255,255,255,.95),0 2px 4px rgba(0,0,0,.06),0 38px 64px -30px rgba(0,0,0,.45)}
.gr-page .glance{padding:clamp(72px,9vw,128px) 0}
.gr-page .gl-title{margin-bottom:clamp(30px,4vw,56px)}
.gr-page .gl-grid{--gp:var(--pad);position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 calc(-1 * var(--gp))}
.gr-page .gl-grid::before{content:"";position:absolute;top:0;left:var(--gp);right:var(--gp);height:1px;background:rgba(255,255,255,.18)}
.gr-page .gl-col{position:relative;isolation:isolate;container-type:inline-size;display:flex;flex-direction:column;padding:clamp(26px,3vw,44px) var(--gp) 0;border-left:1px solid rgba(255,255,255,.14)}
.gr-page .gl-col:first-child{border-left:0}
.gr-page .gl-col::before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;transition:opacity .5s;background:radial-gradient(420px circle at var(--mx,50%) var(--my,30%),rgba(255,255,255,.08),transparent 62%);pointer-events:none}
.gr-page .gl-col:hover::before{opacity:1}
.gr-page .gl-col::after{content:"";position:absolute;left:0;right:0;top:-1px;height:3px;background:var(--lime);transform:scaleX(0);transform-origin:left;transition:transform .6s cubic-bezier(.22,.8,.2,1)}
.gr-page .gl-col:hover::after{transform:scaleX(1)}
.gr-page .gl-val{font-size:clamp(40px,min(20cqw,104px),104px);font-weight:700;letter-spacing:-.04em;line-height:.94;padding-bottom:.06em;white-space:nowrap}
.gr-page .gl-val .u{color:#777}
.gr-page .gl-col p{margin-top:clamp(14px,1.6vw,20px);font-size:clamp(16px,1.3vw,19px);line-height:1.5;color:rgba(255,255,255,.72);max-width:30ch;min-height:4.5em}
.gr-page .gl-dev{margin-top:clamp(20px,2.4vw,32px);height:88px;display:flex;align-items:center;padding:0 clamp(14px,1.6vw,22px);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:16px}
.gr-page .gl-weeks{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;align-items:center}
.gr-page .gl-weeks span{display:grid;gap:9px}
.gr-page .gl-weeks b{display:block;height:8px;border-radius:4px;background:var(--lime);transform-origin:left}
.gr-page .gl-weeks small{white-space:nowrap;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.gr-page .gl-time{justify-content:space-between;gap:12px}
.gr-page .gl-timer{flex:0 0 auto;overflow:visible}
.gr-page .gl-time span{font-size:clamp(34px,3.4vw,52px);font-weight:700;letter-spacing:-.035em;line-height:1;color:var(--lime);font-variant-numeric:tabular-nums}
.gr-page .gl-roles{position:relative}
.gr-page .gl-list{display:flex;flex-wrap:wrap;gap:8px}
.gr-page .gl-list span{padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.28);font-weight:700;font-size:15px;letter-spacing:-.02em;white-space:nowrap}
.gr-page .gl-role{display:none}
.gsap-ready .gr-page .gl-list{display:none}
.gsap-ready .gr-page .gl-role{display:inline-flex;align-items:center;gap:12px;height:46px;padding:0 20px 0 16px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22)}
.gr-page .gl-dot{display:block;width:10px;height:10px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px rgba(231,250,71,.2)}
.gr-page .gl-mask{display:block;overflow:hidden;height:1.5em;line-height:1.5em}
.gr-page .gl-rt{display:block;font-weight:700;font-size:clamp(16px,1.35vw,19px);letter-spacing:-.02em;white-space:nowrap}
@media (max-width:700px){
.gr-page .gl-grid{grid-template-columns:1fr;margin:0}
.gr-page .gl-grid::before{left:0;right:0}
.gr-page .gl-col{padding:26px 0 24px!important;border-left:0;border-top:1px solid rgba(255,255,255,.14)}
.gr-page .gl-col:first-child{border-top:0}
.gr-page .gl-col::after{top:-1px}
.gr-page .gl-col p{min-height:0}
.gr-page .gl-val{font-size:clamp(48px,15vw,84px)}
}
.gr-page #weeks .head{max-width:min(520px,46%)}
.gr-page .weeks-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(30px,5vw,80px);align-items:start}
.gr-page .steps-wrap{position:relative;--c:30px;--g:24px}
.gr-page .tline{position:absolute;z-index:0;left:calc(var(--c) / 2 - 1px);top:0;height:0;width:2px;border-radius:1px;background:rgba(10,10,10,.14)}
.gr-page .tline i{position:absolute;inset:0;border-radius:1px;background:var(--ink);transform-origin:top;transform:scaleY(0)}
.gr-page .dot{display:block;position:relative;z-index:2;width:14px;height:14px;border-radius:50%;background:#c4c4c4;box-shadow:0 0 0 6px var(--grey);justify-self:center;transition:background .35s,box-shadow .35s}
.gr-page .steps{padding:0}
.gr-page .step{position:relative;display:grid;grid-template-columns:var(--c) 1fr;column-gap:var(--g);align-items:start;min-height:50svh;padding-top:clamp(26px,5svh,48px);}
.gr-page .sbody{opacity:.3;transition:opacity .5s var(--ease)}
.gr-page .step.on .sbody{opacity:1}
.gr-page .step .dot{margin-top:3px}
.gr-page .step.on .dot{background:var(--lime);box-shadow:0 0 0 2px var(--ink),0 0 0 7px var(--grey)}
.gr-page .step.past .dot{background:var(--ink)}
.gr-page .sbody{display:grid;gap:12px;align-content:start}
.gr-page .step .n{font-size:13px;line-height:20px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
.gr-page .step h3{font-size:clamp(34px,3.8vw,58px);letter-spacing:-.04em;line-height:1;max-width:14ch;font-weight:700;padding-bottom:.06em}
@media (min-width:1280px){
.gr-page .step h3{font-size:clamp(44px,3.2vw,58px)}
}
.gr-page .step p{color:var(--mute);font-size:clamp(17px,1.35vw,20px);max-width:36ch}
.gr-page .step .mv{display:none}
.gr-page .stage{--sh:calc(clamp(250px,40svh,390px) + 54px);position:sticky;top:max(96px,calc(50svh - var(--sh) / 2));background:#fff;border:1px solid var(--bd);border-radius:22px;box-shadow:0 40px 80px -44px rgba(0,0,0,.45);overflow:hidden}
.gr-page .stage-body{position:relative;height:clamp(250px,40svh,390px)}
.gr-page .vis{position:absolute;inset:0;padding:clamp(16px,2.2vw,30px);display:grid;grid-template:minmax(0,1fr) / minmax(0,1fr);place-items:center;opacity:0;visibility:hidden;transition:opacity .5s var(--ease),visibility .5s}
.gr-page .vis.on{opacity:1;visibility:visible}
.gr-page .vis svg,.gr-page .mv svg{width:100%;max-height:100%;height:auto;overflow:visible}
.gr-page .vis svg{height:100%}
.gr-page .vis svg text,.gr-page .mv svg text{font-family:"Urbanist","Urbanist Fallback",sans-serif;font-size:8.5px;font-weight:700;fill:var(--ink)}
.gr-page .stage-out{display:flex;gap:14px;align-items:baseline;padding:16px 22px;border-top:1px solid var(--bd);background:#fafafa}
.gr-page .stage-out span{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);white-space:nowrap}
.gr-page .stage-out strong{font-weight:700;font-size:17px;letter-spacing:-.01em}
@media (max-width:900px){
.gr-page #weeks .head{max-width:none}
.gr-page .weeks-grid{grid-template-columns:1fr}
.gr-page .stage,.gr-page .tline{display:none}
.gr-page .steps{padding-bottom:0;display:grid;gap:16px;margin:8px 0}
.gr-page .sbody{opacity:1}
.gr-page .step{display:block;min-height:0;opacity:1;background:#fff;border:1px solid var(--bd);border-radius:var(--r);padding:24px}
.gr-page .step>.dot{display:none}
.gr-page .step .mv{display:block;margin-top:14px;padding:16px;border-radius:14px;background:var(--bg);border:1px solid var(--bd)}
.gr-page .mv-out{display:flex;gap:10px;align-items:baseline;margin-top:12px;padding-top:12px;border-top:1px solid var(--bd);font-size:14px}
.gr-page .mv-out span{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);white-space:nowrap}
.gr-page .mv-out strong{font-weight:700}
}
.gr-page .plans{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}
.gr-page .plan{border-radius:var(--r);padding:clamp(24px,2.6vw,36px);display:flex;flex-direction:column;border:1px solid var(--bd);--spot:rgba(255,255,255,.7)}
.gr-page .plan.a{background:var(--grey)}
.gr-page .plan.b{background:var(--grey2)}
.gr-page .plan.c{background:var(--ink);color:#fff;--spot:rgba(231,250,71,.2);border-color:#000}
.gr-page .plan .num{font-weight:700;font-size:clamp(84px,9.4vw,138px);line-height:.86;letter-spacing:-.055em;font-variant-numeric:tabular-nums;padding-top:.04em}
.gr-page .plan h3{margin-top:clamp(14px,1.8vw,24px);font-size:clamp(22px,2vw,28px);letter-spacing:-.025em;font-weight:700}
.gr-page .plan p{color:#555;margin:6px 0 24px;max-width:26ch}
.gr-page .plan.c p{color:rgba(255,255,255,.68)}
.gr-page .reach{height:8px;border-radius:4px;background:rgba(10,10,10,.1) repeating-linear-gradient(90deg,transparent 0 calc(16.66% - 1px),rgba(10,10,10,.25) calc(16.66% - 1px) 16.66%);margin-top:auto;overflow:hidden;flex:0 0 8px}
.gr-page .plan.c .reach{background:rgba(255,255,255,.14) repeating-linear-gradient(90deg,transparent 0 calc(16.66% - 1px),rgba(255,255,255,.3) calc(16.66% - 1px) 16.66%)}
.gr-page .reach i{display:block;height:100%;width:var(--p);background:var(--ink);border-radius:4px;transform:scaleX(0);transform-origin:left}
.gr-page .plan.c .reach i{background:var(--lime)}
@media (max-width:700px){
.gr-page .plans{grid-template-columns:1fr}
.gr-page .plan,.gr-page .plan.a,.gr-page .plan.b,.gr-page .plan.c{min-height:0}
.gr-page .plan h3{margin-top:22px}
}
.gr-page .stories{overflow:hidden}
.gr-page .stories .row{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}
.gr-page .ctl{display:flex;gap:10px}
.gr-page .arrow{width:50px;height:50px;border-radius:50%;border:1px solid currentColor;background:transparent;color:inherit;font:inherit;font-size:18px;cursor:pointer;display:grid;place-items:center;transition:background .3s,color .3s,opacity .3s,border-color .3s}
.gr-page .dark .arrow:hover:not(:disabled){background:#fff;color:var(--ink);border-color:#fff}
.gr-page .arrow:hover:not(:disabled){background:var(--ink);color:#fff}
.gr-page .arrow:disabled{opacity:.25;cursor:default}
.gr-page .rail{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x proximity;padding:0 max(var(--pad),calc((100vw - var(--max))/2));scroll-padding-left:var(--pad);scrollbar-width:none;cursor:grab}
.gr-page .rail::-webkit-scrollbar{display:none}
.gr-page .rail.drag{cursor:grabbing;scroll-snap-type:none}
.gr-page .vcard{position:relative;flex:0 0 clamp(236px,22vw,320px);aspect-ratio:9/16;border:1px solid #333;border-radius:16px;overflow:hidden;background:#111;scroll-snap-align:start;isolation:isolate;transition:border-color .25s,transform .25s}
.gr-page .vcard__media{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:grayscale(1);transform:scale(1.01);transition:filter .3s,transform .45s}
.gr-page .vcard__shade{position:absolute;z-index:1;inset:0;background:linear-gradient(rgba(0,0,0,0) 42%,rgba(0,0,0,.2) 65%,#000 100%);pointer-events:none}
.gr-page .vcard__play{position:absolute;z-index:3;inset:0;width:100%;height:100%;display:grid;place-items:center;padding:0;border:0;border-radius:16px;background:transparent;cursor:pointer}
.gr-page .vcard__play span{width:72px;height:72px;border:1px solid #fff;border-radius:50%;background:rgba(255,255,255,.5);display:flex;justify-content:center;align-items:center;overflow:hidden;transition:background-color .2s,transform .2s,opacity .2s}
.gr-page .vcard__play svg{width:64px;height:64px;flex:0 0 auto}
.gr-page .vcard__play:hover span{background:rgba(231,250,71,.65);transform:scale(1.06)}
.gr-page .vcard__play:focus-visible span{outline:3px solid var(--lime);outline-offset:4px}
.gr-page .vcard__content{position:absolute;z-index:2;right:24px;bottom:22px;left:24px;text-align:left}
.gr-page .vcard__tag{display:inline-flex;align-items:center;min-height:18px;margin-bottom:8px;padding:2px 9px;border:1px solid transparent;border-radius:999px;color:#fff;background:rgba(255,255,255,.25);font-size:10px;font-weight:500;line-height:1.4;letter-spacing:.04em;text-transform:uppercase}
.gr-page .vcard h3,.gr-page .vcard p{margin:0;font-size:16px;line-height:1.2;letter-spacing:.04em}
.gr-page .vcard h3{color:#fff;font-weight:600}
.gr-page .vcard p{margin-top:4px;color:rgba(255,255,255,.55);font-weight:400}
.gr-page .vcard__eq{display:flex;align-items:center;justify-content:flex-start;gap:2.5px;width:24px;height:24px;margin-top:10px}
.gr-page .vcard__eq>span{display:block;width:2px;border-radius:999px;background:#919292;transform-origin:center;transition:background-color .2s}
.gr-page .vcard__eq>span:nth-child(1){height:6px}
.gr-page .vcard__eq>span:nth-child(2){height:13px}
.gr-page .vcard__eq>span:nth-child(3){height:18px}
.gr-page .vcard__eq>span:nth-child(4){height:11px}
.gr-page .vcard__eq>span:nth-child(5){height:7px}
.gr-page .vcard:hover,.gr-page .vcard:focus-within,.gr-page .vcard.playing{border-color:var(--lime)}
.gr-page .vcard:focus-within .vcard__media,.gr-page .vcard.playing .vcard__media{filter:grayscale(0);transform:scale(1.035)}
.gr-page .vcard:hover .vcard__tag,.gr-page .vcard:focus-within .vcard__tag,.gr-page .vcard.playing .vcard__tag{color:var(--lime);border-color:var(--lime);background:rgba(231,250,71,.1)}
.gr-page .vcard:hover .vcard__eq>span,.gr-page .vcard:focus-within .vcard__eq>span,.gr-page .vcard.playing .vcard__eq>span{background:var(--lime);animation:vc-eq 640ms ease-in-out infinite alternate}
.gr-page .vcard:hover .vcard__eq>span:nth-child(2),.gr-page .vcard:focus-within .vcard__eq>span:nth-child(2),.gr-page .vcard.playing .vcard__eq>span:nth-child(2){animation-duration:480ms;animation-delay:-160ms}
.gr-page .vcard:hover .vcard__eq>span:nth-child(3),.gr-page .vcard:focus-within .vcard__eq>span:nth-child(3),.gr-page .vcard.playing .vcard__eq>span:nth-child(3){animation-duration:720ms;animation-delay:-360ms}
.gr-page .vcard:hover .vcard__eq>span:nth-child(4),.gr-page .vcard:focus-within .vcard__eq>span:nth-child(4),.gr-page .vcard.playing .vcard__eq>span:nth-child(4){animation-duration:540ms;animation-delay:-80ms}
.gr-page .vcard:hover .vcard__eq>span:nth-child(5),.gr-page .vcard:focus-within .vcard__eq>span:nth-child(5),.gr-page .vcard.playing .vcard__eq>span:nth-child(5){animation-duration:800ms;animation-delay:-420ms}
@keyframes vc-eq{0%{transform:scaleY(.42)}45%{transform:scaleY(1)}100%{transform:scaleY(.68)}}
.gr-page .vcard.playing .vcard__content{display:none}
.gr-page .vcard.playing .vcard__play span{opacity:0}
.gr-page .vcard.playing:hover .vcard__play span{opacity:1}
.gr-page .vcard.playing .vcard__play svg{display:none}
.gr-page .vcard.playing .vcard__play span::before{content:"";width:4px;height:18px;background:#fff;box-shadow:10px 0 0 #fff;margin-right:10px}
@media (max-width:639px){
.gr-page .vcard__content{right:20px;bottom:20px;left:20px}
}
@media (prefers-reduced-motion:reduce){
.gr-page .vcard,.gr-page .vcard__media,.gr-page .vcard__play span{transition:none}
.gr-page .vcard__eq>span{animation:none!important}
}
.gr-page #work .arrow{width:48px;height:48px;background:#e9e9e9;border:1px solid #e9e9e9;color:var(--ink)}
.gr-page #work .arrow:hover:not(:disabled){background:#d9d9d9;border-color:#d9d9d9;color:var(--ink)}
.gr-page #work .arrow:disabled{opacity:.4}
.gr-page #work .arrow span{display:block;width:8px;height:8px;border-top:1.5px solid;border-right:1.5px solid}
.gr-page #work .arrow.prev span{transform:rotate(-135deg);margin-left:3px}
.gr-page #work .arrow.next span{transform:rotate(45deg);margin-right:3px}
.gr-page .stories .arrow{width:48px;height:48px;background:#2b2b2b;border:1px solid #2b2b2b;color:#fff}
.gr-page .stories .arrow:hover:not(:disabled){background:#333;border-color:#333;color:#fff}
.gr-page .stories .arrow span{display:block;width:8px;height:8px;border-top:1.5px solid;border-right:1.5px solid}
.gr-page .stories .arrow.prev span{transform:rotate(-135deg);margin-left:3px}
.gr-page .stories .arrow.next span{transform:rotate(45deg);margin-right:3px}
.gr-page .wrap.two,.gr-page .wrap.faq-grid,.gr-page .wrap.contact{max-width:calc(1200px + var(--pad) * 2)}
.gr-page .two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,80px);align-items:start}
.gr-page .copy p{font-size:clamp(17px,1.4vw,20px);color:#3c3c3c;margin-bottom:16px;max-width:46ch}
.gr-page .stats{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:30px}
.gr-page .stat{background:var(--grey);border:1px solid var(--bd);border-radius:var(--r);padding:24px 26px}
.gr-page .stat b{display:block;font-weight:700;font-size:clamp(54px,6vw,92px);line-height:1;letter-spacing:-.05em;padding-bottom:.04em}
.gr-page .stat>span{display:block;margin-top:8px;font-size:15px;color:var(--mute)}
@media (max-width:860px){
.gr-page .two{grid-template-columns:1fr}
}
.gr-page .lose{padding:clamp(100px,13vw,200px) 0;text-align:center;position:relative;overflow:hidden}
.gr-page .lose::before{content:"";position:absolute;left:50%;top:50%;width:min(900px,120vw);aspect-ratio:1;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,255,255,.09),transparent 62%);pointer-events:none}
.gr-page .lose .wrap{position:relative}
.gr-page .lose h2{font-size:clamp(46px,8.6vw,140px);line-height:.96;letter-spacing:-.05em;max-width:12ch;margin:0 auto;font-weight:700}
.gr-page .lose p{margin:clamp(24px,3vw,36px) auto 0;font-size:clamp(18px,1.7vw,24px);color:var(--mute-d);max-width:34ch}
.gr-page .lose .btn{margin-top:clamp(28px,3vw,40px)}
.gr-page .why .strong{font-weight:700;color:var(--ink);font-size:clamp(20px,1.7vw,26px);line-height:1.35;letter-spacing:-.02em}
.gr-page .guar{border-radius:var(--r);padding:clamp(26px,3vw,40px);background:var(--ink);color:#fff;border:1px solid #000;--spot:rgba(231,250,71,.2)}
.gr-page .guar .badge{width:48px;height:48px;border-radius:50%;background:var(--lime);display:grid;place-items:center;margin-bottom:22px}
.gr-page .guar .badge::after{content:"";width:9px;height:17px;border:solid var(--ink);border-width:0 2.4px 2.4px 0;transform:rotate(40deg) translate(-1px,-2px)}
.gr-page .guar h3{font-size:clamp(28px,2.8vw,40px);letter-spacing:-.035em;line-height:1.02;font-weight:700;padding-bottom:.05em}
.gr-page .guar p{margin-top:12px;color:rgba(255,255,255,.7);max-width:36ch}
.gr-page .dtl{position:relative;max-width:1200px;margin:0 auto;width:100%;height:150px;text-align:left;--pad:8px;transform:translateZ(0)}
.gr-page .dtl-track,.gr-page .dtl-fill{position:absolute;left:0;right:0;top:57px;height:1px}
.gr-page .dtl-track{background:rgba(255,255,255,.2)}
.gr-page .dtl-fill{background:#fff;transform-origin:left;transform:scaleX(0)}
.gr-page .dtl-xt{position:absolute;top:0;height:100%;pointer-events:none;--bl:0px;--br:0px;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 var(--bl),#000 calc(100% - var(--br)),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 var(--bl),#000 calc(100% - var(--br)),transparent 100%)}
.gr-page .dtl-xt b{position:absolute;top:57px;height:1px;background:rgba(255,255,255,.2)}
.gr-page .dtl-xt i{position:absolute;top:57px;width:1px;height:9px;margin:-9px 0 0 -.5px;background:rgba(255,255,255,.2)}
.gr-page .dtl-tick{position:absolute;top:57px;width:1px;height:9px;margin:-9px 0 0 -.5px;background:rgba(255,255,255,.22);transform-origin:50% 100%;transition:background-color .25s}
.gr-page .dtl-tick.m{height:18px;margin-top:-18px}
.gr-page .dtl-tick.on{background:#fff}
.gr-page .dtl-tick.cur{background:var(--lime)}
.gr-page .dtl-node{position:absolute;top:51px;box-sizing:border-box;width:13px;height:13px;margin:0 0 0 -6.5px;border-radius:50%;background:var(--ink);border:1.5px solid #555;transition:background-color .3s,border-color .3s}
.gr-page .dtl-node.on{background:#fff;border-color:#fff}
.gr-page .dtl-node.end.on{background:var(--lime);border-color:var(--lime)}
.gr-page .dtl-ring{position:absolute;top:51px;box-sizing:border-box;width:13px;height:13px;margin:0 0 0 -6.5px;border-radius:50%;border:1.5px solid var(--lime);opacity:0;pointer-events:none}
.gr-page .dtl-lab{position:absolute;top:80px;transform:translateX(-50%);width:max-content;max-width:min(24vw,190px);display:grid;gap:2px;opacity:.38;transition:opacity .4s}
.gr-page .dtl-lab.on{opacity:1}
.gr-page .dtl-lab:first-of-type{transform:none}
.gr-page .dtl-lab.last{transform:translateX(-100%);text-align:right}
.gr-page .dtl-lab b{font-size:clamp(14px,1.25vw,17px);font-weight:700;letter-spacing:-.02em}
.gr-page .dtl-lab span{font-size:clamp(12px,1vw,14px);font-weight:400;color:#bdbdbd;line-height:1.35}
.gr-page .dtl-rider{position:absolute;top:57px;left:0;width:0;height:0;will-change:transform}
.gr-page .dtl-dot{position:absolute;width:13px;height:13px;margin:-6px 0 0 -6.5px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px rgba(231,250,71,.16),0 0 22px 4px rgba(231,250,71,.35)}
.gr-page .dtl-pill{--off:0px;min-width:58px;justify-content:center;position:absolute;left:0;top:-54px;transform:translateX(calc(-50% + var(--off)));height:24px;padding:0 10px;display:flex;align-items:center;border-radius:12px;background:#141414;border:1px solid rgba(255,255,255,.3);color:#fff;font-weight:700;font-size:12px;letter-spacing:0;white-space:nowrap;font-variant-numeric:tabular-nums}
.gr-page .dtl-pill::after{content:"";position:absolute;left:50%;bottom:-5px;width:8px;height:8px;margin-left:calc(-4px - var(--off));background:#141414;border-right:1px solid rgba(255,255,255,.3);border-bottom:1px solid rgba(255,255,255,.3);transform:rotate(45deg);border-radius:0 0 2px 0}
@media (max-width:700px){
.gr-page .dtl{height:170px}
.gr-page .dtl-lab{max-width:25vw}
.gr-page .dtl-lab span{font-size:12px}
.gr-page .dtl-lab:not([data-d="1"]):not([data-d="30"]) span{display:none}
.gr-page .dtl-pill{font-size:12px}
}
.gr-page .faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(30px,5vw,80px);align-items:start}
.gr-page .faq-grid .h2{position:sticky;top:110px}
.gr-page details{border-top:1px solid rgba(10,10,10,.16)}
.gr-page details:last-child{border-bottom:1px solid rgba(10,10,10,.16)}
.gr-page summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:25px 0;font-weight:700;font-size:clamp(17px,1.4vw,19px);letter-spacing:-.01em}
.gr-page summary::-webkit-details-marker{display:none}
.gr-page summary::after{content:"";flex:0 0 32px;height:32px;border-radius:50%;border:2px solid var(--ink);box-sizing:border-box;background:linear-gradient(var(--ink),var(--ink)) center/12px 2px no-repeat,linear-gradient(var(--ink),var(--ink)) center/2px 12px no-repeat;transition:background-size .35s var(--ease)}
.gr-page details[open]:not(.is-closing) summary::after{background-size:12px 2px,2px 0}
.gr-page .acc{overflow:hidden}
.gr-page details p{padding:0 56px 24px 0;max-width:58ch;color:var(--mute)}
@media (max-width:860px){
.gr-page .faq-grid{grid-template-columns:1fr}
.gr-page .faq-grid .h2{position:static}
}
.gr-page .work{flex:0 0 clamp(260px,28vw,400px);scroll-snap-align:start}
.gr-page .work .ph{display:block;aspect-ratio:4/3;overflow:hidden;border-radius:var(--r);background:#e4e4e4}
.gr-page .work img{display:block;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}
.gr-page .work h3{font-size:20px;margin-top:14px;letter-spacing:-.03em;font-weight:700}
.gr-page .work-a{display:block;color:inherit;text-decoration:none;-webkit-user-drag:none;border-radius:var(--r);transition:transform .45s var(--ease)}
.gr-page .work .ph{position:relative;transition:box-shadow .45s var(--ease)}
.gr-page .work .ph::after{content:"";position:absolute;inset:0;background:rgba(10,10,10,.16);opacity:0;transition:opacity .4s var(--ease);pointer-events:none}
@media (hover:hover){
.gr-page .work-a:hover,.gr-page .work-a:focus-visible{transform:translateY(-6px)}
.gr-page .work-a:hover .ph,.gr-page .work-a:focus-visible .ph{box-shadow:0 22px 40px -22px rgba(0,0,0,.4)}
.gr-page .work-a:hover .ph::after,.gr-page .work-a:focus-visible .ph::after{opacity:1}
}
.gr-page .work-a:focus-visible{outline:2px solid var(--ink);outline-offset:6px}
.gr-page .work h3{display:flex;justify-content:space-between;align-items:center;gap:10px;position:relative;padding-bottom:12px}
.gr-page .work h3 .ar{display:none;flex:none;width:18px;height:18px;margin:-2px -2px -2px 0}
@media (hover:hover){
.gr-page .work h3::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:var(--ink);transform:scaleX(0);transform-origin:left center;transition:transform .5s cubic-bezier(.22,.61,.36,1)}
.gr-page .work h3 .ar{display:block;opacity:0;transform:translateX(-6px);transition:opacity .35s ease,transform .45s cubic-bezier(.22,.61,.36,1)}
.gr-page .work-a:hover h3::after,.gr-page .work-a:focus-visible h3::after{transform:scaleX(1)}
.gr-page .work-a:hover h3 .ar,.gr-page .work-a:focus-visible h3 .ar{opacity:1;transform:none}
}
.gr-page #rail{padding-block:12px 30px;margin-block:-12px -30px}
.gr-page .start .contact{display:grid;grid-template-columns:5fr 7fr;gap:clamp(36px,6vw,100px);align-items:center}
.gr-page .start .lede{margin-top:22px;font-size:17px;max-width:34ch}
.gr-page .holder{background:#111;border-radius:10px;padding:clamp(24px,3.6vw,50px);border:1px solid var(--bd-d)}
.gr-page .tagp{display:inline-block;padding:6px 12px;border-radius:999px;background:rgba(231,250,71,.12);color:var(--lime);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:26px}
.gr-page .grid2{display:grid;grid-template-columns:1fr 1fr;gap:30px 14px}
.gr-page .fg{display:flex;flex-direction:column;gap:6px;min-width:0}
.gr-page .fg.full{grid-column:1/-1}
.gr-page .fg label{font-size:12px;font-weight:500;line-height:140%;letter-spacing:.04em;color:#fff}
.gr-page .fg input{width:100%;height:40px;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:4px;color:#fff;font:inherit;font-weight:500;font-size:14px;line-height:140%;letter-spacing:.04em;padding:10px 16px;outline:0;transition:border-color .2s,background-color .2s,box-shadow .2s}
.gr-page .fg input::placeholder{color:rgba(255,255,255,.35);opacity:1}
.gr-page .fg input:hover:not(:disabled){background:#252525;border-color:#888}
.gr-page .fg input:active:not(:disabled){background:#2a2a2a;border-color:#bbb}
.gr-page .fg input:focus:not(:disabled){border-color:#fff;box-shadow:0 0 0 3px rgba(242,242,242,.12)}
.gr-page .fg input:disabled{cursor:not-allowed;opacity:.7}
.gr-page .submit-row{margin-top:28px}
.gr-page fieldset.fg{border:0;margin:0;padding:0}
.gr-page .refq legend{padding:0;margin-bottom:6px;font-size:12px;font-weight:500;line-height:140%;letter-spacing:.04em;color:#fff}
.gr-page .seg{display:inline-flex;padding:3px;gap:3px;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:6px;align-self:flex-start;position:relative}
.gr-page .seg input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
.gr-page .seg .wpcf7-list-item-label{display:inline-flex;align-items:center;justify-content:center;min-width:76px;height:32px;padding:0 18px;border-radius:4px;font-size:14px;font-weight:500;letter-spacing:.04em;color:#a8a8a8;cursor:pointer;transition:background-color .25s,color .25s;user-select:none}
.gr-page .seg .wpcf7-list-item-label:hover{color:#fff}
.gr-page .seg input:checked+.wpcf7-list-item-label{background:#fff;color:var(--ink)}
.gr-page .seg input:focus-visible+.wpcf7-list-item-label{outline:2px solid var(--lime);outline-offset:2px}
.gr-page .refq{gap:0}
.gr-page .reveal{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s var(--ease)}
.gr-page .reveal-in{overflow:hidden;min-height:0;opacity:0;transition:opacity .3s}
.gr-page .reveal.open{grid-template-rows:1fr}
.gr-page .reveal.open .reveal-in{opacity:1;transition-delay:.12s}
.gr-page .reveal .fg{padding:30px 4px 4px;margin:0 -4px -4px}
@media (max-width:1024px){
.gr-page .fg input{height:44px}
}
@media (max-width:900px){
.gr-page .seg .wpcf7-list-item-label{height:40px;min-width:84px}
}
@media (prefers-reduced-motion:reduce){
.gr-page .reveal,.gr-page .reveal-in,.gr-page .seg .wpcf7-list-item-label{transition:none}
}
.gr-page .disc{margin-top:14px;font-size:13px;line-height:1.5;color:#9a9a9a}
@media (max-width:900px){
.gr-page .disc{font-size:14px}
}
.gr-page .done{display:none;padding:10px 0}
.gr-page .done h3{font-weight:700;font-size:34px;letter-spacing:-.03em}
.gr-page .done p{margin-top:8px;color:#aaa}
.gr-page .done .btn{margin-top:24px}
.gr-page .holder.sent form,.gr-page .holder.sent .tagp{display:none}
.gr-page .holder.sent .done{display:block}
@media (max-width:860px){
.gr-page .start .contact{grid-template-columns:1fr;align-items:start}
}
@media (max-width:560px){
.gr-page .grid2{grid-template-columns:1fr}
}
.gr-page .pill-short{display:none}
@media (max-width:520px){
.gr-page .pill-full{display:none}
.gr-page .pill-short{display:inline}
.gr-page .pill{gap:9px;padding:7px 14px;font-size:13px;white-space:nowrap}
}
@media (max-width:520px){
.gr-page .hero .cta{flex-direction:column;align-items:center}
.gr-page .hero .cta .btn{width:100%;max-width:340px;justify-content:center}
}
@media (max-width:700px){
.gr-page .sec,.gr-page .glance{padding-top:64px;padding-bottom:64px}
.gr-page .quote{padding-top:88px;padding-bottom:88px}
.gr-page .lose{padding-top:80px;padding-bottom:80px}
.gr-page .sticky-cta .btn{padding:0 22px}
}
@media (max-width:400px){
.gr-page .hero h1{font-size:38px}
.gr-page .pill{font-size:13px;padding:7px 14px}
}
@media (max-width:700px) and (max-height:700px){
.gr-page .hero{padding-top:34px}
.gr-page .hero .lede{margin-top:12px}
.gr-page .hero .cta{margin-top:16px}
}
@media (max-width:900px){
.gr-page #start label,.gr-page .refq legend{font-size:14px}
.gr-page .mv-out span,.gr-page .stage-out span{font-size:11px}
.gr-page .qt-by span{font-size:14px}
}
@media (max-height:520px) and (orientation:landscape){
.gr-page .hero{padding-top:28px}
.gr-page .hero-copy{padding:6px 0}
.gr-page .hero h1{margin-top:12px;font-size:clamp(34px,10svh,52px);line-height:1}
.gr-page .hero .lede{margin-top:8px;font-size:15px;line-height:1.4}
.gr-page .hero .cta{margin-top:14px}
.gr-page .hero .btn{height:44px;padding:0 22px}
}
@media (max-width:1024px){
.gr-page input,.gr-page select,.gr-page textarea{font-size:16px!important}
}
@media (min-width:701px) and (max-width:900px){
.gr-page .gl-weeks small{font-size:9.5px;letter-spacing:.05em}
}
.gr-page a,.gr-page button,.gr-page summary{touch-action:manipulation}
@media (max-width:600px){
.gr-page .stories .head .row,.gr-page #work .head .row{flex-direction:column!important;align-items:flex-start!important;gap:20px!important}
}
.gr-page .sticky-cta{position:fixed;left:12px;right:12px;bottom:12px;z-index:70;display:none;transform:translateY(140%);transition:transform .5s var(--ease)}
.gr-page .sticky-cta.show{transform:none}
.gr-page .sticky-cta .btn{width:100%;justify-content:center;box-shadow:0 12px 40px rgba(0,0,0,.35)}
@media (max-width:760px){
.gr-page .sticky-cta{display:block}
}
@media (max-width:600px){
    .gr-page .hero .spot {
        transform: unset !important;
        height: 100%;
        width: 100%;
    }
    .gr-page .hero {
        position: relative;
    }
    #top {
        display: none !important;
        pointer-events: none !important;
    }
}
@media (prefers-reduced-motion:reduce){
.gr-page *,.gr-page *::before,.gr-page *::after{transition-duration:.01ms!important;animation-duration:.01ms!important}
.gr-page .reach i{transform:none}
}


/* Contact Form 7 markup inside the start form ("Growth Roadmap Form") */
.gr-page .gr-form .wpcf7-form-control-wrap{display:block}
.gr-page .seg .wpcf7-form-control-wrap,.gr-page .seg .wpcf7-radio{display:contents}
.gr-page .seg .wpcf7-list-item{display:block;margin:0}
.gr-page .seg .wpcf7-list-item>label{display:block;margin:0;padding:0;cursor:pointer}
.gr-page .submit-row .btn{-webkit-appearance:none;appearance:none}
.gr-page .gr-form .wpcf7-spinner{display:none}
/* CF7's own validation tips and response line (styled site-wide in main.css) */
.gr-page .gr-form .fg input.wpcf7-not-valid{border-color:#EF4444}
.gr-page .wpcf7 form .wpcf7-response-output{margin-top:16px!important}
.gr-page .wpcf7 form.sent .wpcf7-response-output{display:none}

/* the landing page's program-terms line in the site footer */
.site-footer .footer-fine{margin:40px 0 0;max-width:92ch;font-size:12px;line-height:18px;letter-spacing:.05em;color:#8D8D8D}
.site-footer .footer-fine a{color:#9a9a9a;text-decoration:underline;text-underline-offset:2px;transition:color .25s}
.site-footer .footer-fine a:hover{color:#fff}
@media (max-width:767px){.site-footer .footer-fine{text-align:center}}