@font-face{font-family:"Inter Tight";src:url(fonts/inter-tight.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
:root{--ink:#111111;--w:#ffffff;--o:#FF6B00;--o2:#e86100;--grey:#f5f5f5;--line:#e4e4e4;--mut:#555555;--mutd:#b5b5b5;--lined:#2c2c2c;
--sans:"Inter Tight",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;--r:12px}
*{box-sizing:border-box;margin:0;padding:0}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-padding-top:76px}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{font-family:var(--sans);color:var(--ink);background:var(--w);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{text-decoration-color:var(--o)}
sup{font-size:.55em;line-height:0;margin-left:1px}
:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:6px}
.sec--dark :focus-visible,.contact :focus-visible{outline-color:var(--w)}
.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:var(--w);padding:10px 14px;border-radius:8px;z-index:100;font-weight:700;text-decoration:none}
.skip:focus{left:8px}
.wrap{width:100%;max-width:1160px;margin:0 auto;padding:0 20px}
.narrow{max-width:820px}
h1,h2,h3{font-weight:680;letter-spacing:-.025em;line-height:1.08;text-wrap:balance}
h2{font-size:clamp(30px,6.6vw,50px);max-width:20ch;margin-bottom:20px}
h3{font-size:20px;letter-spacing:-.015em;line-height:1.25}
.kick{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--mut);margin-bottom:14px;display:flex;align-items:center;gap:10px}
.kick::before{content:"";width:20px;height:2px;background:var(--o)}
.kick--dark{color:var(--mutd)}
.lede{font-size:19px;color:var(--mut);max-width:56ch;margin-bottom:36px}
.sec{padding:80px 0}
.sec--grey{background:var(--grey)}
.sec--dark{background:var(--ink);color:var(--w)}
.sec--dark .lede{color:var(--mutd)}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font:inherit;font-weight:650;font-size:16px;text-decoration:none;border-radius:10px;padding:13px 20px;min-height:48px;border:1.5px solid transparent;line-height:1.15;text-align:center;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s}
.btn--orange{background:var(--o);color:var(--ink)}
.btn--orange:hover{background:var(--o2)}
.btn--dark{background:var(--ink);color:var(--w)}
.btn--dark:hover{background:#333}
.btn--line{border-color:var(--ink);color:var(--ink);background:transparent}
.btn--line:hover{background:var(--ink);color:var(--w)}
.btn--ghost{border-color:rgba(255,255,255,.55);color:var(--w);background:transparent}
.btn--ghost:hover{border-color:var(--w);background:rgba(255,255,255,.08)}
.btn--lg{font-size:17px;padding:16px 24px;min-height:56px}
.btn--sm{padding:8px 14px;min-height:40px;font-size:14px}
.btn--block{display:flex;width:100%}
.btn:disabled{opacity:.6;cursor:wait}
.linkbtn{background:none;border:0;font:inherit;color:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:0}

/* nav */
.nav{position:sticky;top:0;z-index:50;background:var(--w);border-bottom:1px solid var(--line)}
.nav__in{display:flex;align-items:center;justify-content:space-between;gap:14px;height:64px}
.brand{text-decoration:none;display:flex;align-items:baseline;gap:8px;white-space:nowrap;min-width:0}
.brand__name{font-weight:750;letter-spacing:-.01em;font-size:16px}
.brand__sep{color:var(--o);font-weight:400}
.brand__sub{font-size:15px;color:var(--mut);font-weight:500}
.nav__links{display:none;gap:28px;font-size:15px}
.nav__links a{text-decoration:none;color:var(--mut)}
.nav__links a:hover{color:var(--ink)}
@media (max-width:440px){.brand{flex-direction:column;gap:0;line-height:1.15}.brand__sep{display:none}.brand__name{font-size:15px}.brand__sub{font-size:13px}.nav .btn--sm{font-size:13px;padding:8px 12px}}
@media (min-width:1000px){.nav__links{display:flex}}

/* hero */
.hero{padding:40px 0 72px}
.hero__grid{display:grid;gap:44px;align-items:start}
.eyebrow{font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--mut);margin-bottom:18px}
.eyebrow sup{font-size:.7em}
.hero h1{font-size:clamp(36px,9.2vw,66px);letter-spacing:-.035em;line-height:1.02;max-width:17ch;margin-bottom:20px}
.hero__sub{font-size:19px;color:#333;max-width:46ch;margin-bottom:22px}
.byline{display:flex;align-items:center;gap:12px;margin-bottom:26px;max-width:46ch}
.byline picture{flex:none}
.byline img{width:48px;height:48px;border-radius:50%;object-fit:cover;flex:none}
.byline p{font-size:14.5px;line-height:1.4;color:var(--mut)}
.byline b{color:var(--ink)}
.hero__ctas{display:flex;flex-direction:column;gap:12px;margin-bottom:28px}
.hero__quote{border-left:3px solid var(--o);padding:2px 0 2px 16px;max-width:46ch}
.hero__quote blockquote{font-size:16px;line-height:1.45;font-weight:550}
.hero__quote figcaption{font-size:14px;color:var(--mut);margin-top:6px}
.hero__quote figcaption b{color:var(--ink)}
@media (min-width:560px){.hero__ctas{flex-direction:row;flex-wrap:wrap}}
@media (min-width:1000px){.hero{padding:56px 0 88px}.hero__grid{grid-template-columns:1.15fr .85fr;gap:56px}.hero h1{font-size:clamp(44px,4.6vw,58px);max-width:19ch}.hero__sub{font-size:19.5px}.flow{padding:20px 18px 16px}.flow__step{padding:12px 14px}}

/* flow visual */
.flow{border:1px solid var(--line);border-radius:16px;padding:22px 20px 18px;background:var(--w)}
.flow__cap{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mut);margin-bottom:14px}
.flow__list{list-style:none}
.flow__step{display:grid;grid-template-columns:44px 1fr;gap:12px;padding:14px;border-radius:10px;background:var(--grey)}
.flow__step b{display:block;font-size:16px;font-weight:680;margin-bottom:4px}
.flow__step b .tag{margin-left:6px;vertical-align:2px}
.flow__step div>span{display:block;font-size:15px;color:#3a3a3a;line-height:1.4;margin-bottom:8px}
.flow__n{font-size:13px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;width:32px;height:32px;border-radius:50%;border:1.5px solid var(--ink);display:flex;align-items:center;justify-content:center}
.flow__arrow{width:60px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--o);font-weight:700;font-size:22px;line-height:1}
.flow__arrow span{display:inline-block;transform:rotate(90deg)}
.tag{display:inline-block;font-style:normal;font-size:12px;font-weight:650;letter-spacing:.02em;padding:3px 8px;border-radius:6px;margin:0 4px 2px 0;white-space:nowrap}
.tag--demo{background:var(--ink);color:var(--w)}
.tag--build{background:var(--w);color:var(--ink);border:1px solid #767676}
.flow__note{font-size:13px;color:var(--mut);line-height:1.45;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}
.flow__note b{color:var(--ink)}

/* problem */
.probs{list-style:none;display:grid;gap:14px;margin-top:12px}
.probs li{background:var(--w);border-radius:var(--r);padding:24px 22px;border:1px solid var(--line)}
.probs__n{display:block;font-size:13px;font-weight:700;color:var(--mut);margin-bottom:12px}
.probs__n::after{content:"";display:block;width:24px;height:2px;background:var(--o);margin-top:8px}
.probs h3{margin-bottom:8px}
.probs p{color:var(--mut);font-size:16px}
@media (min-width:860px){.probs{grid-template-columns:repeat(3,1fr);gap:20px}}

/* lead responder */
.lr{display:grid;gap:32px;margin-bottom:40px}
.lr__shot{margin:0}
.lr__shot img{border:1px solid var(--line);border-radius:var(--r);width:100%}
.lr__shot figcaption{font-size:13.5px;color:var(--mut);margin-top:10px;line-height:1.45}
.lr__h{margin-bottom:14px}
.lr__steps{counter-reset:s;list-style:none;margin-bottom:26px}
.lr__steps li{counter-increment:s;position:relative;padding:0 0 14px 40px;font-size:16.5px;color:#333}
.lr__steps li::before{content:counter(s);position:absolute;left:0;top:0;width:26px;height:26px;border-radius:50%;background:var(--o);color:var(--ink);font-size:13px;font-weight:750;display:flex;align-items:center;justify-content:center}
.lr__steps b{color:var(--ink)}
@media (max-width:700px){.lr__shot img{max-width:380px;margin:0 auto}}
@media (min-width:1000px){.lr{grid-template-columns:1.35fr .65fr;align-items:start;gap:48px}}
.status{display:grid;gap:12px}
.status__col{border:1px solid var(--line);border-radius:var(--r);padding:20px}
.status__k{font-size:16px;display:flex;align-items:center;gap:10px;margin-bottom:8px}
.status__col p{font-size:15px;color:var(--mut)}
.dot{width:10px;height:10px;border-radius:50%;flex:none}
.dot--o{background:var(--o)}.dot--k{background:var(--ink)}.dot--g{background:var(--w);border:2px solid #8a8a8a}
@media (min-width:860px){.status{grid-template-columns:repeat(3,1fr);gap:16px}}

/* services */
.svc__ans{font-size:19px;line-height:1.5;color:var(--mutd);max-width:62ch;margin-bottom:22px}
.svc__usp{font-size:clamp(22px,4.6vw,30px);font-weight:650;letter-spacing:-.02em;line-height:1.22;max-width:30ch;margin-bottom:40px;padding-left:16px;border-left:3px solid var(--o);text-wrap:balance}
.svc__ans b{color:var(--w);font-weight:650}
.svc{display:grid;gap:14px}
.svc__i{border:1px solid var(--lined);border-radius:var(--r);padding:26px 22px;display:flex;flex-direction:column}
.svc__top{display:flex;align-items:center;gap:10px;margin-bottom:18px;color:var(--o)}
.svc__ico{flex:none}
.svc__l{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);background:var(--o);border-radius:999px;padding:5px 10px;line-height:1}
.svc__i h3{font-size:15px;font-weight:700;letter-spacing:.02em;color:var(--mutd);margin-bottom:8px}
.svc__out{font-size:24px;font-weight:680;letter-spacing:-.02em;line-height:1.18;margin-bottom:12px;text-wrap:balance}
.svc__p{color:var(--mutd);font-size:16px;margin-bottom:18px}
.svc__k{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--mutd);margin-bottom:8px}
.svc__i ul{list-style:none;border-top:1px solid var(--lined);padding-top:10px;margin-bottom:18px}
.svc__i li{font-size:15px;padding:5px 0 5px 18px;position:relative}
.svc__i li::before{content:"";position:absolute;left:0;top:15px;width:8px;height:2px;background:var(--o)}
.svc__for{font-size:15px;color:var(--mutd);margin-bottom:18px}
.svc__for b{color:var(--w)}
.svc__go{margin-top:auto;font-weight:650;font-size:16px;color:var(--w);text-decoration:underline;text-decoration-color:var(--o);text-underline-offset:5px}
.svc__go span{color:var(--o)}
/* the lead card: inverted, white on the dark section */
.svc__i--lead{background:var(--w);color:var(--ink);border-color:var(--w)}
.svc__i--lead h3{color:var(--mut)}
.svc__i--lead .svc__out{font-size:clamp(28px,6.4vw,42px);max-width:24ch}
.svc__out span{display:block;font-size:18px;font-weight:600;letter-spacing:-.01em;line-height:1.35;color:var(--ink);margin-top:10px}
.svc__i--lead .svc__p,.svc__i--lead .svc__k{color:var(--mut)}
.svc__i--lead ul{border-top-color:var(--line)}
.svc__seg li b{font-weight:680}
.svc__live{font-size:15px;color:var(--mut);background:var(--grey);border-radius:10px;padding:14px 16px;margin-bottom:18px}
.svc__live b{color:var(--ink)}
.svc__i--lead .btn{align-self:flex-start}
.svc__human{border-top:1px solid var(--lined);margin-top:48px;padding-top:36px;max-width:820px}
.svc__hk{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--o);margin-bottom:12px}
.svc__hq{font-size:clamp(24px,5vw,34px);font-weight:680;letter-spacing:-.02em;line-height:1.18;margin-bottom:14px;text-wrap:balance}
.svc__hs{color:var(--mutd);font-size:17px;max-width:60ch}
.svc__qa{display:grid;gap:22px;margin-top:44px}
.svc__q h3{font-size:18px;margin-bottom:6px}
.svc__q p{color:var(--mutd);font-size:16px}
.svc__tools{margin-top:36px;color:var(--mutd);font-size:15px}
@media (min-width:860px){.svc{grid-template-columns:1fr 1fr;gap:18px}.svc__i--lead{grid-column:1/-1;padding:40px}.svc__cols{display:grid;grid-template-columns:1fr 1.25fr;gap:36px}.svc__qa{grid-template-columns:repeat(3,1fr);gap:28px}}

/* about */
.about{display:grid;gap:32px;align-items:start}
.about__photo img{border-radius:var(--r);width:100%;max-width:340px;aspect-ratio:4/5;object-fit:cover}
.about__copy>p{font-size:18px;color:#333;max-width:58ch;margin-bottom:14px}
.about__copy>p.about__big{font-size:clamp(22px,4.4vw,28px);font-weight:650;color:var(--ink);letter-spacing:-.015em;line-height:1.25;margin:22px 0 26px;max-width:28ch}
.facts{border-top:1px solid #d9d9d9}
.facts div{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:11px 0;border-bottom:1px solid #d9d9d9;font-size:15.5px}
.facts dt{font-weight:650}
.facts dd{color:#333}
@media (min-width:900px){.about{grid-template-columns:.8fr 1.2fr;gap:64px}.about__photo img{max-width:420px}}

/* how */
.steps{list-style:none;display:grid;gap:0;border-top:1px solid var(--line);margin-top:8px}
.steps li{display:grid;grid-template-columns:52px 1fr;column-gap:12px;padding:22px 0;border-bottom:1px solid var(--line)}
.steps__n{grid-row:span 2;font-size:15px;font-weight:750;color:var(--ink);padding-top:3px}
.steps__n::after{content:"";display:block;width:20px;height:2px;background:var(--o);margin-top:8px}
.steps h3{margin-bottom:6px}
.steps p{color:var(--mut);font-size:16px;max-width:60ch}
.how__note{margin-top:26px;font-size:16px;color:#333;max-width:70ch;background:var(--grey);border-radius:var(--r);padding:18px 20px}
@media (min-width:900px){.steps{grid-template-columns:repeat(4,1fr);border-top:0;gap:24px}.steps li{display:block;border-bottom:0;border-top:2px solid var(--ink);padding:20px 0 0}.steps__n{display:block;margin-bottom:14px}}

/* proof */
.nums{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:36px}
.nums li{background:var(--w);border-radius:var(--r);padding:20px 18px;border:1px solid var(--line)}
.nums b{display:block;font-size:clamp(28px,7vw,40px);font-weight:720;letter-spacing:-.03em;line-height:1;margin-bottom:8px}
.nums b::after{content:"";display:block;width:22px;height:3px;background:var(--o);margin-top:10px}
.nums span{display:block;font-size:15px;line-height:1.35}
.nums small{display:block;font-size:13px;color:var(--mut);margin-top:6px}
@media (min-width:900px){.nums{grid-template-columns:repeat(4,1fr);gap:16px}}
.quote{margin:0}
.quote--long{background:var(--w);border-radius:16px;padding:28px 24px;border:1px solid var(--line);margin-bottom:36px}
.quote--long blockquote{font-size:clamp(18px,2.4vw,22px);line-height:1.5;font-weight:500;letter-spacing:-.01em;max-width:68ch;margin-bottom:18px}
.quote figcaption{font-size:15px;color:var(--mut)}
.quote figcaption b{color:var(--ink)}
.quote__m{display:block;font-size:14px;margin-top:4px}
.cards{display:grid;gap:16px}
.card{background:var(--w);border-radius:var(--r);border:1px solid var(--line);overflow:hidden;display:flex;flex-direction:column}
.card__media{margin:0;aspect-ratio:16/10;background:var(--grey);overflow:hidden}
.card__media img{width:100%;height:100%;object-fit:cover}
.card__media--type{background:var(--ink);color:var(--w);display:flex;flex-direction:column;align-items:center;justify-content:center}
.card__media--type span{font-size:64px;font-weight:720;letter-spacing:-.04em;line-height:1}
.card__media--type small{font-size:14px;color:var(--mutd);margin-top:8px;letter-spacing:.08em;text-transform:uppercase}
.card__body{padding:20px;display:flex;flex-direction:column;gap:8px;flex:1}
.card__k{font-size:13px;color:var(--mut);font-weight:600}
.card__body p{font-size:15.5px}
.card__q{font-size:16px;line-height:1.45;font-weight:500;border-left:3px solid var(--o);padding-left:12px;margin:4px 0}
.card__by{font-size:14px!important;color:var(--mut)}
.card__by b{color:var(--ink)}
.card__go{margin-top:auto;padding-top:6px;font-weight:650;font-size:15px;text-decoration:none}
.card__go:hover{text-decoration:underline}
.more{margin-top:22px;font-size:15px;color:var(--mut)}
@media (min-width:900px){.cards{grid-template-columns:repeat(3,1fr);gap:18px}}

/* contact */
.contact__grid{display:grid;gap:36px}
.contact h2{color:var(--w)}
.contact__p{font-size:18px;color:#d6d6d6;max-width:48ch;margin-bottom:22px}
.contact__how{list-style:none;border-top:1px solid var(--lined);margin-bottom:20px}
.contact__how li{padding:10px 0 10px 18px;border-bottom:1px solid var(--lined);font-size:15.5px;color:#d6d6d6;position:relative}
.contact__how li::before{content:"";position:absolute;left:0;top:21px;width:8px;height:2px;background:var(--o)}
.contact__alt{font-size:15px;color:var(--mutd)}
.contact__alt a{color:var(--w)}
.contact__wa{font-size:16px;color:#e6e6e6;margin:0 0 10px}
.contact__wa a{color:var(--w);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.form{background:var(--w);color:var(--ink);border-radius:16px;padding:24px 20px}
.field{margin-bottom:16px}
.field label{display:block;font-weight:650;font-size:15px;margin-bottom:6px}
.field input,.field textarea{width:100%;font:inherit;font-size:16px;color:var(--ink);background:var(--w);border:1.5px solid #8f8f8f;border-radius:10px;padding:12px 14px;min-height:48px}
.field textarea{resize:vertical;min-height:110px;line-height:1.45}
.field input:focus-visible,.field textarea:focus-visible{outline:3px solid var(--ink);outline-offset:1px;border-color:var(--ink)}
.field [aria-invalid="true"]{border-color:#b42318;background:#fffafa}
.field__hint{font-size:13.5px;color:var(--mut);margin-top:6px}
.field__err{font-size:14px;color:#b42318;font-weight:600;margin-top:6px}
.form__btns{display:flex;flex-direction:column;gap:10px;margin-top:6px}
.form .btn--ghost{border-color:var(--ink);color:var(--ink)}
.form .btn--ghost:hover{background:var(--ink);color:var(--w)}
.form :focus-visible{outline-color:var(--ink)}
.form__status{margin-top:16px;font-size:15px;line-height:1.5;background:var(--grey);border-left:3px solid var(--o);border-radius:8px;padding:14px 16px}
.form__status:focus{outline:none}
.form__privacy{margin-top:16px;font-size:13.5px;color:var(--mut);line-height:1.5}
@media (min-width:560px){.form__btns{flex-direction:row}.form__btns .btn{flex:1}}
@media (min-width:960px){.contact__grid{grid-template-columns:.95fr 1.05fr;gap:64px;align-items:start}.form{padding:32px}}

/* faq */
.faq{border-top:1px solid var(--line)}
.faq__i{border-bottom:1px solid var(--line)}
.faq__i summary{list-style:none;cursor:pointer;padding:20px 40px 20px 0;font-weight:650;font-size:18px;position:relative;line-height:1.35}
.faq__i summary::-webkit-details-marker{display:none}
.faq__i summary::after{content:"+";position:absolute;right:4px;top:16px;font-size:26px;font-weight:400;color:var(--ink)}
.faq__i[open] summary::after{content:"\2212"}
.faq__i p{padding:0 0 22px;color:#333;font-size:16.5px;max-width:68ch}

/* free */
.free{display:grid;gap:16px}
.nl{background:var(--w);border:1px solid var(--line);border-radius:var(--r);padding:24px 22px}
.nl__k{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mut);margin-bottom:8px}
.nl__h{font-size:24px;margin-bottom:8px}
.nl__p{font-size:16px;color:#333;margin-bottom:8px}
.nl__meta{font-size:14px;color:var(--mut);margin-bottom:18px}
.fold{background:var(--w);border:1px solid var(--line);border-radius:var(--r)}
.fold__s{list-style:none;cursor:pointer;padding:24px 50px 24px 22px;font-weight:680;font-size:19px;line-height:1.3;position:relative}
.fold__s::-webkit-details-marker{display:none}
.fold__s::after{content:"+";position:absolute;right:20px;top:22px;font-size:26px;font-weight:400}
.fold[open] .fold__s::after{content:"\2212"}
.fold__k{display:block;font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mut);margin-bottom:6px}
.fold__b{padding:0 22px 24px}
.fold__lede{color:var(--mut);font-size:15.5px;margin-bottom:14px}
.checks{list-style:none;display:grid;gap:8px}
.check label{display:grid;grid-template-columns:26px 30px 1fr;gap:8px;align-items:start;padding:14px;border:1px solid var(--line);border-radius:10px;cursor:pointer}
.check input{position:absolute;opacity:0;width:1px;height:1px}
.check__box{width:22px;height:22px;border:2px solid var(--ink);border-radius:6px;margin-top:1px}
.check input:checked+.check__box{background:var(--o);border-color:var(--o)}
.check input:checked+.check__box::after{content:"";display:block;width:6px;height:11px;border:solid var(--ink);border-width:0 2.5px 2.5px 0;transform:translate(6px,2px) rotate(45deg)}
.check input:focus-visible+.check__box{outline:3px solid var(--ink);outline-offset:2px}
.check__n{font-size:13px;font-weight:700;color:var(--mut);padding-top:2px}
.check__c{font-size:15px;color:#333;line-height:1.45}
.check__c b{display:block;color:var(--ink);font-size:16px;margin-bottom:2px}
.check__c a{color:var(--ink)}
.score{margin-top:16px;padding:18px;border-radius:10px;background:var(--grey);display:grid;gap:10px;justify-items:start}
.score__v{font-size:34px;font-weight:720;letter-spacing:-.03em;line-height:1}
.score__of{font-size:16px;font-weight:600;color:var(--mut);margin-left:4px;letter-spacing:0}
.score__msg{font-size:15.5px}
@media (min-width:900px){.free{grid-template-columns:.8fr 1.2fr;align-items:start;gap:20px}}

/* footer */
.foot{background:var(--ink);color:var(--w);padding:44px 0 40px;border-top:1px solid var(--lined)}
.foot__brand{font-weight:700;font-size:17px;margin-bottom:16px}
.foot__links{list-style:none;display:flex;flex-wrap:wrap;gap:6px 22px;margin-bottom:18px;font-size:15px}
.foot__links a{color:#e6e6e6}
.foot__small{font-size:13.5px;color:var(--mutd)}
.foot__small a{color:var(--mutd)}

/* sticky phone button */
.sticky{position:fixed;left:0;right:0;bottom:0;z-index:60;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:var(--w);border-top:1px solid var(--line);transform:translateY(110%);transition:transform .25s ease;visibility:hidden}
.sticky.is-on{transform:none;visibility:visible}
@media (min-width:900px){.sticky{display:none}}
@media (max-width:899px){.foot{padding-bottom:96px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}
.src{margin-top:22px;font-size:14px;color:var(--mut);max-width:80ch}
.src a{color:var(--ink)}
.nw{white-space:nowrap}
@media (max-width:560px){.nav .btn--line{display:none}}
@media (min-width:900px){.cards--2{grid-template-columns:repeat(2,1fr)}}

/* approved client cards (hidden until filled) */
.clients{margin-top:28px}
.clients__h{font-size:17px;font-weight:600;margin-bottom:12px}
.clients__grid{display:grid;gap:12px;grid-template-columns:1fr}
.client{background:var(--w);border:1px solid var(--line);border-radius:var(--r);padding:16px}
.client b{display:block;font-size:16px}
.client p{font-size:14.5px;color:var(--mut);margin-top:4px}
.client .client__k{font-size:13px;font-weight:600;margin-top:2px}
.client .client__l{font-size:14px;margin-top:8px}
.client .client__l a{color:inherit;text-decoration:underline;text-underline-offset:2px}
@media (min-width:700px){.clients__grid{grid-template-columns:repeat(3,1fr)}}

/* hero client types, Oucch block, offer, shop (14 Oct) */
.hero__who{margin-top:22px;font-size:15px;line-height:1.45;color:var(--mut);max-width:52ch}
.quote__k{font-size:13px;font-weight:600;color:var(--mut);margin-bottom:14px}
.quote__s{font-size:15px;line-height:1.5;margin:-4px 0 16px;max-width:60ch}
.nums--in{margin-bottom:24px}
.nums--in li{background:var(--grey);border:0}
.nums--in li:last-child{grid-column:1/-1}
@media (min-width:900px){.nums--in{grid-template-columns:repeat(3,1fr)}.nums--in li:last-child{grid-column:auto}}
.offer{display:grid;gap:16px;margin-top:8px}
.offer__main{border:1px solid var(--line);border-radius:16px;padding:26px 22px}
.offer__price{display:flex;align-items:baseline;gap:10px;margin-bottom:16px}
.offer__price b{font-size:clamp(34px,8vw,48px);font-weight:720;letter-spacing:-.03em;line-height:1}
.offer__price span{font-size:15px;color:var(--mut)}
.offer__list{list-style:none;margin:0 0 22px;padding:0;display:grid;gap:10px}
.offer__list li{font-size:16px;line-height:1.45;padding-left:18px;position:relative}
.offer__list li::before{content:"";position:absolute;left:0;top:.6em;width:7px;height:7px;border-radius:50%;background:var(--o)}
.offer__note{margin-top:12px;font-size:14px;color:var(--mut)}
.offer__alt{background:var(--grey);border-radius:16px;padding:22px 20px}
.offer__alt h3{font-size:17px;margin-bottom:8px}
.offer__alt p{font-size:15px;line-height:1.45;color:#333;margin-bottom:12px}
.offer__go{font-weight:600;color:var(--ink)}
@media (min-width:900px){.offer{grid-template-columns:1.6fr 1fr;align-items:start}.offer__main{padding:32px 30px}}
.shop{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:12px}
.shop__i{border:1px solid var(--line);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:6px}
.shop__i h3{font-size:17px}
.shop__i p{font-size:15px;color:#333;line-height:1.45}
.shop__p{font-weight:700}
.shop__go{font-weight:600;color:var(--ink);margin-top:4px}
@media (min-width:900px){.shop{grid-template-columns:repeat(3,1fr)}}

/* 14 Oct 2026: name inside the H1 for search and AI answers, styled as the old eyebrow */
.hero h1 .h1__role{display:block;letter-spacing:.08em}
.hero h1 .h1__by{display:block;font-size:12.5px;font-weight:700;letter-spacing:.14em;line-height:1.5;text-transform:uppercase;color:var(--mut);margin-bottom:18px;max-width:none}
.vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.clients__type{font-size:13px;font-weight:600;color:var(--mut);margin:-4px 0 10px}
.clients__note{font-size:15px;line-height:1.5;margin:0 0 14px;max-width:62ch}

/* 14 Oct 2026: Growth Leak Check entry points */
.free__col{display:grid;gap:16px;min-width:0}
/* a.lc, not .lc: the Growth Leak Check and Creator Leak Check pages use body.lc, which must not get this card frame (16 Oct 2026) */
a.lc{display:grid;gap:6px;padding:20px;border:2px solid var(--ink);border-radius:14px;background:var(--w);color:var(--ink);text-decoration:none}
a.lc:hover,a.lc:focus-visible{border-color:var(--o)}
.lc__k{font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--o2)}
.lc__t{font-size:22px;font-weight:750;line-height:1.2}
.lc__s{font-size:15.5px;color:var(--mut);line-height:1.45}
.lc__go{margin-top:6px;font-weight:700;color:var(--o2)}
.score__more{margin-top:12px;font-size:15px;color:var(--mut)}
.score__more a{color:var(--ink);font-weight:650}

/* legal 14 Oct 2026 */
.fine{margin-top:14px;font-size:13.5px;line-height:1.45;color:var(--mut)}
.foot__legal{margin-top:8px;font-size:13.5px;line-height:1.7;color:var(--mutd)}
.foot__legal a{color:var(--mutd)}
.quote + .fine{margin:14px 0 24px}

/* Profit first hero + who it is for + ladder (15 Oct 2026, Madhur's voice notes 2:06, 2:08, 2:10 PM; PREVIEW until his "live") */
.hero h1 .h1__money{display:block;font-style:normal;color:var(--o2);margin-top:6px}
.forw{padding:0 0 64px}
.forw__h{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--mut);margin-bottom:16px;max-width:none;display:flex;align-items:center;gap:10px}
.forw__h::before{content:"";width:20px;height:2px;background:var(--o)}
.forw__grid{display:grid;gap:14px}
.forw__box{background:var(--w);border:1px solid var(--line);border-radius:var(--r);padding:22px 22px 20px}
.forw__box h3{margin-bottom:12px}
.forw__box ul{list-style:none;display:grid;gap:8px}
.forw__box li{position:relative;padding-left:18px;font-size:17px;line-height:1.4;color:#222}
.forw__box li::before{content:"";position:absolute;left:0;top:.55em;width:7px;height:7px;border-radius:50%;background:var(--o)}
@media (min-width:760px){.forw__grid{grid-template-columns:1fr 1fr;gap:20px}}
.ladder{font-size:16px;line-height:1.5;color:#333;margin:-6px 0 22px;max-width:70ch}
.ladder b{color:var(--ink)}
.ladder a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--o);text-underline-offset:3px}
.forw__line{font-size:17px;line-height:1.4;font-weight:650;color:var(--ink);margin:-4px 0 12px}
.forw__box{display:flex;flex-direction:column}
.forw__box ul{margin-bottom:18px}
.forw__cta{margin-top:auto;align-self:flex-start}

/* Businesses first, creators below, stacked at every width, identical boxes (15 Oct 2026, Madhur's voice note 2:27 PM; PREVIEW until his "live") */
.forw__grid{grid-template-columns:1fr;grid-auto-rows:1fr;max-width:720px}
@media (min-width:760px){.forw__grid{grid-template-columns:1fr}}

/* USP line under the hero (Madhur, 3:59 PM Oct 15 2026) */
.hero__usp{font-size:15.5px;font-weight:600;color:#111;margin:0 0 22px;letter-spacing:-.005em}
/* Creator Leak Check button (15 Oct 2026): both who it is for buttons full width on phones, one line */
@media (max-width:600px){.forw__cta{align-self:stretch;padding-left:10px;padding-right:10px;gap:6px;font-size:15.5px;letter-spacing:-.01em}}
@media (max-width:389px){.forw__cta{font-size:14.5px;gap:5px;padding-left:8px;padding-right:8px}}
@media (max-width:370px){.forw__cta{min-height:62px}}

/* Why The Human Algorithm (15 Oct 2026, Madhur's voice note 4:21 PM; PREVIEW until his "live") */
.why{padding:8px 0 72px}
.why .wrap{max-width:760px}
.why__k{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--mut);margin-bottom:14px;display:flex;align-items:center;gap:10px}
.why__k::before{content:"";width:20px;height:2px;background:var(--o)}
.why__h{font-size:clamp(30px,7.6vw,52px);max-width:18ch;margin-bottom:18px}
.why__h em{font-style:normal;color:var(--o2,var(--o))}
.why__l{font-size:19px;line-height:1.45;color:#222;margin-bottom:6px;max-width:40ch}
.why__end{font-size:19px;line-height:1.45;font-weight:700;color:var(--ink);margin-top:14px}
/* gap fix v3 (15 Oct 2026) */
.hero__proof{font-size:16.5px;color:#333;margin:0 0 14px;max-width:46ch}.hero__proof b{color:var(--ink)}
.nav__txt{font-size:15px;font-weight:600;color:var(--ink);text-decoration:underline;text-decoration-color:var(--o);text-underline-offset:4px}
.qa{padding:8px 0 64px}.qa .wrap{max-width:760px}.qa__h{font-size:clamp(26px,6vw,40px);max-width:22ch;margin-bottom:14px}
.qa__a{font-size:18px;line-height:1.5;color:#222;max-width:58ch;margin-bottom:14px}.qa__go{font-weight:600;color:var(--ink);text-decoration-color:var(--o);text-underline-offset:4px}
.about__copy>p.about__tag{font-size:18px;font-weight:600;color:var(--ink);margin:-4px 0 16px}
.foot__place{margin:-10px 0 14px;font-size:14px;color:var(--mutd)}
.hero__copy{position:relative}.hero__ph{position:absolute;top:0;right:0;width:80px;height:100px}.hero__ph img{width:80px;height:100px;border-radius:14px;object-fit:cover;display:block}
.hero h1 .h1__by{padding-right:96px;min-height:100px}
@media (min-width:1000px){.hero__ph,.hero__ph img{width:96px;height:120px}.hero h1 .h1__by{padding-right:112px;min-height:120px}}
.about__copy>p.about__vis{font-size:16px;color:var(--mut);margin:-8px 0 18px}.about__vis a{color:var(--ink);font-weight:600;text-decoration:underline;text-decoration-color:var(--o);text-underline-offset:3px;white-space:nowrap}

/* THE 3 LEAK FRAMEWORK (16 Oct 2026) */
.fw .wrap{max-width:900px}.fw__h{font-size:clamp(30px,7.2vw,48px);margin-bottom:12px}
.fw__lede{font-size:19px;line-height:1.45;color:#222;margin-bottom:22px;max-width:44ch}
.fw__list{list-style:none;display:grid;gap:14px;margin:0 0 28px;padding:0}
.fw__i{border:1px solid var(--line);border-radius:var(--r);padding:22px;background:var(--w)}
.fw__n{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--ink);color:var(--w);font-size:14px;font-weight:700;margin-bottom:12px}
.fw__i h3{margin-bottom:6px}
.fw__see{color:var(--mut);font-size:16px;margin-bottom:8px}
.fw__fix{font-size:16px;color:var(--ink)}.fw__fix b{color:var(--o2)}
.fw__qa{border-top:1px solid var(--line);padding-top:22px;margin-bottom:22px;max-width:62ch}
.fw__qa h3{font-size:20px;margin-bottom:8px}.fw__qa p{font-size:17px;line-height:1.5;color:#222}
.fw__urge{font-weight:700;font-size:18px;margin-bottom:14px}
@media (min-width:860px){.fw__list{grid-template-columns:repeat(3,1fr);gap:20px}}

/* 16 Oct 2026 master pass: first screen positioning, proof with scope */
.hero__micro{flex-basis:100%;font-size:14px;line-height:1.4;color:var(--mut);margin:2px 0 0}
.hero__tag{font-style:normal}
.nums--track{grid-template-columns:1fr 1fr;margin-bottom:14px}
.nums--track li:last-child{grid-column:1/-1}
.scope{font-size:13.5px;line-height:1.45;color:var(--mut);margin:0 0 24px;max-width:62ch}
.card__body .scope{margin:8px 0 12px}
@media (min-width:760px){.nums--track{grid-template-columns:repeat(3,1fr)}.nums--track li:last-child{grid-column:auto}}
.h1__by .h1__role:not(.h1__org){color:var(--ink)}

.svc__pain{font-weight:600;color:#e8590c;margin:0 0 8px;font-size:1rem}

/* 16 Oct 2026 short page pass (Madhur voice note 6:24 PM): less scroll, detail on tap. PREVIEW until his "live". */
@media (max-width:999px){.hero .flow{display:none}.hero{padding-bottom:48px}}
details.more{margin-top:18px;border-top:1px solid var(--line)}
details.more>summary{list-style:none;cursor:pointer;padding:14px 34px 14px 0;font-weight:650;font-size:15.5px;color:var(--ink);position:relative;line-height:1.35}
details.more>summary::-webkit-details-marker{display:none}
details.more>summary::after{content:"+";position:absolute;right:4px;top:11px;font-size:20px;font-weight:500;color:var(--o)}
details.more[open]>summary::after{content:"\2212"}
details.more>summary h3{display:inline;font:inherit;margin:0;color:inherit}
details.more>:not(summary){margin-top:6px}
.sec--dark details.more{border-top-color:var(--lined)}
.sec--dark details.more>summary{color:var(--w)}
.svc__i--lead details.more{border-top-color:var(--line)}
.svc__i--lead details.more>summary{color:var(--ink)}
.more--svc .svc__p,.more--svc .svc__for{font-size:15.5px;margin-bottom:12px}
.more--svc .svc__seg{margin-bottom:14px}
.svc__i .btn,.svc__i .svc__go{margin-top:6px}
.faq__i summary h3{display:inline;font:inherit;margin:0;letter-spacing:inherit}
.fw .fw__qa{margin-top:26px;max-width:62ch}
.fw .fw__qa p{font-size:16.5px;color:#333;padding-bottom:10px}
#lead-responder .qa{padding:0 0 26px;max-width:760px}
#lead-responder .qa__h{font-size:clamp(20px,4.6vw,26px);margin-bottom:10px}
.lr__copy .lr__h{font-size:17.5px;color:#333;margin-bottom:18px;max-width:46ch}
.lr__copy details .lr__steps{margin-top:10px}
.lr__copy details .status{margin-bottom:8px}
.about__copy>p.about__story{font-size:19px;color:var(--ink)}
.about__cta{margin-top:4px}
.about__more{max-width:62ch}
.about__more>p{font-size:16.5px;color:#333;margin-bottom:12px}
.more--proof{margin-top:30px}
.more--proof .r-cards{margin-top:14px}
@media (max-width:999px){.about__photo img{max-width:220px}}
@media (max-width:999px){.sec:not(.forw):not(.why):not(.qa){padding:60px 0}}
@media (max-width:699px){.lr__shot img{max-height:460px;object-fit:cover;object-position:top}}
.more--svc .svc__hs{font-size:15.5px;color:#333;margin-bottom:12px;max-width:none}

/* 16 Oct 2026 polish (Madhur voice note 6:49 PM): fewer empty gaps, proof strip, try card, about photo. PREVIEW until his "live". */
/* tighter section rhythm */
.sec{padding:64px 0}
@media (max-width:999px){.sec:not(.forw):not(.why):not(.qa){padding:48px 0}}
.sec--grey+.sec--grey{padding-top:0}
.sec--grey+.sec--grey>.wrap{border-top:1px solid var(--line);padding-top:48px}
@media (min-width:1000px){.hero{padding:48px 0 40px}}
@media (max-width:999px){.hero{padding-bottom:28px}}
/* proof strip under the hero */
.pstrip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--w);margin-bottom:40px}
.pstrip__list{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:0;padding-top:0;padding-bottom:0}
.pstrip__list li{font-size:14px;line-height:1.35;color:var(--mut);padding:14px 12px 14px 0}
.pstrip__list li:nth-child(n+3){border-top:1px solid var(--line)}
.pstrip__list li:nth-child(2n){padding-left:12px;border-left:1px solid var(--line)}
.pstrip__list b{display:block;color:var(--ink);font-weight:700;font-size:15px}
.pstrip__list a{color:inherit;text-decoration:none}
.pstrip__list a b{text-decoration:underline;text-decoration-color:var(--o);text-underline-offset:3px;text-decoration-thickness:1.5px}
@media (min-width:900px){.pstrip__list{grid-template-columns:repeat(4,1fr)}.pstrip__list li{padding:18px 20px;border-top:0!important;border-left:1px solid var(--line)}.pstrip__list li:first-child{border-left:0;padding-left:0}.pstrip__list b{font-size:16px}}
/* who it is for: still stacked and identical (his 2:27 PM rule), but full width on desktop with the list beside the heading */
.forw{padding-bottom:40px}
@media (max-width:899px){.forw__grid{grid-auto-rows:auto}.forw__box ul{margin-bottom:16px}}
@media (min-width:900px){.forw__grid{max-width:none}.forw__box{display:grid;grid-template-columns:1fr 1.25fr;column-gap:40px;align-items:start;padding:26px 28px}.forw__box h3,.forw__box .forw__line,.forw__box .forw__cta{grid-column:1}.forw__box ul{grid-column:2;grid-row:1/span 3;margin:4px 0 0}.forw__cta{margin-top:10px}}
/* why the human algorithm: aligned with the page, heading left and lines right on desktop */
.why{padding:8px 0 48px}
.why .wrap{max-width:1160px}
@media (min-width:900px){.why .wrap{display:grid;grid-template-columns:1fr 1fr;column-gap:56px;align-items:end}.why__k,.why__h{grid-column:1}.why__h{margin-bottom:0}.why__l,.why__end{grid-column:2}.why__k{grid-row:1}.why__h{grid-row:2/span 4}}
/* try it in 10 seconds */
.try{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;border:1px solid var(--lined);border-radius:16px;padding:20px 22px;margin:-16px 0 28px}
.try__k{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--o);margin-bottom:4px}
.try__l{font-size:18px;line-height:1.35;color:var(--w);font-weight:600;max-width:34ch}
.try__go{flex:0 0 auto}
@media (max-width:599px){.try__go{width:100%;justify-content:center}}
/* lead responder: copy sits beside the middle of the screenshot */
@media (min-width:1000px){.lr{align-items:center;margin-bottom:28px}}
/* about: smaller photo beside the heading on phones */
@media (max-width:899px){.about{display:block}.about__photo{float:left;width:108px;margin:4px 16px 6px 0}.about__photo img{max-width:108px}.about__cta,.about__more{clear:both}}
/* first fix: the safety box fills the right column on desktop */
@media (min-width:900px){.offer{grid-template-columns:1.6fr 1fr}.offer__main{grid-row:1/span 2}.offer .safe{margin:0;max-width:none;padding:22px 20px}.offer .safe__list{grid-template-columns:1fr}.offer .safe__list li:nth-child(2){border-top:1px solid #ebe6de}}
@media (max-width:899px){.offer .safe{margin-top:4px}}
/* shop: one product sits beside its heading on desktop */
@media (min-width:900px){#shop .wrap{display:grid;grid-template-columns:1fr 1.2fr;column-gap:48px;align-items:center}#shop .kick,#shop h2{grid-column:1}#shop h2{margin-bottom:0}#shop .shop{grid-column:2;grid-row:1/span 2;grid-template-columns:1fr;margin:0}}
/* sticky bar never covers the last content on phones */
@media (max-width:899px){body{padding-bottom:0}.foot{padding-bottom:96px}}
.fw .wrap{max-width:1160px}
@media (min-width:1000px){#services>.wrap{display:grid;grid-template-columns:1.1fr .9fr;column-gap:56px}#services>.wrap>*{grid-column:1/-1}#services>.wrap>.kick,#services>.wrap>h2,#services>.wrap>.svc__ans{grid-column:1}#services>.wrap>.svc__usp{grid-column:2;grid-row:2/span 2;align-self:end;margin-bottom:22px}#services .try{margin-top:16px}}
@media (min-width:900px){.contact__grid{align-items:center}}
.forw{padding:0 0 40px}
section.sec--grey+section.sec--grey{padding-top:0!important}
@media (max-width:999px){.sec:not(.forw):not(.why):not(.qa){padding:40px 0}section.sec--grey+section.sec--grey>.wrap{padding-top:40px}}

/* calculator card 16 Oct 7:20 PM */
.calc{background:var(--w);color:var(--ink);border-radius:20px;padding:28px 24px;margin:20px 0 20px;box-shadow:0 0 0 3px var(--o)}
.calc__k{color:var(--o);font-size:14px;font-weight:700;letter-spacing:.02em;margin:0 0 8px}
.calc__h{font-size:clamp(24px,5.5vw,34px);line-height:1.15;font-weight:800;margin:0 0 8px}
.calc__l{color:var(--mut);font-size:17px;margin:0 0 18px}
.calc__go{display:inline-flex}
@media(min-width:800px){.calc{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:32px;padding:32px 36px}.calc__go{grid-column:2;grid-row:1/4}}

/* LR demo card (16 Oct 2026, Madhur's A, m:7aecd713): dark card, solid orange border, no shadow, no glow */
.lrc{background:#111;color:#fff;border:2px solid var(--o);border-radius:20px;padding:24px 22px;margin:0 0 28px}
.lrc__k{color:var(--o);font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin:0 0 8px}
.lrc__h{font-size:clamp(24px,5.5vw,34px);line-height:1.15;font-weight:800;margin:0 0 8px;color:#fff}
.lrc__l{color:#cfcfcf;font-size:17px;margin:0 0 16px}
.lrc__go{min-height:52px}
.lrc__go:hover{box-shadow:none}
.lrc__note{font-size:14px;color:#a3a3a3;margin:12px 0 0}
@media (max-width:599px){.lrc__go{width:100%}}
.fw__pb{margin:14px 0 0;font-size:16px}
.fw__pb a{color:inherit;font-weight:650;text-decoration:underline;text-decoration-color:rgba(255,107,0,.7);text-underline-offset:3px}

/* LR demo card v2 (16 Oct 2026, m:1dff5a8a): Creator / Coach / D2C brand tabs. Borders only, calm. */
.lrc__tabs{display:flex;gap:8px;margin:0 0 12px;max-width:420px}
.lrc__tabs[hidden]{display:none}
.lrc__tab{flex:1 1 0;min-height:44px;padding:8px 6px;white-space:nowrap;border:1px solid #3a3a3c;border-radius:999px;background:transparent;color:#cfcfcf;font:inherit;font-size:14.5px;font-weight:650;cursor:pointer}
.lrc__tab[aria-selected="true"]{border:2px solid var(--o);color:#fff}
.lrc__tab:focus-visible{outline:2px solid #fff;outline-offset:2px}


/* ===== DESIGN PASS 16 Oct 2026 (Madhur voice note 9:16 PM): one header, dark focus blocks, tighter rhythm, playbook card. Borders only. ===== */
/* 1. the name and title block above the headline: hidden on screen, the top bar carries the name; screen readers and search still read it */
.hero h1 .h1__by,.h1__by{position:absolute!important;width:1px;height:1px;padding:0!important;margin:-1px!important;min-height:0!important;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.hero{padding:32px 0 36px}
.hero h1{margin-bottom:18px}
/* his photo signs the byline: a face next to the definition builds trust where the decision is made */
.byline{display:flex;align-items:center;gap:14px;margin:4px 0 18px;max-width:50ch;padding:12px 14px 12px 12px;border:1px solid var(--line);border-radius:16px;background:var(--w)}
.byline__ph{flex:none;width:56px;height:56px}
.byline__ph img{width:56px;height:56px;border-radius:50%;object-fit:cover;object-position:50% 18%;display:block;border:2px solid var(--ink)}
.byline p{font-size:14.5px;line-height:1.42;color:var(--mut);margin:0}
.hero__usp{margin-bottom:0}
@media (min-width:1000px){.hero{padding:44px 0 48px}.byline__ph,.byline__ph img{width:64px;height:64px}}

/* 2. proof strip as a black band: dark reads as premium and makes the four proofs the thing the eye stops on */
.pstrip{background:var(--ink);border:0;margin-bottom:0;color:var(--w)}
.pstrip__list li{color:#bdbdbd;border-color:#2c2c2c!important}
.pstrip__list b{color:var(--w)}
.pstrip__list li:nth-child(n+3){border-top:1px solid #2c2c2c}
.pstrip__list li:nth-child(2n){border-left:1px solid #2c2c2c}
.pstrip :focus-visible{outline-color:var(--w)}
.forw{padding-top:36px!important}

/* 3. Why The Human Algorithm as a dark statement block: one idea, full width, nothing else to look at */
.sec.why{background:var(--ink);color:var(--w);padding:44px 0!important;margin-top:4px}
.why__k{color:#bdbdbd}
.why__l{color:#e2e2e2}
.why__end{color:var(--w)}
.why :focus-visible{outline-color:var(--w)}
@media (min-width:1000px){.sec.why{padding:64px 0!important}.why .wrap{align-items:center}}

/* 4. tighter gaps on the long light stretch */
.fw__urge{margin-bottom:12px}
.fw__list{margin-bottom:20px}
@media (min-width:1000px){.sec:not(.forw):not(.why):not(.qa){padding:56px 0}}

/* 5. THA Playbook card: the free product, after the loss (calculator) and the fix (demo). Dark card, light border, orange is the button and nothing else */
.pbc{background:#111;color:var(--w);border:1px solid #3a3a3c;border-radius:20px;padding:24px 22px;margin:0 0 28px}
.pbc__k{font-size:12.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#bdbdbd;margin:0 0 8px}
.pbc__h{font-size:clamp(28px,6.4vw,36px);font-weight:800;letter-spacing:-.03em;line-height:1.05;margin:0 0 10px;color:var(--w)}
.pbc__l{font-size:16.5px;line-height:1.45;color:#d6d6d6;margin:0 0 16px;max-width:44ch}
.pbc__list{list-style:none;counter-reset:pbc;display:grid;gap:0;margin:0 0 18px;padding:0;border-top:1px solid #2c2c2c}
.pbc__list li{counter-increment:pbc;display:grid;grid-template-columns:34px 1fr;column-gap:10px;padding:12px 0;border-bottom:1px solid #2c2c2c}
.pbc__list li::before{content:counter(pbc);grid-row:1/span 2;display:grid;place-items:center;width:30px;height:30px;border:1px solid #5a5a5a;border-radius:50%;font-size:14px;font-weight:700;color:var(--w)}
.pbc__list b{font-size:17px;color:var(--w);line-height:1.3}
.pbc__list span{font-size:14.5px;color:#a3a3a3;line-height:1.35}
.pbc__go{width:100%;justify-content:center;background:var(--o);color:#111}
.pbc__go:hover{background:var(--o2);color:#111}
.pbc__note{font-size:13.5px;color:#a3a3a3;margin:10px 0 0}
@media (min-width:1000px){.pbc{display:grid;grid-template-columns:1fr 1fr;column-gap:40px;padding:32px 36px;align-items:start}.pbc__k,.pbc__h,.pbc__l{grid-column:1}.pbc__list{grid-column:2;grid-row:1/span 3;margin:0}.pbc__go{grid-column:1;width:auto;justify-self:start}.pbc__note{grid-column:2;grid-row:4;align-self:center;margin:0}}

/* 6. the playbook in "Not ready yet? Start here." */
.lc--pb{margin-bottom:14px}

/* 7. Selected client results as a dark block: breaks the long light stretch after About; the Oucch case stays the one white card, so the eye lands on the proof */
#proof{background:var(--ink);color:var(--w)}
#proof .kick{color:#bdbdbd}
#proof h2,#proof h3{color:var(--w)}
#proof .lede{color:#bdbdbd}
#proof>.wrap>.scope,#proof>.wrap>.fine{color:#a3a3a3}
#proof .nums--track li{background:transparent;border:1px solid #3a3a3c;color:var(--w)}
#proof .nums--track span{color:#cfcfcf}
#proof .quote--long{background:var(--w);color:var(--ink);border:0;border-left:3px solid var(--o)}
#proof .quote--long .scope,#proof .quote--long .quote__k{color:var(--mut)}
#proof .more--proof{border-top-color:#2c2c2c}
#proof .more--proof>summary{color:var(--w)}
#proof .more--proof .card,#proof .more--proof .client{color:var(--ink)}
#proof .more--proof .card h3,#proof .more--proof .client b{color:var(--ink)}
#proof .clients__h{color:var(--w)}
#proof .clients__type,#proof .clients__note,#proof p.more{color:#bdbdbd}
#proof p.more a{color:var(--w)}
#proof :focus-visible{outline-color:var(--w)}

/* REAL INBOX LOOK (16 Oct 2026, Madhur voice 9:49 PM m:9e36a89f): each example chat looks like the inbox it really arrives in.
   Neutral recreation, no official logos or wordmarks, borders only, Creator = photo app DM, Coach = green chat app, D2C = blue chat app. */
.lrc__chat{padding:0;gap:0;display:flex;flex-direction:column;max-width:420px;margin:0 0 16px;border:1px solid #3a3a3c;border-radius:18px;overflow:hidden;background:#fff;color:#111}
.lrc__chat[hidden]{display:none}
.lrc__tag{margin:0;padding:5px 12px;font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;text-align:center}
.lrc__bar{margin:0;display:flex;align-items:center;gap:9px;padding:8px 12px}
.lrc__bk{font-size:28px;line-height:.8;font-weight:300}
.lrc__av{flex:none;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px}
.lrc__who{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.2}
.lrc__who b{font-size:15.5px;font-weight:650}
.lrc__who small{font-size:12px}
.lrc__ic{display:flex;gap:16px;align-items:center}
.lrc__day{align-self:center;margin:10px 12px 6px;padding:3px 9px;border-radius:8px;font-size:11.5px;text-align:center}
.lrc__b{margin:2px 10px;padding:7px 10px 5px;max-width:80%;font-size:14.5px;line-height:1.38;border-radius:14px;overflow-wrap:anywhere}
.lrc__b--in{align-self:flex-start}
.lrc__b--ai{align-self:flex-end;margin-top:6px;margin-bottom:6px}
.lrc__ctx{display:block;font-size:11.5px;opacity:.65;margin:0 0 2px}
.lrc__m{display:block;text-align:right;font-size:11px;margin-top:3px;opacity:.7}
.lrc__tk{display:inline-block;vertical-align:-1px;margin-left:3px}
.lrc__next{display:block;margin:8px 0 2px;padding:7px 9px;border-radius:10px;font-size:13.5px;font-weight:650;text-align:center}
.lrc__in{margin:10px 10px 10px;padding:9px 14px;border-radius:22px;font-size:14px;color:#8a8a8a}
.lrc__cost{margin:0;padding:11px 14px;background:#1b1b1d;color:#d9d9d9;font-size:14px;line-height:1.4;border-top:1px solid #3a3a3c}
.lrc__cost b{color:#fff}
/* green chat app look */
.lrc__chat--wa{background:#f5f3ef}
.lrc__chat--wa .lrc__tag{background:#2a2a2a;color:#e6e6e6}
.lrc__chat--wa .lrc__bar{background:#1c1c1c;color:#fff}
.lrc__chat--wa .lrc__av{background:#dfe5e7;color:#54656f}
.lrc__chat--wa .lrc__who small{color:#d6d6d6}
.lrc__chat--wa .lrc__day{background:#fff;color:#54656f;border:1px solid #e3ddd3}
.lrc__chat--wa .lrc__b{border-radius:9px;color:#111b21}
.lrc__chat--wa .lrc__b--in{background:#fff;border-top-left-radius:2px}
.lrc__chat--wa .lrc__b--ai{background:#fff1e6;border-top-right-radius:2px}
.lrc__chat--wa .lrc__m{color:#667781;opacity:1}
.lrc__chat--wa .lrc__tk{color:#8a8a8a}
.lrc__chat--wa .lrc__next{border:1px solid #e6d5c3;background:#fff8f2;color:#111111}
.lrc__chat--wa .lrc__nk{color:#54656f}
.lrc__chat--wa .lrc__in{background:#fff;border:1px solid #e3ddd3}
/* photo app DM look: white thread, flat purple */
.lrc__chat--ig .lrc__tag{background:#fff;color:#8e8e8e;border-bottom:1px solid #efefef}
.lrc__chat--ig .lrc__bar{border-bottom:1px solid #efefef;color:#262626}
.lrc__chat--ig .lrc__av{background:#f1ecff;color:#5b3fd0;border:2px solid #fff;outline:2px solid #c9b8ff}
.lrc__chat--ig .lrc__who small{color:#8e8e8e}
.lrc__chat--ig .lrc__day{color:#8e8e8e}
.lrc__chat--ig .lrc__b{border-radius:20px;padding:8px 13px 6px}
.lrc__chat--ig .lrc__b--in{background:#efefef;color:#262626}
.lrc__chat--ig .lrc__b--ai{background:#6a4cf5;color:#fff}
.lrc__chat--ig .lrc__next{border:1px solid #c9bdff;color:#fff}
.lrc__chat--ig .lrc__nk{color:#e3dcff}
.lrc__chat--ig .lrc__in{border:1px solid #dbdbdb}
/* blue chat app look */
.lrc__chat--ms .lrc__tag{background:#eff1f3;color:#65676b;border-bottom:1px solid #e4e6eb}
.lrc__chat--ms .lrc__bar{border-bottom:1px solid #e4e6eb;color:#050505}
.lrc__chat--ms .lrc__ic{color:#2b2b2b}
.lrc__chat--ms .lrc__bk{color:#2b2b2b}
.lrc__chat--ms .lrc__av{background:#e4e6eb;color:#050505}
.lrc__chat--ms .lrc__who small{color:#65676b}
.lrc__chat--ms .lrc__day{color:#65676b;background:#eff1f3}
.lrc__chat--ms .lrc__b{border-radius:18px;padding:8px 12px 6px}
.lrc__chat--ms .lrc__b--in{background:#efefef;color:#050505}
.lrc__chat--ms .lrc__b--ai{background:#2b2b2b;color:#fff}
.lrc__chat--ms .lrc__next{border:1px solid #bdbdbd;color:#fff}
.lrc__chat--ms .lrc__nk{color:#e6e6e6}
.lrc__chat--ms .lrc__in{background:#eff2f5}
@media (min-width:900px){.lrc{display:grid;grid-template-columns:minmax(0,1fr) 400px;grid-template-rows:repeat(6,auto) 1fr;column-gap:56px;align-items:start;padding:36px 40px}.lrc>*{grid-column:1}.lrc>.lrc__chat{grid-column:2;grid-row:1 / 8;margin:0;width:100%}.lrc__go{justify-self:start}}

/* 16 Oct 2026 funnel fix 3: FAQ shows 5 questions, the rest fold under "More questions" (native details, works without JS) */
.faq__more2{border-bottom:1px solid var(--line)}
.faq__more2>summary{list-style:none;cursor:pointer;padding:18px 40px 18px 0;font-weight:650;font-size:17px;position:relative;line-height:1.35;color:var(--ink);min-height:48px}
.faq__more2>summary::-webkit-details-marker{display:none}
.faq__more2>summary::after{content:"+";position:absolute;right:4px;top:13px;font-size:26px;font-weight:400;color:var(--ink)}
.faq__more2[open]>summary::after{content:"\2212"}
.faq__more2n{color:var(--mut);font-weight:500}
.faq__more2in{border-top:1px solid var(--line)}
.faq__more2in>.faq__i:last-child{border-bottom:0}

/* human-ai proof card in the Why section (17 Oct 2026, preview) */
.why__proof{display:block;margin-top:22px;max-width:40ch;padding:16px 18px;border:1px solid rgba(255,255,255,.2);border-radius:14px;background:rgba(255,255,255,.04);color:var(--w);text-decoration:none}
.why__proof:hover{border-color:var(--o)}
.why__ptag{display:block;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#bdbdbd;margin-bottom:6px}
.why__proof b{display:block;font-size:19px;line-height:1.3;font-weight:800;margin-bottom:6px}
.why__pline{display:block;font-size:15px;line-height:1.45;color:#d6d6d6}
.why__pgo{display:inline-block;margin-top:10px;font-size:15px;font-weight:600;text-decoration:underline;text-decoration-color:var(--o);text-underline-offset:3px}
.haistrip{background:var(--ink);color:var(--w);padding:0 0 40px;margin-top:-24px;position:relative}
.haistrip .why__proof{margin-top:0}
@media (min-width:1000px){.haistrip .wrap{max-width:1160px;display:grid;grid-template-columns:1fr 1fr;column-gap:56px}.haistrip .why__proof{grid-column:2}}

/* LR loop + weekly sample link (17 Oct 2026) */
.weekly__more{margin-top:12px}
.weekly__more a{font-weight:600;color:var(--ink);text-decoration:underline;text-decoration-color:var(--o);text-underline-offset:3px}
/* Script Vault link (18 Oct 2026) */
.fw__vault{margin:16px 0 0;font-size:16px}
.fw__vault a{color:inherit;font-weight:600;text-decoration:underline;text-decoration-color:rgba(255,107,0,.8);text-underline-offset:3px}

/* VAULT SPOTS 18 Oct 2026: Vault Black card. Black card, white words, one orange key badge. No orange button, so the page's orange button stays the one CTA. */
.vk{display:grid;gap:6px;padding:20px;border-radius:16px;background:#111111;color:#FFFFFF;text-decoration:none;border:1.5px solid #111111;min-width:0}
.vk:hover,.vk:focus-visible{border-color:#FF6B00}
.vk__badge{justify-self:start;font-size:12.5px;font-weight:750;letter-spacing:.05em;text-transform:uppercase;background:#FF6B00;color:#111111;border-radius:999px;padding:4px 10px}
.vk__t{font-size:22px;font-weight:800;line-height:1.2;letter-spacing:-.01em}
.vk__s{font-size:15.5px;line-height:1.45;color:#CFCFCF}
.vk__go{margin-top:6px;font-weight:700;color:#FF8A3D}
.hero__alt{flex-basis:100%;margin:6px 0 0;font-size:15px}
.hero__alt a{color:#111111;font-weight:600;text-decoration:underline;text-decoration-color:rgba(255,107,0,.8);text-underline-offset:3px}
.free__col .vk{margin-bottom:0}

/* Question led hero (preview 18 Oct 2026) */
.hq{padding-top:28px;padding-bottom:28px}
.hq h2{margin-bottom:12px}
.hq .hq__more{display:inline-block;margin-top:6px;color:#111;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.hq .hq__more:hover{color:#000}

/* VOICE AGENT CARD 18 Oct 2026 (Madhur voice note 8:17 PM m:3c78e7d4): Vault Black card on the dark Services band. Orange border, badge and text link only; no orange button. */
.vkv{gap:0;padding:0;overflow:hidden;background:#1A1A1A;border-color:#FF6B00;max-width:620px;margin:0 0 8px}
.vkv__main{display:grid;gap:6px;padding:22px 22px 18px;color:#FFFFFF;text-decoration:none;min-width:0}
.vkv__main:active{background:#202020}
.vkv__main:focus-visible,.vkv__sub:focus-visible{outline:2px solid #fff;outline-offset:-4px;border-radius:14px}
.vkv__price{margin-top:4px;font-size:18px;font-weight:750;color:#FFFFFF;letter-spacing:-.01em}
.vkv__trust{font-size:14.5px;color:#CFCFCF}
.vkv__trust::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#FF6B00;margin-right:8px;vertical-align:1px}
@media (hover:hover){.vkv__main:hover .vk__go{text-decoration:underline;text-underline-offset:3px}.vkv__sub:hover b{text-decoration:underline;text-underline-offset:3px}}
.vkv__sub{display:block;padding:14px 22px;min-height:48px;border-top:1px solid #333333;color:#CFCFCF;text-decoration:none;font-size:15px;line-height:1.4}
.vkv__sub b{color:#FFFFFF;font-weight:700}
.vkv__sub span{color:#FF8A3D;font-weight:700}

/* BLOG READS cards (18 Oct 2026, Madhur voice note 10:21 PM): black card, 2px orange border, whole card one link, white text so the orange Leak Check button stays the one orange action. Motion is transform only (no layout shift) and off for reduced motion. */
.brd__grid{list-style:none;display:grid;gap:14px;margin:0;padding:0}
.brd__grid li{display:flex;min-width:0}
.brd__c{position:relative;display:flex;flex-direction:column;gap:8px;width:100%;min-height:56px;padding:20px;border-radius:16px;background:#0b0b0b;color:#fff;text-decoration:none;border:2px solid #FF6B00;overflow:hidden;-webkit-tap-highlight-color:transparent}
.brd__tag{align-self:flex-start;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;line-height:1.3;color:#ededed;border:1px solid #3a3a3a;border-radius:999px;padding:4px 10px}
.brd__q{font-size:15px;line-height:1.45;color:#b5b5b5}
.brd__c .brd__t{font-size:21px;font-weight:800;line-height:1.22;letter-spacing:-.01em;color:#fff;margin:0;max-width:none}
.brd__l{font-size:15.5px;line-height:1.45;color:#cfcfcf}
.brd__l b{color:#fff;font-weight:700}
.brd__m{margin-top:auto;padding-top:12px;display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:14px;color:#a3a3a3;border-top:1px solid #262626}
.brd__m svg{flex:none}
.brd__go{margin-left:auto;display:inline-flex;align-items:center;gap:4px;color:#fff;font-weight:700;font-size:15px}
.brd__c::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:#fff;transform:scaleX(0);transform-origin:left center}
.brd__c:hover::after,.brd__c:focus-visible::after{transform:scaleX(1)}
@media (prefers-reduced-motion:no-preference){.brd__c{transition:transform .2s ease}.brd__c::after{transition:transform .6s ease}.brd__go svg{transition:transform .2s ease}.brd__c:hover,.brd__c:focus-visible{transform:translateY(-3px)}.brd__c:active{transform:translateY(-1px)}.brd__c:hover .brd__go svg,.brd__c:focus-visible .brd__go svg{transform:translateX(4px)}}
.brd__all{display:inline-flex;align-items:center;gap:6px;min-height:48px;margin-top:14px;font-weight:700;color:inherit;text-decoration:underline;text-underline-offset:4px}
.brd>.wrap{border-top:1px solid var(--line);padding-top:48px}
.sec.brd{padding-top:0}
.brd__lede{color:var(--mut);max-width:60ch;margin:-6px 0 24px}
.brd__c:focus-visible{outline:3px solid #111111;outline-offset:3px;border-radius:16px}
@media (min-width:720px){.brd__grid{grid-template-columns:1fr 1fr}.brd__grid li:last-child{grid-column:1/-1}}
@media (min-width:1000px){.brd__grid{grid-template-columns:repeat(3,1fr)}.brd__grid li:last-child{grid-column:auto}}


/* DESKTOP PASS (18 Oct 2026 11 PM, Madhur voice note 10:54 PM m:669a4444: on the laptop the blog sat near the bottom; optimise the desktop page top to bottom). Layout only: no new words, claims or numbers. */
/* 1. Nav: room for the Blog link and the desktop CTA */
.nav__act{display:flex;align-items:center;gap:18px;flex:none}
.nav__cta{display:none}
@media (min-width:900px){.nav__cta{display:inline-flex;white-space:nowrap;visibility:hidden;opacity:0}.nav__cta.is-on{visibility:visible;opacity:1}}
@media (min-width:900px) and (prefers-reduced-motion:no-preference){.nav__cta{transition:opacity .2s ease,visibility .2s}}
.nav__links a{white-space:nowrap}.nav__cta{gap:6px}.nav__in>.brand{flex:none}
@media (min-width:1000px){.nav__links{gap:18px}.nav__act{gap:16px}}
@media (min-width:1000px) and (max-width:1199px){.nav__links{gap:16px;font-size:14.5px}.nav__act{gap:12px}.brand{flex-direction:column;align-items:flex-start;gap:0;line-height:1.15}.brand__sep{display:none}.brand__name{font-size:15px}.brand__sub{font-size:13px}}
/* 2. Quick answers: left aligned two column on desktop, same left edge as every other section (F pattern), about 40% shorter */
@media (min-width:1000px){#ask>.wrap.narrow{max-width:1160px;display:grid;grid-template-columns:.8fr 1.2fr;grid-template-rows:auto 1fr;column-gap:56px;align-items:start}#ask .kick,#ask h2{grid-column:1}#ask .hq__list{grid-column:2;grid-row:1/span 2}}
/* 3. Blog section: heading left, intro right on desktop (same pattern as About and Proof), cards in 3 columns under it */
@media (min-width:1000px){.brd>.wrap{display:grid;grid-template-columns:1.15fr .85fr;column-gap:56px;align-items:end}.brd>.wrap>*{grid-column:1/-1}.brd>.wrap>.kick,.brd>.wrap>h2{grid-column:1}.brd>.wrap>.brd__lede{grid-column:2;grid-row:1/span 2;align-self:end;margin:0 0 24px}}
/* 4. Phones: the section now sits high, so the three cards sit in one swipe row (next card peeks) instead of a 1,300px stack before the Lead Responder demo */
@media (max-width:719px){.brd__grid{grid-auto-flow:column;grid-auto-columns:86%;grid-template-columns:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;margin:0 -20px;padding:8px 20px 14px;scroll-padding:0 20px;scrollbar-width:none}.brd__grid::-webkit-scrollbar{display:none}.brd__grid li{scroll-snap-align:start}}
/* 5. Line length: fine print lines capped near 70 characters */
.src,.lrc__note{max-width:70ch}

/* LEAK LOOP (18 Oct 2026): same frame as the Lead Responder loop; width and height are set, so no layout shift */
.fw__loop{margin:0 0 20px;max-width:240px}
.fw__vid{display:block;width:100%;height:auto;aspect-ratio:456/566;border:1px solid var(--line);border-radius:var(--r);background:#fff}
.fw__loop figcaption{font-size:13.5px;color:var(--mut);margin-top:8px;line-height:1.45}


/* SWIPE ROWS (19 Oct 2026, Madhur's voice note 11:43 PM m:c16ca6cd: same swipe cards as the blog row, shorter page, nothing removed). Phones only: the row scrolls sideways with snap and the next card peeks; arrows and dots under it (swipe.js) keep it usable by tap and keyboard. The bar's 44px space is always reserved: no layout shift. */
.swn{display:none}
@media (max-width:719px){
.sw.sw{display:grid;grid-auto-flow:column;grid-auto-columns:86%;grid-template-columns:none;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;margin-left:calc(-1*20px);margin-right:calc(-1*20px);padding:6px 20px 8px;scroll-padding:0 20px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.sw::-webkit-scrollbar{display:none}
.sw.sw>*{scroll-snap-align:start;min-width:0;margin-top:0;margin-bottom:0}
.swn{display:flex;align-items:center;justify-content:center;gap:4px;height:44px;margin:8px 0 6px;visibility:hidden}
.swn.is-ready{visibility:visible}
}
.swn__a{width:44px;height:44px;border-radius:50%;border:1px solid #cfcfcf;background:#fff;color:#111;font:inherit;font-size:24px;line-height:1;display:inline-flex;align-items:center;justify-content:center;padding:0 0 3px;cursor:pointer}
.swn__a:disabled{opacity:.35;cursor:default}
.swn__dots{display:flex;align-items:center}
.swn__d{width:22px;height:44px;display:inline-flex;align-items:center;justify-content:center}
.swn__d::before{content:"";width:8px;height:8px;border-radius:4px;background:#c4c4c4}
.swn__d.is-on::before{width:20px;background:#FF6B00}
.swn__a:focus-visible{outline:2px solid #FF6B00;outline-offset:2px}
.swn--dark .swn__a{background:#1a1a1a;border-color:#3a3a3a;color:#fff}
.swn--dark .swn__d::before{background:#4a4a4a}
.swn--dark .swn__d.is-on::before{background:#FF6B00}
@media (prefers-reduced-motion:no-preference){.sw{scroll-behavior:smooth}.swn__d::before{transition:width .2s ease,background-color .2s ease}}
/* THE BASICS cards (19 Oct 2026, Madhur picked C m:478e99f6): one idea per card, a step counter and a progress bar, an "In short" line, a read more link, a done card at the end */
.lrn__row{list-style:none;padding:0;margin:0;display:grid;gap:16px}
.lrn__c{display:flex;flex-direction:column;min-width:0;border-radius:18px;padding:18px 18px 14px}
.lrn__top{display:flex;align-items:center;gap:10px;margin:0 0 12px;font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.lrn__bar{flex:1;height:4px;border-radius:2px;overflow:hidden}
.lrn__bar i{display:block;height:100%;border-radius:2px;background:#FF6B00}
.lrn__bar--1 i{width:25%}.lrn__bar--2 i{width:50%}.lrn__bar--3 i{width:75%}.lrn__bar--4 i{width:100%}
.lrn__t{font-size:20px;line-height:1.2;letter-spacing:-.015em;margin:0 0 8px}
.lrn__d{font-size:16px;line-height:1.5;margin:0 0 12px}
.lrn__s{font-size:15px;line-height:1.45;padding:10px 12px;border-left:3px solid #FF6B00;border-radius:0 8px 8px 0;margin:0 0 10px}
.lrn__go,.lrn__end{margin-top:auto;min-height:44px;display:inline-flex;align-items:center;gap:6px;font-weight:650;font-size:15px;text-decoration:underline;text-decoration-color:#FF6B00;text-underline-offset:4px}
.lrn__c--done{justify-content:center}
.lrn__fin{font-size:24px;font-weight:750;letter-spacing:-.02em;line-height:1.15;margin:0 0 4px}
.lrn__end{margin-top:0;font-size:17px;font-weight:700}
@media (min-width:720px){.lrn__row{grid-template-columns:1fr 1fr}.lrn__c--done{grid-column:1/-1;flex-direction:row;align-items:center;flex-wrap:wrap;column-gap:20px;padding:14px 18px}.lrn__c--done .lrn__top{margin:0;flex:0 0 160px}.lrn__c--done .lrn__fin{margin:0}}

.lrn{padding:64px 0}
.lrn h2{margin-bottom:10px}
.lrn__lede{font-size:18px;color:var(--mut);margin:0 0 22px}
.lrn__c{background:#fff;border:1.5px solid #111}
.lrn__top{color:var(--mut)}
.lrn__bar{background:#ececec}
.lrn__s{background:var(--grey);color:var(--mut)}
.lrn__s b{color:var(--ink)}
.lrn__go{color:var(--ink)}
.lrn__c--done{background:#111;color:#fff;border-color:#111}
.lrn__c--done .lrn__top{color:#bdbdbd}
.lrn__c--done .lrn__bar{background:#333}
.lrn__end{color:#fff}
.lrn__c--done :focus-visible{outline-color:#fff}
@media (min-width:1100px){.lrn__row{grid-template-columns:repeat(4,1fr)}}
/* explainer animations: own shapes, no app look; the still frame shows the whole idea; motion only on screen (swipe.js) and never with reduced motion */
.lx{position:relative;height:104px;margin:0 0 14px;border-radius:12px;background:var(--grey);overflow:hidden}
.lx svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:100%;height:auto}
.lx__in,.lx__out,.lx__draft{position:absolute;display:grid;gap:5px;padding:9px 10px}
.lx__in i,.lx__out i,.lx__draft i{display:block;height:6px;border-radius:3px;background:#cfcfcf}
.lx__in{left:12px;top:12px;width:46%;background:#fff;border:1px solid var(--line);border-radius:12px 12px 12px 4px}
.lx__in i:nth-child(2){width:60%}
.lx__typ{position:absolute;right:16px;top:40px;display:flex;gap:4px;opacity:0}
.lx__typ i{width:7px;height:7px;border-radius:50%;background:#9a9a9a}
.lx__out{right:12px;bottom:12px;width:56%;background:#111;border-radius:12px 12px 4px 12px}
.lx__out i{background:#5a5a5a}.lx__out i:first-child{width:42%;background:#FF6B00}.lx__out i:last-child{width:70%}
.lx__ok{position:absolute;left:14px;bottom:14px;width:28px;height:28px;border-radius:50%;background:#FF6B00;color:#fff;display:grid;place-items:center}
.lx__draft{left:12px;top:14px;width:58%;background:#fff;border:1.5px solid #111;border-radius:12px 12px 4px 12px}
.lx__draft i:first-child{width:42%;background:#FF6B00}.lx__draft i:last-child{width:80%}
.lx__yes{position:absolute;right:14px;bottom:14px;min-width:64px;height:34px;padding:0 14px;border-radius:17px;background:#111;color:#fff;font-weight:700;font-size:14px;display:grid;place-items:center}
.lx__tap{position:absolute;right:38px;bottom:24px;width:14px;height:14px;border-radius:50%;background:#FF6B00;opacity:0}
.lx--yes .lx__ok{left:auto;right:92px}
.lx__run,.lx__dot,.lx__p,.lx__drop,.lx__bell{transform-box:fill-box;transform-origin:center}
@media (prefers-reduced-motion:no-preference){
.lx.is-play .lx__in{animation:lxIn 6s ease infinite}
.lx.is-play .lx__typ{animation:lxTyp 6s ease infinite}
.lx.is-play .lx__typ i{animation:lxB .5s ease-in-out infinite alternate}
.lx.is-play .lx__typ i:nth-child(2){animation-delay:.15s}.lx.is-play .lx__typ i:nth-child(3){animation-delay:.3s}
.lx.is-play .lx__out{animation:lxOut 6s ease infinite}
.lx.is-play .lx__ok{animation:lxOk 6s ease infinite}
.lx--yes.is-play .lx__draft{animation:lxDraft 6s ease infinite}
.lx--yes.is-play .lx__tap{animation:lxTap 6s ease infinite}
.lx--yes.is-play .lx__ok{animation:lxOk2 6s ease infinite}
.lx.is-play .lx__run{animation:lxRun 1.6s linear infinite}
.lx.is-play .lx__dot{animation:lxPing 3s ease infinite}
.lx.is-play .lx__bell{animation:lxBell 3s ease infinite}
.lx.is-play .lx__p1{animation:lxFall 3s ease-in infinite}
.lx.is-play .lx__p2{animation:lxFall 3s ease-in 1.5s infinite}
.lx.is-play .lx__drop{animation:lxDrip 3s ease-in .8s infinite}
}
@keyframes lxIn{0%{opacity:0;transform:translateY(8px)}8%,90%{opacity:1;transform:none}100%{opacity:0}}
@keyframes lxTyp{0%,14%{opacity:0}18%,40%{opacity:1}44%,100%{opacity:0}}
@keyframes lxB{to{transform:translateY(-4px)}}
@keyframes lxOut{0%,42%{opacity:0;transform:translateY(8px)}50%,90%{opacity:1;transform:none}100%{opacity:0}}
@keyframes lxOk{0%,58%{opacity:0;transform:scale(.4)}64%,90%{opacity:1;transform:none}100%{opacity:0}}
@keyframes lxDraft{0%,38%{border-style:dashed;border-color:#9a9a9a;transform:none}46%,90%{border-style:solid;border-color:#111;transform:translateX(6px)}100%{transform:none}}
@keyframes lxTap{0%,30%{opacity:0;transform:scale(.4)}36%{opacity:.8;transform:scale(1)}48%,100%{opacity:0;transform:scale(2.6)}}
@keyframes lxOk2{0%,48%{opacity:0;transform:scale(.4)}56%,90%{opacity:1;transform:none}100%{opacity:0}}
@keyframes lxRun{to{stroke-dashoffset:-92}}
@keyframes lxPing{0%,40%{transform:scale(0)}50%{transform:scale(1.3)}60%,100%{transform:scale(1)}}
@keyframes lxBell{0%,44%,64%,100%{transform:none}50%{transform:rotate(12deg)}57%{transform:rotate(-10deg)}}
@keyframes lxFall{0%{transform:translateY(0);opacity:1}70%{transform:translateY(44px);opacity:1}100%{transform:translateY(60px);opacity:0}}
@keyframes lxDrip{0%{transform:translate(0,0);opacity:0}15%{opacity:1}100%{transform:translate(16px,46px);opacity:0}}
/* phone: a little less air around the basics */
@media (max-width:719px){.lrn{padding:52px 0}}
/* desktop: the free cards keep their old gap */
@media (min-width:720px){.frc{display:grid;gap:16px}}
@media (min-width:1100px){.lrn .lx{height:88px}.lrn__t{font-size:18px}.lrn__d{font-size:15.5px}.lrn__c{padding:16px 16px 12px}}
.lx svg{height:92%;width:auto}
.frc>.vk,.frc>.lc{align-content:start}

/* CERTIFICATES + READ MY THINKING + ICONS (19 Oct 2026, Madhur voice notes 12:47, 12:52, 12:53 AM). Own monochrome icons, no brand logos or colours. PREVIEW until his "Live". */
.ic{flex:none;vertical-align:-3px;color:var(--ink)}
.ic--o{color:var(--o)}
.ic--tool{margin-right:5px;color:var(--o)}
.pstrip__list li.pstrip__cert{grid-column:1/-1;border-left:0;padding-left:0;border-top:1px solid var(--line)}
.pstrip__cert a{display:flex;align-items:center;gap:10px}
.pstrip__cert a b{display:inline;margin-right:4px}
.pstrip__cert a:hover b{text-decoration:underline;text-underline-offset:3px}
.certs{margin:4px 0 28px;padding:18px;background:var(--w);border:1px solid var(--line);border-radius:var(--r)}
.certs__h{font-size:17px;font-weight:720;letter-spacing:-.01em;color:var(--ink)}
.certs__n{font-size:13.5px;color:var(--mut);margin:2px 0 14px}
.certs__grid{display:grid;gap:14px}
.certs__t{font-size:14px;font-weight:650;color:var(--ink);margin-bottom:8px}
.certs__b{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0}
.certs__a{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:8px 12px;border:1px solid #cfcfcf;border-radius:999px;background:var(--w);color:var(--ink);font:inherit;font-size:14px;line-height:1.3;text-decoration:none}
.certs__a::after{content:" ↗";color:var(--mut)}
.certs__a:hover{border-color:var(--o)}
.certs__a:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.certs__tipw{position:relative}
.certs__a--soon{cursor:pointer}
.certs__a--soon::after{content:""}
.certs__tip{position:absolute;left:0;bottom:calc(100% + 8px);z-index:5;width:max-content;max-width:240px;background:var(--ink);color:var(--w);font-size:13px;line-height:1.35;border-radius:10px;padding:8px 10px;opacity:0;visibility:hidden;transition:opacity .15s}
.certs__a--soon:hover + .certs__tip,.certs__a--soon:focus + .certs__tip,.certs__tipw:hover .certs__tip{opacity:1;visibility:visible}
.thinking{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px;font-size:14px;color:var(--mut)}
.thinking > span{margin-right:2px}
.thinking a{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:8px 14px;border:1px solid var(--ink);border-radius:999px;color:var(--ink);text-decoration:none;font-weight:600}
.thinking a span{color:var(--mut);font-weight:500}
.thinking a:hover{background:var(--ink);color:var(--w)}
.thinking a:hover .ic,.thinking a:hover span{color:var(--w)}
.thinking a:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
@media (min-width:900px){.certs__grid{grid-template-columns:repeat(2,1fr)}.certs{padding:22px 24px}}
@media (prefers-reduced-motion:reduce){.certs__tip{transition:none}}

/* reading highlights (19 Oct 2026, Madhur m:500e085d; preview): soft orange marker line under the words, text colour unchanged, no animation, no layout change */
mark.hl{background:none;color:inherit;font:inherit;text-decoration-line:underline;text-decoration-color:rgba(255,107,0,.3);text-decoration-thickness:.42em;text-underline-offset:-.18em;text-decoration-skip-ink:none}
.sec--dark mark.hl{text-decoration-color:rgba(255,107,0,.35)}
.contact__p mark.hl,.lk__gph mark.hl{text-decoration-color:rgba(255,107,0,.45)}

/* ECO 1019: one quiet line under the Shop card */
.shop__more{margin-top:14px;font-size:15px;line-height:1.5;color:#333}
.shop__more a{font-weight:600;color:var(--ink);white-space:nowrap}
@media (min-width:900px){#shop .shop__more{grid-column:1;margin-top:12px}}

/* LIVE 1019b: Shop joined the home header nav (8 items). Tighter gaps keep it on one line from 1000px up, no overflow. Home only. */
@media (min-width:1200px){.nav__links[aria-label="Sections"]{gap:14px}.nav__links[aria-label="Sections"]+.nav__act{gap:12px}}
@media (min-width:1000px) and (max-width:1199px){.nav__links[aria-label="Sections"]{gap:12px;font-size:14px}.nav__links[aria-label="Sections"]+.nav__act{gap:8px}}

/* PROD 1019: calm product ladder in the home Shop section */
#shop .lad__lede{font-size:17px;line-height:1.55;color:#333;max-width:58ch;margin:10px 0 0}
#shop .lad{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:0;counter-reset:lad}
#shop .lad__i{counter-increment:lad;position:relative;padding:3px 0 26px 50px;display:flex;flex-direction:column;gap:5px}
#shop .lad__i::before{content:counter(lad);position:absolute;left:0;top:0;width:30px;height:30px;border-radius:50%;border:1.5px solid var(--ink);color:var(--ink);font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;background:var(--grey,#f5f5f5)}
#shop .lad__i:not(.lad__i--top)::after{content:"";position:absolute;left:15px;top:34px;bottom:4px;width:1px;background:#cfc8bd}
#shop .lad__k{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mut)}
#shop .lad__t{font-size:19px;letter-spacing:-.01em;line-height:1.25}
#shop .lad__p{font-size:15px;line-height:1.5;color:#333;max-width:46ch}
#shop .lad__go{font-weight:650;color:var(--ink);text-underline-offset:3px;margin-top:2px;align-self:flex-start}
#shop .lad__i--top{background:var(--ink);color:#fff;border-radius:20px;padding:22px 20px 22px 66px;margin-top:2px}
#shop .lad__i--top::before{left:20px;top:22px;background:var(--o);border-color:var(--o);color:#111}
#shop .lad__i--top .lad__k{color:var(--o2)}
#shop .lad__i--top .lad__t{font-size:22px;color:#fff}
#shop .lad__i--top .lad__p{color:#e6e6e6;max-width:60ch}
#shop .lad__note{font-size:14px;line-height:1.5;color:#bdbdbd;max-width:46ch}
#shop .lad__i--top .lad__go{color:#fff;text-decoration-color:var(--o)}
#shop .lad__main,#shop .lad__side{display:flex;flex-direction:column;gap:6px}
#shop .lad__side{margin-top:8px;padding-top:12px;border-top:1px solid rgba(255,255,255,.14)}
#shop .lad__credit b{color:var(--ink);font-weight:650}
#shop .lad__credit{font-size:14px;line-height:1.5;color:var(--mut);margin:16px 0 0}
#shop .lad__foot{margin-top:24px;display:grid;gap:16px}
#shop .shop{margin:0;grid-template-columns:1fr}
#shop .shop--proof .shop__i{background:transparent;border-style:dashed;border-color:#cfc8bd}
#shop .shop--proof .shop__go{align-self:flex-start}
#shop .shop__more{margin:0}
@media (min-width:900px){
#shop .wrap{display:block}
#shop .lad__lede{font-size:18px}
#shop .lad{grid-template-columns:repeat(4,1fr);column-gap:28px;margin-top:40px}
#shop .lad__i{padding:48px 0 30px}
#shop .lad__i:not(.lad__i--top)::after{left:40px;right:-24px;top:15px;bottom:auto;width:auto;height:1px}
#shop .lad__i .lad__go{margin-top:auto;padding-top:8px}
#shop .lad__i--top{grid-column:1/-1;display:grid;grid-template-columns:1.5fr 1fr;column-gap:56px;align-items:end;padding:32px 36px 32px 92px;margin-top:4px}
#shop .lad__i--top::before{left:36px;top:32px}
#shop .lad__i--top .lad__t{font-size:28px}
#shop .lad__i--top .lad__p{font-size:16px}
#shop .lad__side{margin-top:0;padding-top:0;border-top:0;padding-left:28px;border-left:1px solid rgba(255,255,255,.14)}
#shop .lad__foot{grid-template-columns:1.2fr 1fr;column-gap:56px;align-items:center}
#shop .shop{grid-column:auto;grid-row:auto}
#shop .shop__more{grid-column:auto;font-size:17px;max-width:38ch}
#shop .lad__i:nth-child(4)::after{display:none}
}
/* LRX START (19 Oct 2026 v2): interactive example chat in Meet the Lead Responder, with the win card */
.lrx{margin:0;min-width:0}
.lrx__chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.lrx__chip{font:inherit;font-size:14px;font-weight:650;line-height:1;padding:12px 16px;min-height:44px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--ink);cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.lrx__chip:hover{border-color:var(--ink)}
.lrx__chip[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.lrx__chip:focus-visible,.lrx__ctl:focus-visible,.lrx__yes:focus-visible{outline:2px solid var(--o);outline-offset:2px}
.lrx__grid{display:grid;gap:16px}
.lrx__phone{border:1px solid var(--line);border-radius:22px;background:#fff;overflow:hidden;width:100%;max-width:400px}
.lrx__bar{display:flex;align-items:center;gap:10px;padding:10px 10px 10px 14px;border-bottom:1px solid var(--line);height:64px;box-sizing:border-box}
.lrx__av{flex:0 0 36px;width:36px;height:36px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-weight:700;font-size:15px}
.lrx__who{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.2}
.lrx__who b{font-size:15px}
.lrx__who small{font-size:12px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lrx__ctl{flex:0 0 44px;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--ink);display:grid;place-items:center;cursor:pointer;padding:0}
.lrx__ctl svg{fill:currentColor}
.lrx__ctl .lrx__i-play{display:none}
.lrx.is-paused .lrx__ctl .lrx__i-play{display:block}
.lrx.is-paused .lrx__ctl .lrx__i-pause{display:none}
.lrx__body{position:relative;height:370px;overflow-y:auto;background:#f6f6f4;cursor:pointer;contain:layout paint}
.lrx.is-js .lrx__body{overflow:hidden}.lrx__list{list-style:none;margin:0;padding:14px 12px 16px;display:flex;flex-direction:column;gap:8px;will-change:transform;transition:transform .45s ease}
.lrx__m{max-width:84%;padding:9px 12px;font-size:14.5px;line-height:1.42;border-radius:16px;word-wrap:break-word}
.lrx__m--in{align-self:flex-start;background:#fff;border:1px solid #e6e6e2;border-bottom-left-radius:5px;color:var(--ink)}
.lrx__m--ai{align-self:flex-end;background:var(--ink);color:#fff;border-bottom-right-radius:5px}
.lrx__tag{display:block;font-size:11px;font-weight:700;letter-spacing:.02em;color:var(--o);margin-bottom:2px}
.lrx__day{align-self:center;font-size:12px;color:var(--mut);background:#ebebe7;border-radius:999px;padding:4px 10px;margin:4px 0}
.lrx__wait{align-self:center;width:88%;border:1.5px dashed var(--o);background:#fff;border-radius:14px;padding:10px 12px;font-size:13.5px;line-height:1.4;color:var(--ink);display:flex;align-items:center;gap:10px;justify-content:space-between}
.lrx__yes{font:inherit;font-size:13.5px;font-weight:700;border:0;border-radius:999px;background:var(--o);color:var(--ink);padding:10px 14px;min-height:40px;cursor:pointer;white-space:nowrap}
.lrx__yes[disabled]{background:var(--ink);color:#fff;cursor:default}
.lrx__res{align-self:center;font-size:13px;font-weight:700;color:var(--ink);background:#fff;border:1px solid var(--ink);border-radius:999px;padding:6px 12px 6px 30px;position:relative;margin-top:4px}
.lrx__res::before{content:"";position:absolute;left:10px;top:50%;width:12px;height:12px;margin-top:-6px;border-radius:50%;background:var(--o)}
.lrx__typing{align-self:flex-end;background:var(--ink);border-radius:16px;border-bottom-right-radius:5px;padding:12px 14px;display:flex;gap:4px}
.lrx__typing i{width:6px;height:6px;border-radius:50%;background:#fff;opacity:.35;animation:lrxdot 1s infinite}
.lrx__typing i:nth-child(2){animation-delay:.15s}.lrx__typing i:nth-child(3){animation-delay:.3s}
@keyframes lrxdot{0%,60%,100%{opacity:.35}30%{opacity:1}}
.lrx__new{animation:lrxin .32s ease both}
@keyframes lrxin{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.lrx__steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px;counter-reset:lx;max-width:400px}
.lrx__steps li{counter-increment:lx;position:relative;font-size:13.5px;line-height:1.35;color:var(--mut);padding:10px 10px 10px 40px;border:1px solid var(--line);border-radius:12px;background:#fff;transition:color .25s,border-color .25s}
.lrx__steps li::before{content:counter(lx);position:absolute;left:10px;top:9px;width:22px;height:22px;border-radius:50%;background:#efefec;color:var(--ink);font-size:12px;font-weight:750;display:grid;place-items:center;transition:background .25s}
.lrx__steps li.is-on{color:var(--ink);border-color:var(--ink)}
.lrx__steps li.is-on::before{background:var(--o)}
.lrx figcaption{font-size:13.5px;color:var(--mut);margin-top:12px;line-height:1.45;max-width:62ch}
@media (min-width:700px){.lrx__grid{grid-template-columns:minmax(0,400px) minmax(0,1fr);align-items:center;gap:24px}.lrx__steps{grid-template-columns:1fr;gap:10px}.lrx__steps li{font-size:15px;padding:13px 14px 13px 46px}.lrx__steps li::before{left:13px;top:12px}.lrx__body{height:430px}}
@media (max-width:699px){.lrx__phone{margin:0 auto}.lrx__steps{margin:0 auto;gap:6px}.lrx__steps li{font-size:13px;padding:8px 8px 8px 36px}.lrx__steps li::before{left:8px;top:7px}}
@media (prefers-reduced-motion:reduce){.lrx__list{transition:none}.lrx__new{animation:none}.lrx__typing i{animation:none;opacity:.8}.lrx.is-js .lrx__body{overflow-y:auto}}
@media (max-width:420px){.lrx__chips{gap:6px}.lrx__chip{min-height:42px;font-size:13px;padding:10px 12px}}
.lrx__t{display:block;text-align:right;font-size:10.5px;line-height:1;margin-top:4px;opacity:.6;font-variant-numeric:tabular-nums}
.lrx__day:first-child{background:var(--ink);color:#fff;font-weight:650}
.lrx__win{align-self:stretch;margin:6px 2px 2px;background:#fff;border:1.5px solid var(--ink);border-radius:16px;padding:14px 14px 12px}
.lrx__wtop{display:flex;align-items:center;gap:12px}
.lrx__wk{flex:0 0 38px;width:38px;height:38px;border-radius:50%;background:var(--o);display:grid;place-items:center}
.lrx__tk{width:22px;height:22px;fill:none;stroke:var(--ink);stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}
.lrx__wtx{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}
.lrx__wtx b{font-size:17px;font-weight:800;letter-spacing:-.01em;color:var(--ink)}
.lrx__wtx small{font-size:12.5px;color:var(--mut);margin-top:2px}
.lrx__wb{flex:0 0 auto;display:inline-flex;align-items:center;gap:4px;font-size:12.5px;font-weight:750;color:var(--ink);background:#fff3ea;border:1px solid var(--o);border-radius:999px;padding:5px 10px 5px 7px}
.lrx__tk2{width:14px;height:14px;fill:none;stroke:var(--o);stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}
.lrx__wo{margin:10px 0 0;padding-top:9px;border-top:1px solid var(--line);font-size:12.5px;line-height:1.4;color:var(--ink);font-weight:600}
.lrx__win.lrx__new{animation:lrxwin .5s cubic-bezier(.2,.8,.2,1) both}
.lrx__win.lrx__new .lrx__tk path{stroke-dasharray:24;stroke-dashoffset:24;animation:lrxtk .45s .25s ease forwards}
@keyframes lrxwin{from{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}
@keyframes lrxtk{to{stroke-dashoffset:0}}
@media (prefers-reduced-motion:reduce){.lrx__win.lrx__new{animation:none}.lrx__win.lrx__new .lrx__tk path{animation:none;stroke-dashoffset:0}}
/* LRX END */

/* Language line, 20 Oct 2026 (m:5f83d63f) */
.lr__copy .lr__lang{font-size:15px;color:#555;margin:-8px 0 18px;max-width:46ch}