/* Clipjar v2.2 — shared tokens and refinements of the approved visual system. */
:root{--surface-dark:#17151f;--surface-raised:#262033;--text-on-dark:#d0c9de;--muted:#625d6d;--violet:#7049e0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--radius-sm:.625rem;--radius-md:1rem;--radius-lg:1.5rem;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--border-dark:1px solid #ffffff26;--shadow-panel:0 24px 64px #08051230,inset 0 1px 0 #ffffff15}
html,body{background-color:var(--surface-dark)}main{background:var(--paper);display:flow-root}main:focus{outline:none}.container{max-width:calc(100% - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px) - 36px)}.site-header{height:auto;min-height:84px;padding-top:env(safe-area-inset-top,0px)}.header-inner{min-height:84px}.site-footer{padding-bottom:env(safe-area-inset-bottom,0px)}
:where(a,button,summary):focus-visible{outline:3px solid #8c65ed;outline-offset:5px}:where(.site-header,.hero-shell,.ready-shell,.site-footer,.brand-page-hero,.bottom-cta,.error-shell) :focus-visible{outline-color:var(--lime)}.button{border-radius:var(--radius-sm)}.button:disabled{opacity:.8;cursor:wait;box-shadow:none}.button-secondary{background:#eee8fb;color:#542db2;border:1px solid #d7c9f2}
.mobile-nav{display:none}.download-panel{background:linear-gradient(140deg,#ffffff14,#c6aaff09);box-shadow:var(--shadow-panel);border-color:#d2c1ff40}.download-panel:focus-within{border-color:#c3abff8c}.input-wrap button{width:44px;min-width:44px;height:44px}.input-wrap input::placeholder{color:#736c80}.input-hint{font-size:var(--text-xs);color:#ccc6d9}.form-status:not(:empty){padding:12px 14px;border:1px solid #bfa8ff45;border-radius:var(--radius-sm);background:#ba9eff12;font-size:var(--text-sm)}.form-status.is-error{border-color:#ffb3ab66;color:#ffdad5;background:#ff8f7f12}.form-status.is-error:before{content:'Let’s try that again';display:block;margin-bottom:4px;font-weight:700}.is-preparing .input-wrap{opacity:.8}.preparation-track{margin-top:12px;height:3px;overflow:hidden;background:#ffffff20;border-radius:3px}.preparation-track span{display:block;width:40%;height:100%;background:#c9b5ff;border-radius:3px;animation:preparing 2s ease-in-out infinite alternate}@keyframes preparing{from{transform:translateX(-100%)}to{transform:translateX(350%)}}
.hero-footnote,.hero-benefits,.floating-note small,.phone-screen-bottom,.scene-caption span{font-size:var(--text-xs)}.hero-footnote{letter-spacing:.03em;color:#bcb4cc}.hero-eyebrow{font-size:11px}.showcase-phone{animation:phone-float 8s ease-in-out infinite}.showcase-glow{animation:glow-breathe 12s ease-in-out infinite alternate}.floating-note{animation:note-float 9s ease-in-out infinite alternate}.note-bottom{animation-delay:-4s}@keyframes phone-float{0%,100%{transform:translateY(0) rotate(7deg)}50%{transform:translateY(-8px) rotate(7deg)}}@keyframes glow-breathe{from{opacity:.65;transform:scale(.96)}to{opacity:1;transform:scale(1.05)}}@keyframes note-float{from{translate:0 0}to{translate:0 -5px}}
.value-strip{background:#241d32;border-block:1px solid #ffffff16}.value-strip-inner{min-height:70px;color:#ddd6e9;font-size:var(--text-xs)}.value-strip .icon{color:var(--lime)}.steps-grid{gap:0;border-top:1px solid var(--line)}.step{padding:28px 30px 12px;border:0;border-right:1px solid var(--line);border-radius:0;background:transparent;box-shadow:none;min-height:320px}.step:first-child{padding-left:0}.step:last-child{padding-right:0;border-right:0}.step:hover{transform:none;box-shadow:none}.step-number{display:flex;align-items:center;gap:16px;font-size:11px;letter-spacing:.06em;color:#62516f}.step-number strong{font:500 48px/1 'Space Grotesk',sans-serif;letter-spacing:-.06em;color:var(--violet-deep)}.step-icon{width:42px;height:42px;margin:24px 0 18px;border-radius:var(--radius-sm)}.step-icon .icon{width:22px;height:22px}.step p{font-size:var(--text-sm)}.step-detail{font-size:11px;color:#655976;letter-spacing:.06em}.benefits-list article{padding-block:30px;transition:border-color .2s}.benefits-list article:hover{border-bottom-color:#b79bff}.benefits-list p,.faq-list details p{font-size:var(--text-sm)}.benefit-number{font-size:var(--text-xs)}.faq-list summary{padding:24px 0}.faq-list summary:after{transition:background .2s,color .2s}.faq-list summary:hover:after{background:#dacbff}.faq-list details[open]{padding-bottom:4px}.faq-list details[open] p{animation:answer-in .2s ease-out}@keyframes answer-in{from{opacity:.5;transform:translateY(-3px)}to{opacity:1;transform:none}}
.bottom-cta{isolation:isolate;box-shadow:var(--shadow-panel);border:1px solid #b798ff2b}.bottom-cta:before{content:'';position:absolute;z-index:-1;width:330px;height:330px;border:1px solid #c3aaff20;border-radius:50%;right:8%;top:-160px;box-shadow:0 0 0 50px #b094fa08,0 0 0 100px #b094fa05;pointer-events:none}.bottom-cta .eyebrow,.ready-help .eyebrow{font-size:11px}
.ready-help .eyebrow{color:#5d4779}
.ready-layout{grid-template-columns:1.15fr .85fr;gap:48px}.ready-copy h1{font-size:clamp(48px,5.4vw,76px)}.ready-actions{margin-top:26px}.ready-actions .button{min-width:250px}.download-feedback{color:var(--lime);font-size:var(--text-sm);line-height:1.6}.download-feedback:not(:empty){margin-top:16px;padding-left:14px;border-left:2px solid var(--lime);max-width:450px}.download-requested .next-video{border-bottom:1px solid var(--lime);padding-bottom:6px}.file-details{margin-top:22px}.file-details span{font-size:11px;letter-spacing:.04em}.save-hint{color:#c1b9ce;font-size:var(--text-sm)}.next-video{min-height:44px}.preview-phone{transform:rotate(2deg);height:568px;width:290px}.preview-screen{display:flex;align-items:center}.video-preview{position:relative;inset:auto;height:calc(100% - 38px)}.ready-visual{min-height:640px}.preview-caption{bottom:0;left:0;right:0;text-align:center;transform:none;font-size:var(--text-xs);font-weight:400;letter-spacing:0}.ad-region{margin-block:28px;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.ad-label{color:#696271;font-size:11px}.adsbygoogle[data-ad-status='unfilled']{display:none!important}
/* Brand pages and support paths. */
.brand-page-hero,.legal-header{color:#fff;background:radial-gradient(ellipse at 85% 10%,#49336970,transparent 55%),var(--surface-dark)}.brand-page-hero .container{position:relative;padding-block:88px}.brand-page-hero .eyebrow,.legal-header .eyebrow{color:var(--lime)}.brand-page-hero h1{font-size:clamp(54px,6vw,88px);margin:24px 0;max-width:850px}.brand-page-hero .document-lead{color:var(--text-on-dark);max-width:660px;font-size:18px}.brand-signature{position:absolute;right:0;bottom:90px;display:flex;flex-direction:column;gap:22px;color:#c7b2ff;font:500 24px/1.3 'Space Grotesk',sans-serif}.principle-list{margin-top:56px;border-top:1px solid var(--line)}.principle-list article{display:grid;grid-template-columns:240px 1fr 24px;gap:40px;padding-block:36px;border-bottom:1px solid var(--line)}.principle-index{font-size:var(--text-xs);font-weight:700;letter-spacing:.06em;color:var(--violet-deep)}.principle-list h3{font-size:30px;margin-bottom:12px}.principle-list p{max-width:660px;color:var(--muted)}.principle-list .text-link{margin-top:16px;min-height:36px}.principle-list article>.icon{color:var(--violet-deep)}.editorial-note{display:grid;grid-template-columns:240px 1fr;gap:40px;padding-bottom:96px}.editorial-note .eyebrow{align-self:start;color:var(--violet-deep)}.editorial-note h2{font-size:40px;margin-bottom:24px}.editorial-note p:not(.eyebrow){max-width:660px;color:var(--muted);margin-block:12px}
.support-email{display:inline-flex;align-items:center;gap:12px;margin-top:30px;padding:14px 18px;border:var(--border-dark);border-radius:var(--radius-sm);color:#e4d8ff;font-size:var(--text-sm);font-weight:700}.support-email .icon:first-child{color:var(--lime)}.support-email .icon{width:17px;height:17px}.support-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:46px}.support-grid article{position:relative;min-height:300px;padding:30px;border:1px solid #e7e0d9;border-radius:var(--radius-md);background:#fff;box-shadow:0 12px 28px #201b3008}.support-grid article>.icon{position:absolute;right:30px;top:30px;color:var(--violet)}.support-grid h3{font-size:29px;margin:38px 0 12px}.support-grid p{max-width:500px;color:var(--muted);font-size:var(--text-sm)}.support-grid .text-link{margin-top:24px}.support-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:40px;padding-block:28px;border-top:1px solid var(--line)}.support-footer p{color:var(--muted);font-size:var(--text-sm)}
/* Legal: broad reading measure and persistent section navigation. */
.legal-header .container{padding-block:70px}.legal-header h1{font-size:clamp(50px,6vw,80px);margin:20px 0}.legal-header .document-lead{color:var(--text-on-dark);font-size:17px}.updated-date{margin-top:23px;color:#bcb4cc;font-size:var(--text-xs)}.legal-layout{display:grid;grid-template-columns:220px minmax(0,730px);justify-content:space-between;gap:70px;padding-block:70px 95px}.legal-sidebar nav{position:sticky;top:30px;display:flex;flex-direction:column;gap:14px}.legal-sidebar .eyebrow{color:var(--violet-deep);margin-bottom:10px}.legal-sidebar a{color:#625b6d;font-size:12px;line-height:1.45}.legal-sidebar a:hover{color:var(--violet-deep)}.legal-mobile-nav{display:none}.legal-content section{scroll-margin-top:20px;padding:0 0 28px;margin:0 0 28px;border-bottom:1px solid var(--line)}.legal-content h2{font-size:23px;margin:0 0 15px}.legal-content p,.legal-content li{font-size:var(--text-sm);line-height:1.8;color:#5b5663}.legal-content p+p{margin-top:12px}.legal-content ul{padding-left:23px}.legal-content a{color:#5933be;text-decoration:underline;text-underline-offset:3px}
.error-shell{min-height:680px;color:#fff;background:radial-gradient(circle at 70% 20%,#34264a70,transparent 55%),var(--surface-dark)}.error-layout{display:grid;grid-template-columns:280px 1fr;align-items:center;gap:95px;min-height:680px}.error-mark{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;min-height:220px;border:var(--border-dark);border-radius:var(--radius-lg);background:#ffffff05;color:#a592ca;font-size:11px;letter-spacing:.12em;text-align:center}.error-copy .eyebrow{color:var(--lime)}.error-copy h1{max-width:730px;font-size:clamp(45px,5vw,75px);margin:25px 0}.error-copy>p:not(.eyebrow):not(.error-reference){max-width:650px;color:var(--text-on-dark);font-size:17px}.error-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:30px}.error-actions .text-link{color:var(--lime)}.error-reference{margin-top:28px;color:#aaa0ba;font-size:11px;overflow-wrap:anywhere}
.site-footer{border-top:1px solid #ffffff13;background:var(--surface-dark);color:#fff}.footer-top{padding-block:57px 45px}.footer-top p{color:#b1aabe;font-size:var(--text-xs)}.footer-nav{color:#ded5ed;font-size:var(--text-xs)}.footer-nav a:hover{color:var(--lime)}.footer-bottom{border-color:#ffffff23;color:#a9a2b6;font-size:11px}
@media(max-width:1080px){.brand-signature{right:10px;opacity:.5}.legal-layout{gap:34px}.error-layout{gap:45px}}
@media(max-width:780px){.site-header{min-height:72px}.header-inner{min-height:72px}.button-header{display:none}.mobile-nav{display:block;position:relative;z-index:20;margin-left:auto}.mobile-nav summary{display:flex;align-items:center;gap:13px;min-height:44px;padding:9px 14px;border:var(--border-dark);border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:var(--text-sm);font-weight:700;list-style:none}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav summary span{font-size:18px;font-weight:400}.mobile-nav nav{position:absolute;right:0;top:calc(100% + 8px);display:grid;grid-template-columns:repeat(2,minmax(130px,1fr));gap:3px;width:min(330px,calc(100vw - 30px));padding:12px;border:var(--border-dark);border-radius:var(--radius-md);background:#282039;box-shadow:0 25px 60px #09050ecc}.mobile-nav nav a{padding:11px 12px;border-radius:8px;color:#f2eaff;font-size:var(--text-sm);font-weight:600}.mobile-nav nav a:hover,.mobile-nav nav a:focus-visible{background:#4c376e}.showcase-phone{animation-name:phone-float-mobile}@keyframes phone-float-mobile{0%,100%{transform:translateY(0) rotate(5deg)}50%{transform:translateY(-7px) rotate(5deg)}}.steps-grid{border-top:1px solid var(--line)}.step{padding-inline:16px}.step:first-child{padding-left:0}.step:last-child{padding-right:0}.step-number{display:block}.step-number strong{display:block;margin-bottom:5px}.ready-copy{display:contents}.ready-layout{display:flex;flex-direction:column;align-items:stretch;gap:0;padding-block:50px 62px}.ready-badge{order:1;align-self:flex-start}.ready-copy h1{order:2;font-size:clamp(48px,8vw,70px);margin:20px 0 10px}.ready-lead{order:3}.ready-actions{order:4;margin-top:23px}.download-feedback{order:5}.file-details{order:6}.save-hint{order:7}.ready-copy>.text-link{order:8}.ready-visual{order:9;min-height:545px;margin-top:12px}.preview-phone{width:255px;height:500px;transform:rotate(0)}.ready-visual-orbit{width:400px;height:400px}.preview-caption{bottom:5px}.legal-layout{display:block;padding-block:24px 70px}.legal-sidebar{display:none}.legal-mobile-nav{display:block;margin:0 0 32px;border-bottom:1px solid var(--line)}.legal-mobile-nav summary{padding:15px 0;color:#5d36bc;cursor:pointer;font-size:var(--text-sm);font-weight:700}.legal-mobile-nav nav{display:grid;gap:10px;padding:6px 0 20px}.legal-mobile-nav a{color:#5b5367;font-size:var(--text-sm)}.brand-signature{display:none}.principle-list article,.editorial-note{grid-template-columns:160px 1fr;gap:20px}.error-layout{grid-template-columns:1fr;gap:18px;padding-block:65px;min-height:600px}.error-mark{min-height:120px}.error-mark img{width:48px;height:48px}}
@media(max-width:600px){.site-header{min-height:68px}.header-inner{min-height:68px}.container{width:calc(100% - 36px)}.hero-grid{padding-top:32px}.hero-eyebrow{font-size:11px}.hero-copy h1{margin:15px 0}.hero-description{font-size:15px}.download-panel{margin-top:22px}.input-hint{font-size:var(--text-xs)}.hero-benefits{font-size:11px}.showcase{min-height:330px;margin-top:24px;margin-bottom:20px}.showcase-phone{width:170px;height:321px;border-radius:34px}.showcase-phone .phone-screen{border-radius:27px}.showcase-phone .phone-island{width:59px;height:18px}.showcase-phone .scene-caption{bottom:49px;left:13px}.showcase-phone .scene-caption strong{font-size:19px}.showcase-phone .phone-screen-bottom{bottom:20px;left:12px;right:12px}.floating-note{font-size:11px}.floating-note small{font-size:11px}.note-top{top:30px;left:calc(50% - 155px)}.note-bottom{right:calc(50% - 158px);bottom:25px}.hero-footnote{font-size:11px}.value-strip-inner{font-size:11px;gap:7px 18px}.steps-grid{display:block;margin-top:34px}.step,.step:first-child,.step:last-child{min-height:0;padding:24px 0;border:0;border-bottom:1px solid var(--line)}.step-number{display:flex}.step-number strong{margin:0;font-size:42px}.step-icon{margin:16px 0}.step p{font-size:var(--text-sm)}.brand-page-hero .container{padding-block:65px}.brand-page-hero h1{font-size:clamp(48px,12vw,70px)}.brand-page-hero .document-lead{font-size:16px}.principle-list{margin-top:35px}.principle-list article{grid-template-columns:1fr 20px;gap:7px;padding-block:27px}.principle-list .principle-index{grid-column:1/-1}.principle-list h3{font-size:24px}.editorial-note{grid-template-columns:1fr;gap:12px;padding-bottom:65px}.editorial-note h2{font-size:32px}.support-grid{grid-template-columns:1fr;gap:12px;margin-top:32px}.support-grid article{min-height:0;padding:25px}.support-grid h3{margin-top:28px;font-size:25px}.support-footer{align-items:flex-start;flex-direction:column}.legal-header .container{padding-block:52px}.legal-header h1{font-size:50px}.legal-header .document-lead{font-size:15px}.legal-content h2{font-size:21px}.ready-layout{padding-top:33px}.ready-copy h1{font-size:clamp(43px,11.5vw,65px)}.ready-lead{font-size:15px}.ready-actions{display:block;width:100%}.ready-actions .button{width:100%;min-width:0;justify-content:center}.ready-visual{min-height:530px;margin-top:24px}.preview-caption{bottom:0}.preview-phone{width:235px;height:455px}.ready-visual-orbit{width:320px;height:320px}.ready-help{grid-template-columns:1fr;gap:12px}.file-details span{font-size:11px}.footer-top{gap:26px}.footer-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px}.footer-nav a{min-height:30px}.error-mark{display:none}.error-shell{min-height:510px}.error-layout{min-height:510px;padding-block:60px}.error-copy h1{font-size:clamp(43px,10vw,60px)}.error-actions{gap:16px}.error-actions .text-link{min-height:44px}.error-copy>p:not(.eyebrow):not(.error-reference){font-size:16px}}
@media(max-width:360px){.hero-copy h1{font-size:47px}.showcase{min-height:295px}.showcase-phone{width:154px;height:292px}.note-top{left:0}.note-bottom{right:0}.floating-note{padding:7px;font-size:10px}.floating-note small{font-size:10px}.ready-copy h1{font-size:42px}.ready-visual{min-height:490px}.preview-phone{width:215px;height:417px}.ready-visual-orbit{width:280px;height:280px}.error-actions{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.showcase-phone,.showcase-glow,.floating-note,.preparation-track span,.faq-list details[open] p{animation:none!important}.benefits-list article,.faq-list summary:after{transition:none!important}}
/* Never fade FAQ body text: intermediate opacity can compromise contrast. */
@keyframes answer-in{from{transform:translateY(-3px)}to{transform:none}}