/* Native design source: src/constants/{colors,radius,theme}.ts and components/ui/{Button,Card}.tsx. */
:root{--page:#0B0A09;--surface:#151311;--ink:#F6EFE8;--muted:#B7A79A;--line:#26201B;--orange:#FF5722;--gutter:48px;--content:1160px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--elevated:#1B1714;color-scheme:dark;scroll-behavior:smooth;scrollbar-color:#B7A79A var(--page)}
*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--ink);font:400 16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,p,figure,dl,dd{margin:0}h1,h2,h3{font-weight:600;line-height:1.16;letter-spacing:-.025em;text-wrap:balance}h1{font-weight:700;font-size:clamp(42px,4.7vw,64px)}h2{font-size:clamp(30px,3vw,42px)}h3{font-size:22px}p{color:var(--muted)}a{color:inherit;text-decoration:none}a,button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:5px}button{font:inherit}img{display:block;max-width:100%;height:auto}svg{width:20px;height:20px;flex-shrink:0}::selection{background:#FF5722;color:#0B0A09}.wrap{width:min(var(--content),calc(100% - var(--gutter)*2));margin-inline:auto}.skip-link{position:fixed;top:-100px;left:20px;z-index:20;background:var(--ink);color:var(--page);padding:12px}.skip-link:focus{top:16px}.accent{color:var(--orange)}
.masthead{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:10px;font-size:22px;font-weight:600;letter-spacing:-.03em;min-height:44px}.brand img{width:30px;height:30px;border-radius:8px}.masthead nav{display:flex;gap:26px}.masthead nav a,.header-action{display:inline-flex;align-items:center;min-height:44px;font-size:13px}.masthead nav a{color:var(--muted)}.masthead nav a:hover,.masthead nav [aria-current=page]{color:var(--ink)}.header-action{gap:10px;font-weight:600}.header-action:hover{color:var(--orange)}
.campaign{width:min(var(--content),calc(100% - var(--gutter)*2));margin-inline:auto;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:72px;padding-block:54px 72px}.intro{width:auto;margin:0}.intro h1 .accent{display:block;margin-top:8px}.intro>div>p{margin-top:26px;max-width:480px;font-size:17px}.intro-action{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin-top:32px}.intro-action>span{order:3;flex-basis:100%;font-size:12px;color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:54px;padding:12px 20px;border-radius:var(--radius-md);background:var(--orange);color:#0B0A09;font-size:15px;font-weight:700}.button:hover{background:#FF6B3C}.button:active{opacity:.88}.text-link,.quiet-link{display:inline-flex;align-items:center;min-height:44px;gap:12px;font-size:13px;font-weight:600;text-decoration:underline;text-underline-offset:6px;text-decoration-color:#B7A79A}.text-link:hover{color:var(--orange)}
.product-preview{padding:24px 24px 20px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);display:flex;align-items:center;flex-direction:column;min-width:0}.screen-picker{display:flex;gap:4px;justify-content:center;margin-bottom:22px;padding:4px;background:#11100F;border:1px solid var(--line);border-radius:var(--radius-md)}.screen-picker button{border:0;border-radius:var(--radius-sm);color:var(--muted);background:transparent;font-size:12px;padding:8px 14px;min-height:40px;cursor:pointer}.screen-picker button[aria-pressed=true]{background:#1B1714;color:var(--orange)}.screen-picker button:hover{color:var(--ink)}.product-preview figure{width:min(238px,100%)}.product-preview figure>a{display:block}.product-preview img,.screen-evidence img,.social-evidence img{width:100%;height:auto;max-height:none;object-fit:contain;border-radius:0;transform:none;box-shadow:none}.product-preview figcaption{white-space:nowrap;position:relative;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 60px)}figcaption{font-size:11px;color:var(--muted);text-align:center;margin-top:16px}
.story-section{padding-block:72px;border-top:1px solid var(--line)}.problem{display:grid;grid-template-columns:1fr 1fr;gap:80px}.problem h2{max-width:490px}.story-copy p+p{margin-top:18px}.pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;padding-block:10px 80px}.pillars .pillar{border-top:1px solid var(--line);padding-top:22px;display:flex;flex-direction:column;align-items:flex-start}.step-label{font-size:12px;color:var(--orange);margin-bottom:22px}.pillars h2{font-size:27px;max-width:270px;margin-bottom:18px}.pillars .pillar>p:not(.step-label){font-size:14px}.pillars .text-link{margin-top:auto;padding-top:22px}.status{color:var(--orange);font-size:12px}.pillars .status{margin-top:16px}
.social-story{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center;padding:48px 64px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);margin-bottom:72px}.social-story h2{max-width:470px}.social-story>div>p{margin-top:24px;max-width:470px}.social-evidence{width:min(240px,100%);justify-self:center}.social-evidence figcaption{font-size:10px}
.journey{list-style:none;padding:0;margin:36px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.journey h3{font-size:19px;letter-spacing:-.02em}.journey p{font-size:13px;margin-top:14px}.inline-status{display:block;color:var(--orange);font-size:11px;margin-top:6px;letter-spacing:0}.credibility{display:flex;justify-content:space-between;align-items:center;gap:64px;border-top:1px solid var(--line);padding-block:64px}.credibility h2{max-width:500px;font-size:30px}.credibility>div{max-width:430px}.credibility p{font-size:14px}.credibility .status{margin-bottom:12px}.credibility a{margin-top:10px}
.try-section{display:grid;grid-template-columns:1.2fr 1fr;gap:100px;padding-block:64px;border-top:1px solid var(--line)}.try-section h2{font-size:36px}.try-section>div>p{max-width:460px;margin-top:20px;font-size:14px}.try-section .button{margin-top:24px}.try-section .small{font-size:12px;margin-top:12px}.try-explanation h3{font-size:20px}.try-explanation ol{padding-left:22px;margin-top:22px}.try-explanation li{padding-left:8px;margin-top:14px;font-size:14px}.try-explanation li::marker{color:var(--orange)}.try-explanation li p{font-size:12px}.finish{padding-block:72px;display:flex;align-items:center;justify-content:space-between;gap:60px;border-top:1px solid var(--line)}.finish h2{font-size:34px;max-width:620px}.finish p{margin-top:18px;font-size:14px}.finish .button{flex-shrink:0}.footer{display:flex;justify-content:space-between;gap:32px;padding-block:28px 40px;border-top:1px solid var(--line)}.footer nav{display:flex;gap:24px;flex-wrap:wrap}.footer nav a{display:inline-flex;align-items:center;min-height:44px;font-size:12px;color:var(--muted)}.footer a:hover{color:var(--orange)}
.company-intro{padding-block:90px 72px}.company-intro h1{max-width:920px;font-size:clamp(40px,5vw,64px)}.company-intro .lead{max-width:760px;font-size:19px;margin-top:32px}.company-body{display:grid;grid-template-columns:1fr 1.2fr;gap:100px;padding-block:64px;border-top:1px solid var(--line)}.company-body h2{font-size:32px;max-width:390px}.company-body h3{font-size:20px;margin-bottom:14px}.company-body p+h3{margin-top:32px}.company-body .text-link{margin-top:22px}.interior .pillar{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px;border-top:1px solid var(--line);padding-block:56px}.interior .pillar h2{max-width:470px}.interior .pillar>div>p{max-width:500px;margin-top:22px}.interior .pillar .text-link{margin-top:22px}.screen-evidence{width:min(250px,100%);justify-self:center}.training-inputs{padding:32px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg)}.training-inputs h3{font-size:23px;margin-bottom:24px}.training-inputs dl>div{padding-block:14px;border-top:1px solid var(--line)}.training-inputs dt{font-weight:600}.training-inputs dd{color:var(--muted);font-size:13px}.training-inputs>p,.availability-note{font-size:12px}section[id]{scroll-margin-top:28px}
@media(max-width:1000px){:root{--gutter:32px}.campaign{gap:40px}.masthead nav{gap:18px}.header-action{display:none}.pillars{gap:24px}.social-story{gap:40px;padding-inline:40px}.company-body{gap:48px}.try-section{gap:48px}.finish{gap:32px}.finish h2{font-size:30px}}
@media(max-width:760px){:root{--gutter:24px}.masthead{flex-wrap:wrap;gap:0;padding-top:16px;padding-bottom:12px;min-height:104px}.masthead .brand{flex-basis:100%}.masthead nav{width:100%;justify-content:space-between;gap:12px}.masthead nav a{font-size:12px}.campaign{grid-template-columns:1fr;padding-block:40px 48px;gap:36px}.intro{max-width:560px}.intro h1{font-size:clamp(40px,7.5vw,56px);max-width:530px}.intro>div>p{font-size:16px}.product-preview{width:100%;padding-block:20px}.product-preview figure{width:240px}.problem{grid-template-columns:1fr;gap:24px}.story-section{padding-block:48px}.pillars{grid-template-columns:1fr;padding-block:0 48px;gap:28px}.pillars .pillar{display:grid;grid-template-columns:1fr;gap:0}.pillars h2{max-width:none;font-size:28px}.step-label{margin-bottom:14px}.pillars .text-link{padding-top:12px}.social-story{grid-template-columns:1fr;gap:32px;padding:32px 24px;margin-bottom:48px}.social-story h2{max-width:none}.social-evidence{width:240px}.journey{grid-template-columns:1fr 1fr;gap:28px}.credibility{display:block;padding-block:48px}.credibility>div{margin-top:24px}.try-section{grid-template-columns:1fr;gap:32px;padding-block:48px}.try-section h2{font-size:32px}.finish{display:block;padding-block:48px}.finish .button{margin-top:28px}.footer{display:block}.footer nav{gap:8px 22px;margin-top:16px}.company-intro{padding-block:48px}.company-intro h1{font-size:40px}.company-intro .lead{font-size:17px}.company-body{grid-template-columns:1fr;gap:26px;padding-block:40px}.interior .pillar{grid-template-columns:1fr;gap:32px;padding-block:40px}.training-inputs{padding:24px}.screen-evidence{width:250px}}
@media(max-width:360px){:root{--gutter:18px}.masthead nav{gap:8px}.masthead nav a{font-size:11px}.intro h1,.company-intro h1{font-size:36px}.intro-action{gap:12px}.product-preview{padding-inline:12px}.product-preview figure{width:220px}.social-evidence{width:220px}.button{font-size:13px;padding-inline:16px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}