/* ============================================
   1p.dev v7 — V2 + Animated Video Hero
   V2 DNA with live product walkthrough
   ============================================ */

:root {
    --bg: #09090b; --bg-alt: #0c0c0f;
    --surface: rgba(255,255,255,0.03); --surface-hover: rgba(255,255,255,0.06);
    --glass: rgba(255,255,255,0.04); --glass-border: rgba(255,255,255,0.08); --glass-border-hover: rgba(255,255,255,0.14);
    --text: #fafafa; --text-2: #a1a1aa; --text-3: #52525b;
    --accent: #6366f1; --accent-light: #818cf8; --accent-glow: rgba(99,102,241,0.15); --accent-glow-strong: rgba(99,102,241,0.3);
    --green: #22c55e; --blue: #3b82f6;
    --font: 'Inter', -apple-system, sans-serif; --font-serif: 'Literata', Georgia, serif;
    --radius: 12px; --radius-lg: 20px; --radius-xl: 24px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}
body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}ul{list-style:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;-webkit-tap-highlight-color:transparent}input{font:inherit}
.container{max-width:1140px;margin:0 auto;padding:0 max(24px, env(safe-area-inset-left)) 0 max(24px, env(safe-area-inset-right))}.narrow{max-width:800px}
h1,h2,h3{font-weight:600;line-height:1.15;letter-spacing:-.025em}
h1{font-size:clamp(2.8rem,6vw,4.2rem)}h2{font-size:clamp(2rem,4vw,2.8rem)}h3{font-size:1.15rem}
em{font-family:var(--font-serif);font-style:italic;font-weight:400}
.glass-card{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-lg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all .3s}
.glass-card:hover{background:var(--surface-hover);border-color:var(--glass-border-hover)}

/* Buttons */
.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border-radius:100px;background:var(--accent);color:#fff;font-weight:600;font-size:.9rem;transition:all .25s;box-shadow:0 0 20px var(--accent-glow)}
.btn-primary:hover{background:var(--accent-light);box-shadow:0 0 40px var(--accent-glow-strong);transform:translateY(-1px)}
.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border-radius:100px;border:1px solid var(--glass-border);color:var(--text-2);font-weight:500;font-size:.9rem;transition:all .25s}
.btn-secondary:hover{border-color:var(--glass-border-hover);color:var(--text)}
.btn-ghost{color:var(--text-2);font-size:.88rem;font-weight:500;padding:10px 16px;transition:color .2s}.btn-ghost:hover{color:var(--text)}
.btn-lg{padding:16px 36px;font-size:.95rem}.btn-block{width:100%;justify-content:center;text-align:center}
.arrow{transition:transform .2s}.btn-primary:hover .arrow{transform:translateX(3px)}

/* Nav */
.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:calc(18px + env(safe-area-inset-top)) 0 18px;transition:all .3s}
.nav.scrolled{background:rgba(9,9,11,.8);backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);padding:calc(14px + env(safe-area-inset-top)) 0 14px}
.nav-inner{max-width:1140px;margin:0 auto;padding:0 max(24px, env(safe-area-inset-left)) 0 max(24px, env(safe-area-inset-right));display:flex;align-items:center;justify-content:space-between}
.logo{font-size:1.35rem;font-weight:400;letter-spacing:-.03em}.logo strong{font-weight:700}.logo span{color:var(--accent-light);font-weight:400}
.nav-links{display:flex;gap:32px}.nav-links a{font-size:.88rem;color:var(--text-2);font-weight:500;transition:color .2s}.nav-links a:hover{color:var(--text)}
.nav-cta{display:flex;align-items:center;gap:8px}

/* Hero */
.hero{position:relative;padding:140px 0 0;text-align:center;overflow:hidden}
.hero-glow{position:absolute;top:-200px;left:50%;transform:translateX(-50%);width:800px;height:600px;background:radial-gradient(ellipse,var(--accent-glow) 0%,transparent 70%);pointer-events:none}
.hero-glow-2{position:absolute;top:-100px;left:50%;transform:translateX(-50%);width:400px;height:400px;background:radial-gradient(circle,rgba(99,102,241,.08) 0%,transparent 70%);pointer-events:none}
.grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse at 50% 30%,black 20%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at 50% 30%,black 20%,transparent 70%);pointer-events:none}
.hero-pill{display:inline-flex;align-items:center;gap:10px;padding:8px 20px;border-radius:100px;background:var(--glass);border:1px solid var(--glass-border);font-size:.82rem;color:var(--text-2);font-weight:500;margin-bottom:32px}
.pill-dot{width:8px;height:8px;border-radius:50%;background:var(--green);animation:pulse 2s infinite}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(34,197,94,.4)}50%{box-shadow:0 0 0 6px transparent}}
.hero h1{margin-bottom:24px;max-width:700px;margin-left:auto;margin-right:auto}
.hero-desc{font-size:1.15rem;color:var(--text-2);max-width:580px;margin:0 auto 40px;line-height:1.7}
.hero-actions{display:flex;gap:16px;justify-content:center;margin-bottom:60px;flex-wrap:wrap}

/* Animated Demo Window */
.demo-wrap{max-width:960px;margin:0 auto;padding:0 24px;position:relative}
.demo-glow{position:absolute;inset:-40px;background:radial-gradient(ellipse at 50% 100%,var(--accent-glow) 0%,transparent 60%);pointer-events:none;z-index:0}
.demo-window{position:relative;z-index:1;border:1px solid var(--glass-border);border-radius:var(--radius-xl);overflow:hidden;background:var(--bg-alt);box-shadow:0 40px 100px rgba(0,0,0,.5),0 0 80px var(--accent-glow)}
.demo-bar{display:flex;align-items:center;gap:14px;padding:12px 18px;background:rgba(255,255,255,.02);border-bottom:1px solid var(--glass-border)}
.demo-dots{display:flex;gap:6px}.demo-dots span{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.08)}
.demo-dots span:first-child{background:#ff5f57}.demo-dots span:nth-child(2){background:#febc2e}.demo-dots span:nth-child(3){background:#28c840}
.demo-url{flex:1;text-align:center;display:flex;align-items:center;justify-content:center;gap:6px;font-size:.75rem;color:var(--text-3);font-weight:500;background:rgba(255,255,255,.03);padding:6px 16px;border-radius:8px}
.lock{color:var(--green)}
.demo-body{display:grid;grid-template-columns:190px 1fr;min-height:400px}

/* Demo sidebar */
.demo-sidebar{background:rgba(255,255,255,.01);border-right:1px solid var(--glass-border);padding:14px 10px}
.ds-brand{display:flex;align-items:center;gap:8px;padding:8px 10px;margin-bottom:16px}
.ds-brand-dot{width:24px;height:24px;border-radius:8px;background:var(--accent-glow);border:1px solid rgba(99,102,241,.3)}
.ds-brand span{font-size:.8rem;font-weight:600}
.ds-nav{display:flex;flex-direction:column;gap:2px}
.ds-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;font-size:.78rem;color:var(--text-3);font-weight:500}
.ds-item.active{background:var(--accent-glow);color:var(--accent-light)}
.ds-item span{font-size:.9rem}

/* Demo main */
.demo-main{padding:20px;overflow:hidden;position:relative;min-height:360px}
.demo-phase{display:flex;flex-direction:column;gap:14px;animation:fadeIn .4s ease}
.demo-phase.hidden{display:none}
@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}

/* Messages */
.demo-msg{display:flex;gap:10px}
.demo-msg.user-msg{justify-content:flex-end}
.msg-bubble{padding:12px 16px;border-radius:14px;font-size:.82rem;max-width:400px;line-height:1.55}
.msg-bubble.user{background:var(--accent);color:#fff;border-bottom-right-radius:4px}
.msg-bubble.agent{background:rgba(255,255,255,.04);border:1px solid var(--glass-border);border-bottom-left-radius:4px;color:var(--text-2)}
.agent-avatar{width:28px;height:28px;border-radius:50%;background:var(--accent-glow);border:1px solid rgba(99,102,241,.3);display:flex;align-items:center;justify-content:center;font-size:.8rem;flex-shrink:0}
.agent-name{font-size:.7rem;font-weight:600;color:var(--text-3);margin-bottom:6px}

/* Typing cursor */
.typed-text{color:#fff}
.cursor{color:rgba(255,255,255,.6);animation:blink .8s infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}

/* Task cards */
.demo-tasks{display:flex;flex-direction:column;gap:6px;margin-left:38px}
.demo-tasks.compact .demo-task{padding:8px 12px}
.demo-task{display:flex;align-items:center;gap:12px;padding:10px 14px;background:rgba(255,255,255,.02);border:1px solid var(--glass-border);border-radius:10px;font-size:.78rem;transition:all .3s}
.task-check{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;flex-shrink:0}
.task-check.done{background:rgba(34,197,94,.15);color:var(--green);border:1px solid rgba(34,197,94,.3)}
.task-check.pending{color:var(--text-3)}
.task-check.active{border:none;background:none}
.spinner{width:16px;height:16px;border:2px solid var(--glass-border);border-top-color:var(--accent-light);border-radius:50%;animation:spin 1s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.task-name{font-weight:600;color:var(--text)}
.task-agent{font-size:.7rem;color:var(--text-3);margin-top:2px}
.task-status-text{margin-left:auto;font-weight:500;font-size:.72rem}
.task-status-text.done{color:var(--green)}
.task-status-text.pending{color:var(--text-3)}
.task-progress{margin-left:auto;width:70px;height:4px;background:var(--glass-border);border-radius:4px;overflow:hidden}
.task-bar{height:100%;background:var(--accent-light);border-radius:4px;transition:width 3s ease}

/* File card */
.delivery p{margin-bottom:10px}
.file-card{display:flex;align-items:center;gap:12px;padding:12px 14px;background:rgba(255,255,255,.03);border:1px solid var(--glass-border);border-radius:10px}
.file-icon-wrap{width:36px;height:36px;border-radius:10px;background:var(--accent-glow);display:flex;align-items:center;justify-content:center;color:var(--accent-light);flex-shrink:0}
.file-name{font-size:.82rem;font-weight:600;color:var(--text)}.file-meta{font-size:.7rem;color:var(--accent-light);margin-top:2px}
.file-download{width:28px;height:28px;border-radius:50%;background:var(--accent-glow);color:var(--accent-light);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;margin-left:auto}

/* Complete badge */
.demo-complete-badge{display:flex;align-items:center;gap:8px;justify-content:center;padding:10px 20px;background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.2);border-radius:100px;font-size:.78rem;color:var(--green);font-weight:500;animation:fadeIn .6s ease}
.complete-dot{width:8px;height:8px;border-radius:50%;background:var(--green)}

/* Replay */
.replay-btn{display:flex;align-items:center;gap:8px;margin:16px auto 0;padding:8px 18px;border-radius:100px;background:var(--glass);border:1px solid var(--glass-border);color:var(--text-2);font-size:.78rem;font-weight:500;transition:all .25s;cursor:pointer}
.replay-btn:hover{border-color:var(--accent);color:var(--accent-light)}
.replay-btn.hidden{display:none}

/* Proof strip */
.proof-strip{padding:48px 0;border-top:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border);margin-top:60px}
.proof-label{text-align:center;font-size:.78rem;color:var(--text-3);text-transform:uppercase;letter-spacing:.15em;font-weight:600;margin-bottom:16px}
.proof-row{display:flex;justify-content:center;gap:48px;flex-wrap:wrap}
.proof-country{display:inline-flex;align-items:center;gap:8px;font-size:.9rem;color:var(--text-2);font-weight:500}
.proof-country img{width:18px;height:18px;display:block;flex-shrink:0}

/* Sections */
.section{padding:120px 0}.section-alt{background:var(--bg-alt)}
.section-label{display:inline-block;font-size:.78rem;font-weight:600;color:var(--accent-light);text-transform:uppercase;letter-spacing:.15em;margin-bottom:16px}
.section-title{text-align:center;max-width:650px;margin:0 auto 24px}.section-title.left{text-align:left;margin:0 0 24px}
.section-desc{text-align:center;color:var(--text-2);font-size:1.05rem;max-width:520px;margin:0 auto 56px}

/* Why agencies switch */
.why-switch{padding-top:84px}
.switch-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:40px}
.switch-card{padding:28px 24px}
.switch-icon{font-size:1.5rem;margin-bottom:16px}
.switch-card h3{font-size:1rem;margin-bottom:10px}
.switch-card p{color:var(--text-2);font-size:.85rem;line-height:1.65}

/* Cards */
.cards-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:56px}
.cards-4 .glass-card{padding:28px 24px}.gc-num{font-size:.75rem;font-weight:700;color:var(--text-3);margin-bottom:16px}
.cards-4 h3{font-size:1rem;margin-bottom:10px}.cards-4 p{color:var(--text-2);font-size:.85rem;line-height:1.65}

/* Split */
.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.split-desc{color:var(--text-2);font-size:1.05rem;line-height:1.7;margin-bottom:36px}
.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.check-item{display:flex;align-items:center;gap:12px;font-size:.9rem;font-weight:500}
.check-icon{width:24px;height:24px;border-radius:50%;background:var(--accent-glow);color:var(--accent-light);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}
.metric-stack{display:flex;flex-direction:column;gap:16px}
.metric-card{padding:24px}.mc-value{font-size:1.8rem;font-weight:700;letter-spacing:-.03em}
.mc-value span{font-size:.85rem;font-weight:500;color:var(--text-2)}.mc-label{font-size:.8rem;color:var(--text-3);margin:4px 0 12px}
.mc-bar{height:4px;background:rgba(255,255,255,.06);border-radius:4px;overflow:hidden}
.mc-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-light));border-radius:4px}

/* Feature */
.feature-section{position:relative;overflow:hidden}
.feature-bg-glow{position:absolute;left:50%;top:120px;transform:translateX(-50%);width:820px;height:520px;background:radial-gradient(ellipse,var(--accent-glow) 0%,transparent 70%);pointer-events:none;opacity:.65}
.feature-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;padding:42px;align-items:center;margin-bottom:24px;position:relative}
.fh-badge{display:inline-block;font-size:.72rem;font-weight:600;color:var(--accent-light);text-transform:uppercase;letter-spacing:.12em;padding:5px 14px;background:var(--accent-glow);border-radius:100px;border:1px solid rgba(99,102,241,.2);margin-bottom:16px}
.fh-content h3{font-size:1.6rem;margin-bottom:14px;line-height:1.2}.fh-content p{color:var(--text-2);font-size:.94rem;line-height:1.72;max-width:34rem}
.fh-visual{display:flex;align-items:center;justify-content:center}
.workflow-visual{min-height:260px}
.workflow-panel{display:grid;grid-template-columns:1fr auto 1.1fr auto 1fr;gap:12px;align-items:center;padding:18px;width:100%;max-width:520px;background:rgba(255,255,255,.025)}
.workflow-lane{display:flex;flex-direction:column;gap:10px}
.wf-label{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3)}
.wf-chip,.wf-step{padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid var(--glass-border);font-size:.8rem;font-weight:500;color:var(--text-2)}
.wf-step.active{background:var(--accent-glow);border-color:rgba(99,102,241,.25);color:var(--text)}
.workflow-arrow{font-size:1rem;color:var(--accent-light);opacity:.8}
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.feature-grid-6{grid-template-columns:repeat(3,1fr)}
.fc{padding:28px 24px}.fc-top{margin-bottom:12px}.fc-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:100px;background:rgba(255,255,255,.04);border:1px solid var(--glass-border);font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-light)}
.fc-icon{font-size:1.45rem;margin-bottom:14px}.fc h3{margin-bottom:10px;font-size:1.02rem;line-height:1.28}.fc p{color:var(--text-2);font-size:.85rem;line-height:1.62}
.capability-card{position:relative}
.also-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px;margin-top:18px;background:rgba(255,255,255,.025)}
.also-label{font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-light);white-space:nowrap}
.also-items{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.also-items span{padding:7px 12px;border-radius:100px;background:rgba(255,255,255,.04);border:1px solid var(--glass-border);font-size:.78rem;color:var(--text-2);font-weight:500}

/* Steps */
.steps-row{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:56px}
.step-num{font-size:3rem;font-weight:700;color:var(--text-3);letter-spacing:-.04em;opacity:.3;margin-bottom:16px}
.step-line{width:40px;height:2px;background:var(--accent);margin-bottom:20px;border-radius:2px}
.step-card h3{margin-bottom:10px}.step-card p{color:var(--text-2);font-size:.88rem;line-height:1.65}

/* Use cases */
.uc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:56px}
.uc{padding:32px 28px}.uc-price{font-size:1.1rem;font-weight:700;color:var(--accent-light);margin-bottom:12px}
.uc-price span{font-size:.78rem;font-weight:500;color:var(--text-3)}.uc h3{margin-bottom:10px}.uc p{color:var(--text-2);font-size:.85rem;line-height:1.6}

/* Testimonials */
.test-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:56px}
.test-card{padding:32px}.tc-stars{color:#f59e0b;font-size:.95rem;letter-spacing:2px;margin-bottom:16px}
.test-card>p{color:var(--text-2);font-size:.9rem;line-height:1.7;font-style:italic;margin-bottom:24px}
.tc-author{display:flex;align-items:center;gap:12px}.tc-av{width:40px;height:40px;border-radius:50%;background:var(--accent-glow);border:1px solid rgba(99,102,241,.2);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;color:var(--accent-light)}
.tc-author strong{font-size:.85rem}.tc-author span{font-size:.75rem;color:var(--text-3)}

/* Pricing */
.pricing-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:56px;align-items:start}
.price-card{padding:40px 32px;position:relative}.price-card.popular{border-color:rgba(99,102,241,.4);box-shadow:0 0 60px var(--accent-glow)}
.pop-tag{position:absolute;top:-13px;left:50%;transform:translateX(-50%);font-size:.72rem;font-weight:700;color:#fff;background:var(--accent);padding:6px 20px;border-radius:100px;white-space:nowrap}
.pk-header{margin-bottom:24px}.pk-header h3{font-size:1.25rem;margin-bottom:4px}.pk-header p{color:var(--text-3);font-size:.82rem}
.pk-price{font-size:2.8rem;font-weight:700;letter-spacing:-.04em;margin-bottom:8px}.pk-price span{font-size:.9rem;font-weight:500;color:var(--text-3)}
.pk-setup{font-size:.82rem;font-weight:600;color:var(--accent-light);margin-bottom:24px}
.pk-list{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}
.pk-list li{font-size:.88rem;color:var(--text-2);padding-left:24px;position:relative}
.pk-list li::before{content:'✓';position:absolute;left:0;color:var(--accent-light);font-weight:700;font-size:.82rem}
.pricing-note{padding:20px 28px;margin-top:24px;text-align:center}.pricing-note p{color:var(--text-2);font-size:.88rem}

/* FAQ */
.faq-list{display:flex;flex-direction:column;gap:8px;margin-top:48px}
.faq-item{border:1px solid var(--glass-border);border-radius:var(--radius);overflow:hidden;background:var(--glass);transition:border-color .3s}
.faq-item.active{border-color:var(--glass-border-hover)}
.faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;padding:20px 24px;font-size:.95rem;font-weight:600;text-align:left}
.faq-icon{font-size:1.2rem;color:var(--text-3);transition:all .3s}.faq-item.active .faq-icon{transform:rotate(45deg);color:var(--accent-light)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .4s ease}.faq-item.active .faq-a{max-height:300px}
.faq-a p{padding:0 24px 20px;color:var(--text-2);font-size:.88rem;line-height:1.7}

/* CTA */
.cta-section{padding:160px 0}
.cta-box{position:relative;text-align:center;padding:80px 48px;background:var(--glass);border:1px solid rgba(99,102,241,.2);border-radius:var(--radius-xl);overflow:hidden}
.cta-glow{position:absolute;top:-80px;left:50%;transform:translateX(-50%);width:500px;height:300px;background:radial-gradient(ellipse,var(--accent-glow) 0%,transparent 70%);pointer-events:none}
.cta-box h2{position:relative;margin-bottom:16px}.cta-box>p{position:relative;color:var(--text-2);font-size:1.05rem;margin-bottom:36px}
.cta-box .btn-primary{position:relative}.cta-sub{display:block;margin-top:16px;font-size:.82rem;color:var(--text-3);position:relative}

/* Footer */
.footer{border-top:1px solid var(--glass-border);padding:80px 0 0;background:var(--bg-alt)}
.footer-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:48px;padding-bottom:60px}
.footer-brand p{color:var(--text-3);font-size:.85rem;margin-top:14px;max-width:280px;line-height:1.6}
.footer-socials{display:flex;gap:16px;margin-top:18px}.footer-socials a{font-size:.8rem;font-weight:500;color:var(--text-3);transition:color .2s}.footer-socials a:hover{color:var(--accent-light)}
.footer-col h4{font-size:.82rem;font-weight:600;margin-bottom:18px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-2)}
.footer-col a{display:block;color:var(--text-3);font-size:.85rem;padding:5px 0;transition:all .2s}.footer-col a:hover{color:var(--accent-light);padding-left:4px}
.footer-divider{height:1px;background:linear-gradient(90deg,transparent,var(--glass-border),transparent)}
.footer-bottom{display:flex;justify-content:space-between;padding:24px 0;flex-wrap:wrap;gap:16px}.footer-bottom p{color:var(--text-3);font-size:.75rem}

/* Responsive */
@media(max-width:1024px){
    .switch-grid{grid-template-columns:repeat(2,1fr)}
    .cards-4{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr;gap:48px}
    .feature-hero{grid-template-columns:1fr}
    .feature-grid{grid-template-columns:repeat(2,1fr)}
    .feature-grid-6{grid-template-columns:repeat(2,1fr)}
    .workflow-panel{grid-template-columns:1fr;max-width:420px}
    .workflow-arrow{display:none}
    .also-strip{flex-direction:column;align-items:flex-start}
    .also-items{justify-content:flex-start}
    .steps-row,.uc-grid{grid-template-columns:1fr}.test-row{grid-template-columns:1fr;max-width:520px;margin-left:auto;margin-right:auto}
    .demo-body{grid-template-columns:1fr}.demo-sidebar{display:none}.footer-top{grid-template-columns:1fr;gap:32px}
}
@media(max-width:768px){
    .container,.demo-wrap,.nav-inner{padding-left:max(18px, env(safe-area-inset-left));padding-right:max(18px, env(safe-area-inset-right))}
    .section{padding:64px 0;scroll-margin-top:88px}
    .nav{padding-bottom:12px}
    .nav.scrolled{padding-bottom:10px}
    .nav-links{display:none}
    .nav-cta{gap:0;flex-shrink:0}
    .nav-cta .btn-primary{padding:12px 16px;font-size:.8rem;min-height:44px}
    .hero{padding:98px 0 0}
    .hero-pill{font-size:.72rem;padding:7px 12px;margin-bottom:20px;max-width:100%;flex-wrap:wrap;justify-content:center;text-align:center}
    .hero h1{font-size:clamp(1.95rem,9.5vw,2.7rem);max-width:100%;text-wrap:balance}
    .hero-desc{font-size:.96rem;line-height:1.6;margin-bottom:24px;max-width:34rem}
    .hero-actions{flex-direction:column;align-items:stretch;gap:10px;max-width:320px;margin:0 auto 36px}
    .hero-actions .btn-primary,
    .hero-actions .btn-secondary{width:100%;justify-content:center}
    .demo-wrap{padding-left:max(12px, env(safe-area-inset-left));padding-right:max(12px, env(safe-area-inset-right))}
    .demo-window{border-radius:14px}
    .demo-bar{padding:10px 10px}
    .demo-url{font-size:.66rem;padding:6px 8px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    .demo-body{min-height:auto}
    .demo-main{padding:12px;min-height:280px}
    .demo-phase{gap:10px}
    .msg-bubble{max-width:100%;font-size:.76rem;padding:10px 12px}
    .demo-msg{align-items:flex-start}
    .demo-tasks{margin-left:0}
    .demo-task{padding:9px 10px;gap:8px;flex-wrap:wrap}
    .task-info{min-width:0;flex:1 1 140px}
    .task-name,.task-agent{word-break:break-word}
    .task-progress{width:100%;margin-left:30px;margin-top:2px}
    .task-status-text{margin-left:auto}
    .file-card{align-items:flex-start;flex-wrap:wrap;padding:10px 12px}
    .file-details{min-width:0;flex:1}
    .file-name,.file-meta{word-break:break-word}
    .file-download{margin-left:0}
    .demo-complete-badge{font-size:.7rem;line-height:1.45;padding:9px 12px;text-align:left;justify-content:flex-start;border-radius:12px}
    .replay-btn{font-size:.72rem}
    .proof-strip{padding:30px 0;margin-top:36px}
    .proof-row{gap:14px}
    .proof-row span{font-size:.8rem}
    .switch-grid,.cards-4,.feature-grid,.feature-grid-6,.steps-row,.uc-grid,.test-row{grid-template-columns:1fr}
    .switch-grid,.cards-4,.feature-grid,.feature-grid-6,.steps-row,.uc-grid,.test-row{gap:14px}
    .switch-card{padding:24px 18px}
    .feature-hero{padding:22px 16px;gap:18px;grid-template-columns:1fr}
    .fh-content h3{font-size:1.2rem}
    .fh-content p{font-size:.86rem;line-height:1.6}
    .fh-visual{padding-top:0;min-height:auto}
    .workflow-panel{padding:14px;gap:10px;max-width:none}
    .wf-chip,.wf-step{padding:9px 10px;font-size:.76rem}
    .also-strip{padding:16px 16px;gap:14px}
    .also-label{font-size:.74rem}
    .also-items span{font-size:.74rem;padding:6px 10px}
    .check-grid{grid-template-columns:1fr}
    .split{gap:36px}
    .split-desc{font-size:.96rem;margin-bottom:24px}
    .metric-card{padding:18px 16px}
    .mc-value{font-size:1.55rem}
    .pricing-row{grid-template-columns:1fr;max-width:400px;margin-left:auto;margin-right:auto}
    .price-card{padding:28px 18px}
    .pk-price{font-size:2.35rem}
    .cta-section{padding:72px 0}
    .cta-box{padding:34px 18px}
    .cta-box h2{font-size:clamp(1.7rem,8vw,2.2rem)}
    .footer{padding-top:56px}
    .footer-top{gap:22px;padding-bottom:30px}
    .footer-bottom{flex-direction:column;text-align:center}
}

@media(max-width:480px){
    .container,.demo-wrap,.nav-inner{padding-left:max(14px, env(safe-area-inset-left));padding-right:max(14px, env(safe-area-inset-right))}
    .nav{padding-top:calc(12px + env(safe-area-inset-top));padding-bottom:10px}
    .nav.scrolled{padding-top:calc(10px + env(safe-area-inset-top));padding-bottom:8px}
    .logo{font-size:1.05rem;min-width:0}
    .nav-cta .btn-primary{padding:10px 12px;font-size:.76rem;min-height:42px}
    .hero{padding-top:96px}
    .hero-pill{font-size:.68rem;padding:6px 10px}
    .hero h1{font-size:clamp(1.8rem,10.5vw,2.35rem);letter-spacing:-.035em}
    .hero-desc{font-size:.92rem}
    .demo-window{border-radius:12px}
    .demo-main{padding:10px;min-height:260px}
    .msg-bubble{font-size:.74rem;padding:9px 11px;border-radius:12px}
    .agent-avatar{width:22px;height:22px;font-size:.68rem}
    .demo-task{padding:8px 9px}
    .task-check{width:18px;height:18px}
    .task-name{font-size:.74rem}
    .task-agent,.task-status-text{font-size:.66rem}
    .file-card{padding:9px 10px}
    .file-icon-wrap{width:30px;height:30px}
    .file-name{font-size:.74rem}
    .file-meta{font-size:.64rem}
    .demo-complete-badge{font-size:.66rem;padding:8px 10px}
    .proof-row span{font-size:.76rem}
    .section{padding:60px 0}
    .section-title{font-size:clamp(1.6rem,8vw,2rem)}
    .section-desc{font-size:.92rem}
    .feature-hero{padding:20px 14px;gap:14px}
    .fh-visual{display:none}
    .also-strip{padding:14px 12px}
    .also-items{gap:8px}
    .also-items span{font-size:.72rem;padding:6px 9px}
    .fc,.uc,.test-card{padding:22px 16px}
    .metric-card{padding:18px 16px}
    .footer-brand p,.footer-col a{font-size:.8rem}
    .footer-bottom p{font-size:.7rem}
}

/* Partner invitation page */
.partner-hero .hero-desc-small{max-width:850px}.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.use-case-card ul{margin:18px 0 0;padding-left:20px;color:var(--muted)}.use-case-card li{margin:10px 0}.faq-list{max-width:900px;margin:0 auto;display:grid;gap:14px}.faq-list details{background:var(--card);border:1px solid var(--border);border-radius:24px;padding:22px 26px}.faq-list summary{cursor:pointer;font-weight:700;color:var(--text);font-size:1.05rem}.faq-list p{color:var(--muted);margin:14px 0 0}.cta-card{text-align:center;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border:1px solid var(--border);border-radius:32px;padding:64px 40px;box-shadow:var(--shadow-lg)}.cta-card h2{font-size:clamp(2.5rem,6vw,5rem);line-height:.95;letter-spacing:-.06em;margin:16px auto;max-width:900px}.cta-card p{max-width:760px;margin:0 auto 30px;color:var(--muted);font-size:1.15rem}@media(max-width:900px){.two-col{grid-template-columns:1fr}.cta-card{padding:44px 24px}}

/* Partner copied homepage inline CSS */

/* block-1 */
.hero-desc-small{margin-top:-10px;color:rgba(255,255,255,.58);font-size:1.02rem}

/* block-2 */
.proof-video-section .section-desc{margin-bottom:36px}.proof-featured{display:grid;grid-template-columns:1.12fr .88fr;gap:34px;align-items:center;padding:18px;margin-top:34px}.video-thumb{position:relative;display:block;width:100%;border:0;background:#05070b;border-radius:18px;overflow:hidden;cursor:pointer;aspect-ratio:16/9}.video-thumb img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.92) contrast(1.02);transition:transform .35s ease,filter .35s ease}.video-thumb:hover img{transform:scale(1.025);filter:saturate(1) contrast(1.08)}.video-play{position:absolute;inset:auto auto 18px 18px;width:52px;height:52px;border-radius:999px;background:rgba(255,255,255,.92);color:#09090b;display:grid;place-items:center;font-size:18px;box-shadow:0 18px 40px rgba(0,0,0,.28);padding-left:3px}.proof-featured-copy{padding:12px 12px 12px 0}.outcome-badge{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:#d9f99d;border-radius:999px;padding:7px 11px;font-size:.76rem;font-weight:700;letter-spacing:.02em;margin-bottom:14px}.proof-featured-copy h3{font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.08;letter-spacing:-.035em;margin-bottom:16px}.proof-featured-copy p{color:var(--text-2);line-height:1.65;margin-bottom:22px}.proof-author{display:flex;flex-direction:column;gap:3px}.proof-author span,.video-proof-card>span{color:var(--text-3);font-size:.9rem}.video-proof-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:18px}.video-proof-card{padding:12px}.video-proof-card .video-thumb{border-radius:14px;margin-bottom:16px}.video-proof-card .video-play{width:40px;height:40px;font-size:14px;left:12px;bottom:12px}.video-proof-card h3{font-size:1.02rem;margin-bottom:8px}.video-proof-card p{color:var(--text-2);font-size:.9rem;line-height:1.48;margin-bottom:12px}.video-modal{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.82);display:none;align-items:center;justify-content:center;padding:24px}.video-modal.active{display:flex}.video-modal-inner{position:relative;width:min(980px,94vw);aspect-ratio:16/9;background:#000;border-radius:18px;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.55)}.video-modal iframe{width:100%;height:100%;border:0}.video-modal-close{position:absolute;right:18px;top:18px;z-index:2;width:42px;height:42px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(15,15,18,.78);color:#fff;font-size:24px;cursor:pointer}@media(max-width:980px){.proof-featured{grid-template-columns:1fr}.proof-featured-copy{padding:0 4px 8px}.video-proof-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.video-proof-grid{grid-template-columns:1fr}.proof-featured{padding:12px}}

/* id="design-pass-2026" */
:root{--bg:#08090b;--card:#101216;--card-2:#151820;--line:rgba(255,255,255,.105);--soft:#a8b0bd;--muted:#737b88;--accent:#d9f99d;--accent-2:#f5f5f0}body{background:radial-gradient(circle at 50% -20%,rgba(217,249,157,.08),transparent 34%),linear-gradient(180deg,#08090b 0%,#0b0d11 44%,#08090b 100%)}.hero-glow,.hero-glow-2,.feature-bg-glow,.demo-glow{opacity:.22;filter:blur(80px)}.grid-bg{opacity:.18}.glass-card,.demo-window,.price-card,.faq-item,.cta-box{background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));border:1px solid var(--line);box-shadow:0 24px 80px rgba(0,0,0,.26);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.hero-pill{background:rgba(255,255,255,.055);border:1px solid var(--line);box-shadow:none}.text-gradient,.section-title em,.hero h1 em{background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;color:var(--accent-2)!important}.hero h1{letter-spacing:-.06em}.hero-desc{color:rgba(245,245,240,.72)}.btn-primary{background:#f5f5f0!important;color:#08090b!important;box-shadow:0 14px 50px rgba(245,245,240,.12)!important}.btn-primary:hover{background:#fff!important}.btn-secondary,.btn-ghost{background:rgba(255,255,255,.045)!important;border:1px solid var(--line)!important;color:#f5f5f0!important}.workboard-wrap{position:relative;z-index:2;max-width:1040px;margin:0 auto;padding:0}.workboard-shell{border:1px solid var(--line);background:linear-gradient(180deg,rgba(18,21,27,.96),rgba(10,12,16,.96));border-radius:30px;padding:24px;box-shadow:0 44px 120px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.06)}.workboard-top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.wb-kicker{display:block;color:var(--accent);text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:800;margin-bottom:8px}.workboard-top h3{font-size:clamp(1.35rem,2.6vw,2rem);letter-spacing:-.035em}.wb-status{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(217,249,157,.22);background:rgba(217,249,157,.07);color:var(--accent);border-radius:999px;padding:8px 12px;font-weight:700;font-size:.82rem}.wb-status span{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 16px var(--accent)}.wb-brief{border:1px solid var(--line);background:rgba(255,255,255,.035);border-radius:18px;padding:18px 20px;color:rgba(245,245,240,.82);line-height:1.6;margin-bottom:18px}.wb-pipeline{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.wb-step{border:1px solid var(--line);border-radius:18px;padding:16px;background:rgba(255,255,255,.03)}.wb-step span{font-family:monospace;color:var(--muted);font-size:.78rem}.wb-step strong{display:block;margin:8px 0 4px;color:#fff}.wb-step small{color:var(--soft)}.wb-step.complete{border-color:rgba(217,249,157,.2);background:rgba(217,249,157,.045)}.wb-step.active{border-color:rgba(245,245,240,.24);background:rgba(245,245,240,.065)}.wb-output-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.wb-output{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center;border:1px solid var(--line);background:#0d0f14;border-radius:16px;padding:15px}.wb-output span{width:9px;height:9px;border-radius:50%;background:#818895}.wb-output.ready span{background:var(--accent)}.wb-output strong{color:#fff}.wb-output small{grid-column:2;color:var(--muted);margin-top:3px}.wb-footer{display:flex;justify-content:space-between;gap:16px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line);color:var(--muted);font-size:.9rem}.wb-footer strong{color:rgba(245,245,240,.8)}.proof-strip-2026{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.025);padding:34px 0;margin-top:56px}.proof-strip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.proof-strip-grid div{display:flex;flex-direction:column;gap:3px}.proof-strip-grid strong{font-size:1.18rem;color:#fff}.proof-strip-grid span{color:var(--muted);font-size:.9rem}.switch-icon.text-icon{width:auto;height:auto;display:inline-flex;padding:7px 10px;border-radius:999px;background:rgba(217,249,157,.08);border:1px solid rgba(217,249,157,.18);font-size:.68rem;letter-spacing:.11em;color:var(--accent);font-weight:800}.fc-icon.module-badge{display:inline-flex!important;width:auto!important;height:auto!important;align-items:center;justify-content:center;padding:7px 10px;margin-bottom:18px;border-radius:999px;border:1px solid rgba(217,249,157,.2);background:rgba(217,249,157,.07);color:var(--accent);font-size:.68rem!important;font-weight:800;letter-spacing:.12em;font-family:JetBrains Mono,monospace}.fc-icon.module-badge:before{display:none!important}.uc{position:relative;overflow:hidden}.uc:before{content:'';position:absolute;right:18px;top:18px;width:74px;height:48px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.015))}.uc:after{content:'';position:absolute;right:30px;top:32px;width:42px;height:4px;border-radius:99px;background:rgba(217,249,157,.45);box-shadow:0 12px 0 rgba(255,255,255,.12),0 24px 0 rgba(255,255,255,.08)}.uc .output-label{display:inline-flex;color:var(--accent);font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;border:1px solid rgba(217,249,157,.18);border-radius:999px;padding:6px 10px;margin-bottom:18px}.uc .output-label span{display:none}.test-row{display:none}.proof-video-section .glass-card{box-shadow:0 20px 70px rgba(0,0,0,.28)}.price-card.popular{border-color:rgba(217,249,157,.42)!important;box-shadow:0 28px 90px rgba(0,0,0,.34),0 0 0 1px rgba(217,249,157,.12)!important}.pop-tag{top:18px!important;right:18px!important;left:auto!important;transform:none!important;background:#d9f99d!important;color:#08090b!important;border:1px solid rgba(255,255,255,.18)!important;font-size:.76rem!important;font-weight:900!important;letter-spacing:.02em!important;padding:8px 14px!important;line-height:1!important;box-shadow:0 14px 34px rgba(217,249,157,.16)!important}.price-card.popular .pk-header{padding-right:132px!important}.compare-section{padding-top:40px}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:38px}.compare-card{padding:30px}.compare-kicker{color:var(--accent);font-size:.75rem;text-transform:uppercase;letter-spacing:.14em;font-weight:900;margin-bottom:18px}.compare-card.muted .compare-kicker{color:var(--muted)}.compare-card ul{list-style:none;display:grid;gap:13px}.compare-card li{position:relative;padding-left:26px;color:rgba(245,245,240,.76);line-height:1.55}.compare-card li:before{content:'';position:absolute;left:0;top:.55em;width:9px;height:9px;border-radius:99px;background:var(--muted)}.compare-card.positive li:before{background:var(--accent);box-shadow:0 0 14px rgba(217,249,157,.35)}.ops-diagram{padding:24px;display:grid;gap:14px}.ops-node{border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.035);padding:18px}.ops-node span{display:inline-flex;color:var(--accent);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;font-weight:900;margin-bottom:8px}.ops-node strong{display:block;color:#fff;font-size:1.05rem;margin-bottom:5px}.ops-node small{color:var(--muted);line-height:1.45}.ops-connector{text-align:center;color:var(--accent);font-size:1.5rem;line-height:1}.visual-uc-grid .visual-uc{min-height:275px}.visual-uc:before,.visual-uc:after{display:none}.mini-table,.mini-browser,.mini-chart,.mini-email,.mini-calendar,.mini-story{border:1px solid var(--line);border-radius:16px;background:rgba(0,0,0,.16);margin:8px 0 18px;padding:14px}.mini-table{display:grid;grid-template-columns:1.2fr .5fr .8fr;gap:8px;font-size:.78rem}.mini-table span{color:var(--muted);text-transform:uppercase;font-size:.65rem;letter-spacing:.08em}.mini-table strong{color:#fff}.mini-table b{color:var(--accent)}.mini-table em{color:var(--soft);font-style:normal}.mini-browser{height:110px;position:relative}.mini-browser i{display:inline-block;width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.22);margin-right:5px}.mini-browser div{height:34px;border-radius:10px;background:rgba(217,249,157,.18);margin-top:18px}.mini-browser span{display:block;width:62%;height:8px;border-radius:99px;background:rgba(255,255,255,.12);margin-top:12px}.mini-chart{height:110px;display:flex;align-items:flex-end;gap:10px}.mini-chart span{flex:1;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,rgba(217,249,157,.72),rgba(217,249,157,.16))}.mini-email span{display:block;color:#fff;font-weight:700;margin-bottom:10px}.mini-email p{font-size:.82rem!important;margin:0!important;color:var(--muted)!important}.mini-calendar{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mini-calendar span{height:28px;border-radius:8px;background:rgba(255,255,255,.08)}.mini-calendar span:nth-child(2),.mini-calendar span:nth-child(5){background:rgba(217,249,157,.18)}.mini-story{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mini-story span{height:64px;border-radius:10px;background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(217,249,157,.12))}.pricing-note{margin-top:22px}.pricing-note p{color:var(--soft)!important}.price-card .pk-header h3{letter-spacing:-.025em}.price-card .pk-header p{white-space:nowrap}.pk-price{color:#fff!important}.footer-top-new{align-items:start}.footer-brand .footer-cta{display:inline-flex;margin-top:18px;color:#d9f99d;font-weight:800;font-size:.95rem}.footer-bottom-new{align-items:center;justify-content:center;gap:18px;margin:0;text-align:center;flex-wrap:wrap}.footer-legal-card{margin-top:34px;margin-bottom:34px;padding:24px 0 4px;border-top:1px solid rgba(255,255,255,.08);text-align:center}.footer-address{color:var(--text-3)!important;font-size:.78rem!important;font-weight:400!important;line-height:1.6;margin:14px auto 0;max-width:860px;text-align:center}.footer-col a[href="#"]{display:none}.footer{padding-bottom:34px}.hero{padding-bottom:96px}.hero-actions{margin-top:30px}.hero-proof-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:22px auto 0;max-width:980px}.hero-proof-chips span{display:inline-flex;align-items:center;border:1px solid rgba(217,249,157,.18);background:rgba(255,255,255,.035);color:rgba(245,245,240,.76);border-radius:999px;padding:8px 12px;font-size:.86rem;font-weight:650}.hero-proof-chips span::first-letter{color:var(--accent)}.workboard-wrap{margin-top:0}.workboard-section{padding-top:44px!important}.workboard-shell{max-width:100%;}.proof-featured{gap:28px}.video-proof-grid{align-items:stretch}.video-proof-card{display:flex;flex-direction:column}.video-proof-card p{min-height:58px}.video-proof-card>span{margin-top:auto;font-size:.78rem!important;line-height:1.35!important;color:var(--text-3)!important}.lawrence-proof{margin-top:18px;padding:22px 26px;display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center}.lawrence-proof p{color:#f5f5f0!important;font-size:1.05rem!important;line-height:1.55!important;margin:0!important}.lawrence-proof strong{color:var(--soft);font-size:.92rem;white-space:nowrap}.pricing-row{align-items:stretch}.price-card{display:flex!important;flex-direction:column!important;padding:38px 30px!important}.price-card .pk-list{margin-top:24px!important}.price-card .btn-block{margin-top:auto!important}.pk-setup{display:inline-flex!important;align-items:center;gap:8px;width:max-content;max-width:100%;padding:7px 11px;border:1px solid rgba(255,255,255,.11);border-radius:999px;background:rgba(255,255,255,.035);color:var(--soft)!important;font-size:.82rem!important}.pk-setup span{color:var(--accent);font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:.68rem}.pk-list li{line-height:1.45;margin-bottom:10px}.pricing-note{padding:18px 22px!important}.cta-box p{max-width:520px;margin-left:auto;margin-right:auto}@media(max-width:980px){.nav-links{gap:18px}.workboard-wrap{margin-top:0}.proof-strip-2026{margin-top:46px}.pricing-row{grid-template-columns:1fr!important;max-width:520px;margin-left:auto;margin-right:auto}.price-card.popular{transform:none!important}.price-card.popular .pk-header{padding-right:118px!important}.video-proof-grid{grid-template-columns:repeat(2,1fr)!important}.lawrence-proof{grid-template-columns:1fr;text-align:left}.lawrence-proof strong{white-space:normal}}@media(max-width:720px){.hero-proof-chips{justify-content:flex-start;gap:8px}.hero-proof-chips span{font-size:.78rem;padding:7px 10px}.hero{padding-top:110px;padding-bottom:72px}.hero h1{font-size:clamp(2.6rem,12vw,4rem)!important}.hero-desc{font-size:1rem!important}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions a{justify-content:center}.workboard-wrap{padding:0}.wb-brief{font-size:.92rem;padding:15px}.proof-strip-2026{margin-top:38px;padding:28px 0}.section{padding:78px 0!important}.section-title{font-size:clamp(2rem,10vw,3rem)!important}.feature-hero{grid-template-columns:1fr!important}.video-proof-grid{grid-template-columns:1fr!important}.proof-featured{grid-template-columns:1fr!important;padding:14px!important}.price-card{padding:30px 22px!important}.pop-tag{position:static!important;display:inline-flex!important;margin-bottom:18px!important;width:max-content!important}.price-card.popular .pk-header{padding-right:0!important}.footer-top{grid-template-columns:1fr 1fr!important;gap:28px!important}.footer-brand{grid-column:1/-1}.footer-bottom-new{flex-direction:column;gap:8px!important}}@media(max-width:460px){.proof-strip-grid{grid-template-columns:1fr 1fr!important}.footer-top{grid-template-columns:1fr!important}.wb-output{padding:13px}.compare-card{padding:22px}.mini-table{font-size:.72rem;gap:6px}}.video-proof-card>span{font-size:.78rem!important;line-height:1.35!important;color:var(--text-3)!important}@media(max-width:850px){.compare-grid{grid-template-columns:1fr}}@media(max-width:900px){.wb-pipeline,.proof-strip-grid{grid-template-columns:repeat(2,1fr)}.wb-output-grid{grid-template-columns:1fr}.wb-footer{flex-direction:column}}@media(max-width:560px){.wb-pipeline,.proof-strip-grid{grid-template-columns:1fr}.workboard-shell{padding:16px;border-radius:22px}.workboard-top{flex-direction:column}}

/* Partner attachment image sections */
.partner-hero-visual{margin-top:54px;border:1px solid var(--border);border-radius:32px;padding:10px;background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.035));box-shadow:var(--shadow-lg);overflow:hidden}.partner-hero-visual img{display:block;width:100%;border-radius:24px}.partner-image-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:22px;align-items:stretch}.partner-image-card{background:var(--card);border:1px solid var(--border);border-radius:28px;overflow:hidden;box-shadow:var(--shadow-md);display:flex;flex-direction:column}.partner-image-card-large{grid-row:span 2}.partner-image-card img{width:100%;display:block;aspect-ratio:16/10;object-fit:cover;background:#09090b}.partner-image-card-large img{aspect-ratio:16/11}.partner-image-card div{padding:26px}.partner-image-card h3{font-size:clamp(1.35rem,2vw,2rem);line-height:1.08;letter-spacing:-.04em;margin:8px 0 12px;color:var(--text)}.partner-image-card p{color:var(--muted);margin:0}.partner-image-card .section-label{display:inline-block;margin-bottom:8px}@media(max-width:900px){.partner-image-grid{grid-template-columns:1fr}.partner-image-card-large{grid-row:auto}.partner-hero-visual{margin-top:34px;border-radius:24px}.partner-hero-visual img{border-radius:18px}}

/* Partner v2 conversion improvements */
.partner-image-caption{display:block;padding:12px 18px;color:var(--muted);font-size:.92rem;border-top:1px solid var(--border);background:rgba(0,0,0,.22)}.partner-check-grid,.partner-package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.partner-check-card,.partner-package-card,.partner-dayone-card{background:var(--card);border:1px solid var(--border);border-radius:24px;padding:24px;box-shadow:var(--shadow-sm)}.partner-check-card strong{display:block;color:var(--text);font-size:1.1rem;margin-bottom:8px}.partner-check-card span,.partner-package-card p{color:var(--muted)}.partner-package-card h3{font-size:1.35rem;line-height:1.12;letter-spacing:-.035em;margin:0 0 10px;color:var(--text)}.partner-comparison{background:var(--card);border:1px solid var(--border);border-radius:28px;overflow:hidden;box-shadow:var(--shadow-md)}.comparison-row{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--border)}.comparison-row:last-child{border-bottom:0}.comparison-row span{padding:20px 24px;color:var(--muted)}.comparison-row span+span{border-left:1px solid var(--border);color:var(--text);background:rgba(217,249,157,.045)}.comparison-head span{font-weight:800;color:var(--text);background:rgba(255,255,255,.045)}.partner-dayone-card{max-width:850px;margin:0 auto}.partner-dayone-card ul{margin:0;padding-left:22px;color:var(--muted);font-size:1.08rem}.partner-dayone-card li{margin:12px 0}.nav-links a[href="#platform"]:before{content:""}@media(max-width:900px){.partner-check-grid,.partner-package-grid{grid-template-columns:1fr}.comparison-row{grid-template-columns:1fr}.comparison-row span+span{border-left:0;border-top:1px solid var(--border)}}

/* Partner v3 humanised page */
.partner-hero .hero-actions{margin-bottom:18px}.partner-summary-card{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:36px 0 0;padding:22px;background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:22px;backdrop-filter:blur(8px)}.partner-summary-card div{display:flex;flex-direction:column;gap:6px}.partner-summary-card span{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.partner-summary-card strong{color:var(--text);font-weight:600;line-height:1.3;font-size:.98rem}@media(max-width:900px){.partner-summary-card{grid-template-columns:1fr 1fr}}@media(max-width:560px){.partner-summary-card{grid-template-columns:1fr}}
.partner-image-grid.v2{grid-template-columns:1.1fr .9fr;grid-auto-rows:1fr}
.partner-quote-section{padding-top:80px;padding-bottom:80px;text-align:center}.partner-quote{max-width:920px;margin:0 auto;border-left:0;font-size:clamp(1.6rem,2.8vw,2.6rem);line-height:1.18;letter-spacing:-.025em;color:var(--text);font-family:'Instrument Serif',Georgia,serif;font-style:italic;padding:0}.partner-quote-meta{max-width:760px;margin:24px auto 0;color:var(--muted);font-size:1.05rem}.partner-mid-cta{margin-top:36px}
.partner-fit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.partner-fit-col{background:var(--card);border:1px solid var(--border);border-radius:24px;padding:26px}.partner-fit-col .section-label{display:inline-block;margin-bottom:14px}.partner-fit-col ul{margin:0;padding-left:20px;color:var(--muted)}.partner-fit-col li{margin:10px 0;line-height:1.5}@media(max-width:900px){.partner-fit-grid{grid-template-columns:1fr}}
.partner-final-section{padding-top:80px;padding-bottom:120px}.partner-final-card{max-width:820px;margin:0 auto;text-align:center;background:linear-gradient(135deg,rgba(217,249,157,.10),rgba(255,255,255,.04));border:1px solid var(--border);border-radius:28px;padding:56px 36px;box-shadow:var(--shadow-lg)}.partner-final-card h2{font-size:clamp(2.2rem,4.5vw,3.6rem);line-height:1;letter-spacing:-.05em;margin:14px 0 16px}.partner-final-card p{color:var(--muted);font-size:1.1rem;max-width:620px;margin:0 auto 26px}.partner-signature{margin-top:30px;color:var(--muted);font-size:.96rem}.partner-signature span{color:var(--text);font-weight:600}
.partner-faq{margin:44px auto 0;max-width:820px;background:var(--card);border:1px solid var(--border);border-radius:22px;padding:22px 26px}.partner-faq summary{cursor:pointer;color:var(--text);font-weight:600;letter-spacing:-.01em}.partner-faq[open] summary{margin-bottom:18px}.partner-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.partner-faq h4{margin:0 0 6px;color:var(--text);font-size:1.02rem}.partner-faq p{color:var(--muted);margin:0;font-size:.95rem;line-height:1.55}@media(max-width:760px){.partner-faq-grid{grid-template-columns:1fr}}

/* Partner v4 design refinement */
.partner-sticky-cta{position:fixed;right:20px;bottom:24px;z-index:60;background:#d9f99d;color:#0a0c10;padding:12px 18px;border-radius:999px;font-weight:700;text-decoration:none;letter-spacing:-.01em;box-shadow:0 18px 36px rgba(217,249,157,.22),0 0 0 1px rgba(255,255,255,.08);transform:translateY(20px);opacity:0;pointer-events:none;transition:opacity .28s ease,transform .28s ease}.partner-sticky-cta.on{opacity:1;transform:none;pointer-events:auto}.partner-sticky-cta:hover{filter:brightness(1.05)}@media(max-width:560px){.partner-sticky-cta{right:14px;bottom:14px;padding:11px 16px;font-size:.95rem}}
.partner-trust-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px;color:#a8b0bd;font-size:.9rem}.partner-trust-row span{position:relative;padding:6px 14px;border:1px solid rgba(255,255,255,.10);border-radius:999px;background:rgba(255,255,255,.03)}
.partner-summary-card.v2{display:grid;grid-template-columns:.95fr 1.45fr;gap:18px;margin:38px 0 0;padding:22px;background:linear-gradient(140deg,rgba(217,249,157,.08),rgba(255,255,255,.04));border:1px solid rgba(217,249,157,.18);border-radius:24px;backdrop-filter:blur(6px)}.partner-summary-primary{display:flex;flex-direction:column;justify-content:center;padding:18px 22px;border-radius:18px;background:rgba(217,249,157,.10);border:1px solid rgba(217,249,157,.22)}.partner-summary-primary span{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:#d9f99d}.partner-summary-primary strong{font-family:'Instrument Serif',Georgia,serif;font-weight:400;font-size:clamp(2.2rem,4vw,3rem);line-height:1;letter-spacing:-.04em;color:#fafafa;margin:6px 0 4px}.partner-summary-primary em{font-style:normal;color:#a1a1aa;font-size:.95rem}.partner-summary-rest{display:grid;grid-template-columns:1fr 1fr;gap:14px}.partner-summary-rest > div{padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid var(--line)}.partner-summary-rest span{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:#737b88;display:block;margin-bottom:6px}.partner-summary-rest strong{color:#fafafa;font-weight:600;font-size:.97rem;line-height:1.35}@media(max-width:880px){.partner-summary-card.v2{grid-template-columns:1fr}.partner-summary-rest{grid-template-columns:1fr}}
.partner-hero-mock{margin:54px 0 0;padding:0;text-align:center}.partner-hero-mock figcaption{margin-top:14px;color:#737b88;font-size:.92rem}
.partner-mock{margin:0 auto;max-width:1080px;background:linear-gradient(180deg,#0d0f14,#0a0c10);border:1px solid rgba(255,255,255,.10);border-radius:18px;overflow:hidden;box-shadow:0 30px 100px rgba(0,0,0,.55),0 0 0 1px rgba(217,249,157,.05)}.partner-mock-bar{display:flex;align-items:center;gap:8px;padding:11px 14px;background:rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.07)}.partner-mock-bar > span{width:11px;height:11px;border-radius:50%;background:rgba(255,255,255,.18)}.partner-mock-bar > span:nth-child(1){background:#ff5f57}.partner-mock-bar > span:nth-child(2){background:#febc2e}.partner-mock-bar > span:nth-child(3){background:#28c840}.partner-mock-tab{margin-left:14px;font-size:.78rem;color:#a1a1aa;padding:5px 12px;border-radius:8px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.06)}
.partner-mock-body{display:grid;grid-template-columns:230px 1fr;text-align:left;min-height:380px}
.partner-mock-side{padding:18px 16px;border-right:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.02)}.partner-mock-brand{display:flex;align-items:center;gap:8px;font-weight:700;color:#fafafa;font-size:.95rem;margin-bottom:18px}.partner-mock-logo{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:6px;background:#d9f99d;color:#0a0c10;font-weight:800;font-size:.78rem}.partner-mock-section-title{margin:18px 0 8px;color:#737b88;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase}.partner-mock-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.partner-mock-list li{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:8px;background:rgba(255,255,255,.025);font-size:.85rem;color:#cbd1da}.partner-mock-list li i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.30);display:inline-block}.partner-mock-list li i.dot.a{background:#d9f99d}.partner-mock-list li i.dot.b{background:#7ec8f5}.partner-mock-list li i.dot.c{background:#f5a572}.partner-mock-pill{margin-left:auto;font-size:.66rem;padding:2px 7px;border-radius:999px;background:rgba(255,255,255,.07);color:#a1a1aa;letter-spacing:.06em;text-transform:uppercase}.partner-mock-pill.on{background:rgba(217,249,157,.15);color:#d9f99d}
.partner-mock-main{padding:20px 22px;display:flex;flex-direction:column;gap:14px}.partner-mock-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.partner-mock-head h4{margin:0;font-size:1.1rem;color:#fafafa;letter-spacing:-.02em}.partner-mock-status{font-size:.78rem;color:#a1a1aa}.partner-mock-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.partner-mock-card{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:12px 14px;display:grid;gap:6px}.partner-mock-card span{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:#737b88}.partner-mock-card strong{font-size:.92rem;color:#fafafa;font-weight:500;line-height:1.3}.partner-mock-bar2{height:6px;background:rgba(255,255,255,.07);border-radius:999px;overflow:hidden;margin-top:4px}.partner-mock-bar2 i{display:block;height:100%;background:linear-gradient(90deg,#d9f99d,#a3e635);border-radius:999px}
.partner-mock-log{margin-top:6px;padding:12px;border-radius:12px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);font-family:'JetBrains Mono',ui-monospace,monospace;font-size:.78rem;color:#cbd1da;display:grid;gap:6px}.partner-mock-log time{color:#737b88;margin-right:8px}
@media(max-width:760px){.partner-mock-body{grid-template-columns:1fr}.partner-mock-side{display:none}.partner-mock-grid{grid-template-columns:1fr}}
.partner-proof-strip{padding:32px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.025)}.partner-proof-strip .container{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.partner-proof-strip strong{display:block;color:#fafafa;font-weight:600;letter-spacing:-.01em}.partner-proof-strip span{display:block;color:#a1a1aa;font-size:.92rem;margin-top:4px}@media(max-width:880px){.partner-proof-strip .container{grid-template-columns:1fr}}
.partner-image-grid.v2{display:grid;grid-template-columns:1.1fr .9fr;grid-auto-rows:1fr;gap:22px}.partner-image-card-large{grid-row:span 2}@media(max-width:900px){.partner-image-grid.v2{grid-template-columns:1fr}.partner-image-card-large{grid-row:auto}}
.partner-quote-section{padding-top:80px;padding-bottom:80px;text-align:center}.partner-quote{max-width:900px;margin:0 auto;border-left:0;font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-size:clamp(1.7rem,3vw,2.7rem);line-height:1.18;letter-spacing:-.025em;color:#fafafa;padding:0;position:relative}.partner-quote::before{content:""}.partner-quote-meta{max-width:760px;margin:24px auto 0;color:#a1a1aa;font-size:1.05rem}.partner-mid-cta{margin-top:36px}.partner-mid-cta p{color:#a1a1aa;margin-bottom:14px}
.partner-package-grid.v2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.partner-package-card{background:rgba(255,255,255,.045);border:1px solid var(--line);border-radius:20px;padding:24px}.partner-package-card h3{font-size:1.25rem;margin:0 0 8px;letter-spacing:-.02em;color:#fafafa}.partner-package-card p{color:#a1a1aa;margin:0}.partner-package-meta{margin:22px auto 0;text-align:center;color:#737b88;font-size:.95rem}@media(max-width:760px){.partner-package-grid.v2{grid-template-columns:1fr}}
.partner-fit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.partner-fit-col{background:rgba(255,255,255,.035);border:1px solid var(--line);border-radius:22px;padding:26px}.partner-fit-col .section-label{display:inline-block;margin-bottom:14px;color:#d9f99d}.partner-fit-col ul{margin:0;padding-left:18px;color:#a1a1aa}.partner-fit-col li{margin:10px 0;line-height:1.5}@media(max-width:900px){.partner-fit-grid{grid-template-columns:1fr}}
.partner-comparison.v2{background:rgba(255,255,255,.035);border:1px solid var(--line);border-radius:22px;overflow:hidden}.comparison-row{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}.comparison-row:last-child{border-bottom:0}.comparison-row span{padding:18px 22px;color:#a1a1aa}.comparison-row span+span{border-left:1px solid var(--line);color:#fafafa;background:rgba(217,249,157,.045)}.comparison-head span{font-weight:700;color:#fafafa;background:rgba(255,255,255,.05)}.comparison-head span+span{background:rgba(217,249,157,.10);color:#d9f99d}@media(max-width:760px){.comparison-row{grid-template-columns:1fr}.comparison-row span+span{border-left:0;border-top:1px solid var(--line)}}
.partner-process{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:s}.partner-process li{position:relative;background:rgba(255,255,255,.035);border:1px solid var(--line);border-radius:20px;padding:24px}.partner-process li h3{font-size:1.15rem;margin:14px 0 6px;letter-spacing:-.02em;color:#fafafa}.partner-process li p{margin:0;color:#a1a1aa;font-size:.95rem}.partner-step-num{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:10px;background:rgba(217,249,157,.16);color:#d9f99d;font-weight:700;font-size:.95rem;border:1px solid rgba(217,249,157,.24)}@media(max-width:900px){.partner-process{grid-template-columns:1fr 1fr}}@media(max-width:560px){.partner-process{grid-template-columns:1fr}}
.partner-final-section{padding-top:80px;padding-bottom:80px}.partner-final-card{max-width:780px;margin:0 auto;text-align:center;background:linear-gradient(135deg,rgba(217,249,157,.12),rgba(255,255,255,.04));border:1px solid rgba(217,249,157,.18);border-radius:28px;padding:56px 36px;box-shadow:0 24px 80px rgba(0,0,0,.30)}.partner-final-card h2{font-size:clamp(2.2rem,4.5vw,3.4rem);line-height:1;letter-spacing:-.05em;margin:14px 0 16px}.partner-final-card p{color:#a1a1aa;font-size:1.05rem;max-width:600px;margin:0 auto 24px}.partner-signature{margin-top:30px;color:#a1a1aa;font-size:.94rem}.partner-signature span{color:#fafafa;font-weight:600}
.partner-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.partner-faq-grid > div{background:rgba(255,255,255,.035);border:1px solid var(--line);border-radius:18px;padding:22px}.partner-faq-grid h4{margin:0 0 6px;color:#fafafa;font-size:1rem;letter-spacing:-.01em}.partner-faq-grid p{margin:0;color:#a1a1aa;font-size:.95rem;line-height:1.55}@media(max-width:760px){.partner-faq-grid{grid-template-columns:1fr}}

/* Platform three-card refresh */
.platform-header{max-width:780px;margin:0 auto 48px;text-align:center}.platform-header .section-label{display:inline-block;margin-bottom:12px;color:#d9f99d}.platform-header h2{margin:0 0 14px}.platform-header p{color:#a1a1aa;font-size:1.05rem;margin:0}
.platform-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.platform-three-card{position:relative;background:rgba(255,255,255,.035);border:1px solid var(--line);border-radius:22px;overflow:hidden;display:flex;flex-direction:column;transition:transform .25s ease,border-color .25s ease}
.platform-three-card:hover{transform:translateY(-3px);border-color:rgba(217,249,157,.28)}
.platform-three-card picture{display:block;background:#0a0c10}
.platform-three-card img{width:100%;display:block;aspect-ratio:16/10;object-fit:cover}
.platform-three-num{position:absolute;top:14px;left:14px;display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(8,9,11,.78);border:1px solid rgba(217,249,157,.32);color:#d9f99d;font-weight:700;font-size:.82rem;letter-spacing:.04em;backdrop-filter:blur(6px)}
.platform-three-card h3{margin:22px 24px 8px;font-size:1.25rem;line-height:1.18;letter-spacing:-.025em;color:#fafafa}
.platform-three-card p{margin:0 24px 26px;color:#a1a1aa;font-size:.97rem;line-height:1.55}
@media(max-width:980px){.platform-three{grid-template-columns:1fr 1fr}.platform-three-card:nth-child(3){grid-column:span 2}.platform-three-card:nth-child(3) img{aspect-ratio:24/9}}
@media(max-width:640px){.platform-three{grid-template-columns:1fr;gap:14px}.platform-three-card:nth-child(3){grid-column:auto}.platform-three-card:nth-child(3) img{aspect-ratio:16/10}}

/* Partner form */
.partner-form-card{background:linear-gradient(135deg,rgba(217,249,157,.12),rgba(255,255,255,.04));border:1px solid rgba(217,249,157,.18);border-radius:32px;padding:48px;box-shadow:0 30px 100px rgba(0,0,0,.36)}.partner-form-intro{text-align:center;max-width:680px;margin:0 auto 36px}.partner-form-intro .section-label{display:inline-block;margin-bottom:12px;color:#d9f99d}.partner-form-intro h2{font-size:clamp(2.1rem,4.5vw,3.4rem);line-height:1;letter-spacing:-.05em;margin:0 0 14px}.partner-form-intro p{color:#a1a1aa;font-size:1.05rem;margin:0}
.partner-form{max-width:780px;margin:0 auto}.partner-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.partner-field{display:flex;flex-direction:column;gap:6px}.partner-field.full{grid-column:1/-1}.partner-field span{font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:#a1a1aa;font-weight:600}.partner-field input,.partner-field textarea,.partner-field select{font:inherit;color:#fafafa;background:rgba(8,9,11,.55);border:1px solid var(--line);border-radius:12px;padding:12px 14px;width:100%;outline:none;transition:border-color .2s,box-shadow .2s}.partner-field textarea{resize:vertical;min-height:96px;line-height:1.5}.partner-field select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#a1a1aa 50%),linear-gradient(135deg,#a1a1aa 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:36px}.partner-field input:focus,.partner-field textarea:focus,.partner-field select:focus{border-color:rgba(217,249,157,.55);box-shadow:0 0 0 3px rgba(217,249,157,.12)}.partner-field input::placeholder,.partner-field textarea::placeholder{color:#52525b}
.partner-form-submit{margin:24px auto 0;display:flex}.partner-form-note{margin:24px auto 0;text-align:center;color:#a1a1aa;font-size:.94rem;max-width:520px}.partner-form-note span{color:#fafafa;font-weight:600}
.partner-form-status{margin:18px auto 0;text-align:center;font-size:.95rem;min-height:1.2em}.partner-form-status.ok{color:#d9f99d}.partner-form-status.err{color:#ff6b6b}
@media(max-width:760px){.partner-form-card{padding:32px 22px}.partner-form-grid{grid-template-columns:1fr}}

/* Partner success inline */
.partner-success-inline{display:none;text-align:center;padding:18px 0 4px}
.partner-success-inline.on,.partner-success-inline:not([hidden]){display:block;animation:partner-success-in .4s ease both}
@keyframes partner-success-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.partner-success-inline .partner-success-tick{display:inline-grid;place-items:center;width:88px;height:88px;border-radius:50%;background:rgba(217,249,157,.08);margin:0 auto 14px}
.partner-success-inline h3{font-size:clamp(1.8rem,3.4vw,2.6rem);line-height:1;letter-spacing:-.04em;margin:6px 0 12px;color:#fafafa}
.partner-success-inline p{margin:0 auto;color:#cbd5dc;font-size:1.1rem;line-height:1.55;max-width:520px}

/* Partner content expansion v5 */
.platform-header{max-width:780px;margin:0 auto 36px;text-align:center}
.platform-header p{margin:14px auto 0;max-width:680px}
.platform-header p+p{margin-top:14px}
.partner-package-grid.v3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.partner-package-grid.v3 .partner-package-card{display:flex;flex-direction:column;gap:10px}
.partner-package-grid.v3 .partner-step-num{width:34px;height:34px}
@media(max-width:980px){.partner-package-grid.v3{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.partner-package-grid.v3{grid-template-columns:1fr}}
.partner-transparency-note{max-width:840px;margin:36px auto 0;padding:24px 28px;border:1px dashed rgba(217,249,157,.30);border-radius:18px;background:rgba(217,249,157,.04);text-align:center}
.partner-transparency-note p{margin:0;color:#cbd5dc;line-height:1.65}
.partner-dayone-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.partner-dayone-list>div{background:rgba(255,255,255,.035);border:1px solid var(--line);border-radius:22px;padding:26px;display:flex;flex-direction:column;gap:14px}
.partner-dayone-list h3{margin:0;font-size:1.15rem;line-height:1.2;letter-spacing:-.02em;color:#fafafa;font-weight:500}
@media(max-width:900px){.partner-dayone-list{grid-template-columns:1fr}}

/* Partner platform-header-tight */
.platform-header-tight{margin:24px auto 28px;padding-top:36px;border-top:1px solid var(--line)}

/* Partner section breathing v6 */
#package,#comparison,#process,#fit,#owner,#day-one,#capabilities,#platform{position:relative}
#package .platform-header,#comparison .platform-header,#process .platform-header{margin-bottom:48px}
.platform-header h2{margin:8px auto 14px;max-width:760px}
.platform-header p{max-width:680px}
.partner-package-grid{margin-top:8px}
.partner-package-card{padding:26px 28px}
.partner-package-card h3{margin:0 0 10px;line-height:1.18}
.partner-package-card p{line-height:1.6}
.partner-package-grid.v2{gap:20px}
.partner-package-meta{margin-top:36px}
.partner-comparison{margin-top:8px}
@media(max-width:760px){.partner-package-grid.v2{gap:14px}.partner-package-card{padding:22px 22px}}

/* Partner section spacing v7 */
/* Tighten back-to-back text sections + add subtle dividers */
#platform.section{padding-top:96px;padding-bottom:24px}
#capabilities.section{padding-top:24px}
#capabilities .platform-header{padding-top:36px;border-top:1px solid var(--line);margin-top:0}
#capabilities .platform-header-tight{padding-top:36px;border-top:1px solid var(--line);margin-top:48px}
#owner.section{padding-top:36px}
#owner .platform-header{padding-top:36px;border-top:1px solid var(--line)}
#package.section{padding-top:36px}
#package .platform-header{padding-top:36px;border-top:1px solid var(--line)}
#fit.section{padding-top:36px}
#fit .platform-header{padding-top:36px;border-top:1px solid var(--line)}
#day-one.section{padding-top:36px}
#day-one .platform-header{padding-top:36px;border-top:1px solid var(--line)}
#comparison.section{padding-top:36px}
#comparison .platform-header{padding-top:36px;border-top:1px solid var(--line)}
#process.section{padding-top:36px;padding-bottom:80px}
#process .platform-header{padding-top:36px;border-top:1px solid var(--line)}
@media(max-width:760px){#platform.section{padding-top:60px}#capabilities .platform-header,#owner .platform-header,#package .platform-header,#fit .platform-header,#day-one .platform-header,#comparison .platform-header,#process .platform-header{padding-top:28px}}

/* Give nav buttons more breathing room from the very top of the viewport */
@media(max-width:760px){}

/* Partner why-now refresh */
.partner-whynow{padding-top:56px;padding-bottom:80px}
.partner-whynow .platform-header{margin-bottom:28px}
.partner-whynow .platform-header .section-label{color:#d9f99d}
.partner-whynow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.partner-whynow-card{background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:20px;padding:24px}
.partner-whynow-card.primary{grid-column:1/-1;background:linear-gradient(135deg,rgba(217,249,157,.10),rgba(255,255,255,.03));border-color:rgba(217,249,157,.22);padding:28px 32px}
.partner-whynow-card.primary p{margin:0;font-size:clamp(1.1rem,1.6vw,1.35rem);line-height:1.5;color:#fafafa;letter-spacing:-.01em}
.partner-whynow-card h3{margin:0 0 8px;font-size:1.05rem;color:#fafafa;letter-spacing:-.01em}
.partner-whynow-card p{margin:0;color:#a1a1aa;line-height:1.6}
.partner-whynow-tag{margin:28px auto 28px;text-align:center;color:#cbd5dc;font-weight:600;max-width:720px;border-top:1px solid var(--line);padding-top:24px}
.partner-whynow .partner-mid-cta{text-align:center}
@media(max-width:900px){.partner-whynow-grid{grid-template-columns:1fr}.partner-whynow-card.primary{padding:22px 22px}}
/* Hide the old serif quote treatment if any other page still references partner-quote-section */
.partner-quote{display:none}
.partner-quote-section{padding:0}

/* Partner fit unboxed */
.partner-fit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;align-items:start}
.partner-fit-col{background:transparent !important;border:0 !important;border-radius:0 !important;padding:0 !important;box-shadow:none !important}
.partner-fit-col .section-label{display:inline-block;margin-bottom:18px;color:#d9f99d;letter-spacing:.16em;font-size:.78rem}
.partner-fit-col ul{margin:0;padding:0;list-style:none}
.partner-fit-col li{position:relative;padding-left:18px;margin:14px 0;color:#cbd5dc;line-height:1.55}
.partner-fit-col li:before{content:"";position:absolute;left:0;top:.65em;width:6px;height:6px;border-radius:50%;background:#d9f99d;opacity:.85}
.partner-fit-col p{color:#cbd5dc;line-height:1.65;margin:0}
@media(max-width:900px){.partner-fit-grid{grid-template-columns:1fr;gap:28px}}

/* Partner window emphasis */
.partner-summary-card.v2{grid-template-columns:1.25fr 1.05fr}
.partner-summary-primary{padding:28px 30px}
.partner-summary-primary span{font-size:.78rem;letter-spacing:.2em}
.partner-summary-primary strong{font-size:clamp(3rem,6vw,4.4rem) !important;letter-spacing:-.05em;line-height:.95}
.partner-summary-primary em{font-size:1.05rem;margin-top:8px}
@media(max-width:880px){.partner-summary-card.v2{grid-template-columns:1fr}.partner-summary-primary{padding:24px 22px}.partner-summary-primary strong{font-size:clamp(2.6rem,9vw,3.6rem) !important}}

/* Partner hero spacing v2 */
.partner-hero h1{margin-bottom:32px}
.partner-hero .hero-desc{margin:0 0 14px;font-size:clamp(1.2rem,1.9vw,1.45rem);line-height:1.45;color:#e6e8ef;max-width:760px}
.partner-hero .hero-desc-small{margin:0 0 36px;font-size:1.05rem;line-height:1.55;color:#a1a1aa;max-width:720px}
.partner-hero .hero-actions{margin:0 0 32px;display:flex;gap:12px;flex-wrap:wrap}
.partner-hero .partner-trust-row{margin-top:8px}
@media(max-width:760px){.partner-hero h1{margin-bottom:22px}.partner-hero .hero-desc-small{margin-bottom:26px}.partner-hero .hero-actions{margin-bottom:22px}}

/* Partner summary unboxed v3 */
.partner-summary-card.v2{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:48px;margin:44px 0 0;padding:0;background:transparent !important;border:0 !important;border-radius:0 !important;backdrop-filter:none}
.partner-summary-card.v2 .partner-summary-primary{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:transparent !important;border:0 !important;padding:0 !important;border-right:1px solid rgba(255,255,255,.10) !important;border-radius:0 !important;padding-right:48px !important;min-height:160px}
.partner-summary-card.v2 .partner-summary-primary span{color:#d9f99d;font-size:.74rem;letter-spacing:.22em;text-transform:uppercase;margin-bottom:6px}
.partner-summary-card.v2 .partner-summary-primary strong{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-weight:400;color:#fafafa;font-size:clamp(3.4rem,7vw,5.2rem) !important;line-height:.92;letter-spacing:-.04em;margin:0}
.partner-summary-card.v2 .partner-summary-primary em{font-style:normal;color:#a1a1aa;font-size:1rem;margin-top:14px}
.partner-summary-rest{display:grid;grid-template-columns:1fr;gap:0}
.partner-summary-rest > div{display:grid;grid-template-columns:90px 1fr;align-items:baseline;column-gap:24px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.07);background:transparent !important;border-radius:0 !important;border-left:0 !important;border-right:0 !important}
.partner-summary-rest > div:last-child{border-bottom:0}
.partner-summary-rest span{color:#737b88;font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;margin:0}
.partner-summary-rest strong{color:#fafafa;font-weight:600;font-size:1.02rem;line-height:1.45;letter-spacing:-.005em}
@media(max-width:880px){.partner-summary-card.v2{grid-template-columns:1fr;gap:24px}.partner-summary-card.v2 .partner-summary-primary{border-right:0 !important;border-bottom:1px solid rgba(255,255,255,.10) !important;padding-right:0 !important;padding-bottom:24px !important;min-height:auto}.partner-summary-rest > div{grid-template-columns:1fr;gap:4px;padding:12px 0}}

/* Partner hero top padding */
.partner-hero{padding-top:140px}
@media(max-width:760px){.partner-hero{padding-top:110px}}

/* Partner hero alignment v8 */
.partner-hero{padding-top:140px;padding-bottom:80px}
.partner-hero .container{text-align:center}
.partner-hero .hero-pill{margin:0 auto 28px}
.partner-hero h1{margin:0 auto 28px;max-width:980px}
.partner-hero .hero-desc{margin:0 auto 14px;max-width:680px;font-size:clamp(1.18rem,1.7vw,1.4rem)}
.partner-hero .hero-desc-small{margin:0 auto 36px;max-width:600px;color:#a1a1aa;font-size:1.02rem}
.partner-hero .hero-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin:0 0 40px}
.partner-hero .partner-trust-row{justify-content:center;margin:0 auto 64px;color:#a1a1aa;font-size:.88rem}

/* Summary card: clean two-column, equal vertical padding, centred under content */
.partner-summary-card.v2{display:grid;grid-template-columns:minmax(280px,360px) 1fr;gap:56px;align-items:center;max-width:1040px;margin:0 auto;padding:32px 0;text-align:left;background:transparent !important;border:0 !important;border-radius:0 !important;border-top:1px solid rgba(255,255,255,.10) !important;border-bottom:1px solid rgba(255,255,255,.10) !important}
.partner-summary-card.v2 .partner-summary-primary{display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:0 !important;border:0 !important;background:transparent !important;border-right:1px solid rgba(255,255,255,.10) !important;padding-right:56px !important;min-height:auto}
.partner-summary-card.v2 .partner-summary-primary span{color:#d9f99d;font-size:.74rem;letter-spacing:.22em;text-transform:uppercase;margin-bottom:8px}
.partner-summary-card.v2 .partner-summary-primary strong{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-weight:400;color:#fafafa;font-size:clamp(3.2rem,6vw,4.6rem) !important;line-height:.95;letter-spacing:-.04em;margin:0}
.partner-summary-card.v2 .partner-summary-primary em{font-style:normal;color:#a1a1aa;font-size:.98rem;margin-top:14px}

.partner-summary-rest{display:grid;grid-template-columns:1fr;gap:0}
.partner-summary-rest > div{display:grid;grid-template-columns:120px 1fr;align-items:baseline;column-gap:32px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.06);background:transparent !important;border-radius:0 !important;border-left:0 !important;border-right:0 !important;border-top:0 !important}
.partner-summary-rest > div:first-child{padding-top:0}
.partner-summary-rest > div:last-child{border-bottom:0;padding-bottom:0}
.partner-summary-rest span{color:#737b88;font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;margin:0}
.partner-summary-rest strong{color:#fafafa;font-weight:500;font-size:1rem;line-height:1.45;letter-spacing:-.005em}

@media(max-width:880px){.partner-hero{padding-top:110px;padding-bottom:60px}.partner-hero .partner-trust-row{margin-bottom:48px}.partner-summary-card.v2{grid-template-columns:1fr;gap:24px;padding:28px 0}.partner-summary-card.v2 .partner-summary-primary{border-right:0 !important;border-bottom:1px solid rgba(255,255,255,.10) !important;padding-right:0 !important;padding-bottom:24px !important;align-items:center;text-align:center}.partner-summary-rest > div{grid-template-columns:1fr;gap:6px;padding:12px 0;text-align:center}.partner-summary-rest > div span,.partner-summary-rest > div strong{justify-self:center}}

/* Partner serif tracking fix */
.partner-summary-card.v2 .partner-summary-primary strong{letter-spacing:.005em !important;word-spacing:.04em;line-height:1.05 !important;font-feature-settings:"liga" off;-webkit-font-feature-settings:"liga" off}
.partner-quote{letter-spacing:.005em;word-spacing:.04em;line-height:1.22}

/* Partner hero screenshot */
.partner-hero-shot{margin:0 0 64px;padding:0}
.partner-hero-shot .container{display:flex;flex-direction:column;align-items:center;gap:14px}
.partner-hero-shot picture{display:block;width:100%;max-width:1080px;border:1px solid rgba(255,255,255,.10);border-radius:18px;overflow:hidden;background:#0a0c10;box-shadow:0 30px 100px rgba(0,0,0,.45),0 0 0 1px rgba(217,249,157,.05)}
.partner-hero-shot img{display:block;width:100%;height:auto}
.partner-hero-shot figcaption{color:#737b88;font-size:.92rem;text-align:center}
@media(max-width:760px){.partner-hero-shot{margin-bottom:40px}}

/* Partner shot captions */
.partner-shot-caption{display:block;padding:10px 18px;border-top:1px solid var(--line);background:rgba(0,0,0,.20);color:#a1a1aa;font-size:.86rem;text-align:left}
.platform-three-card picture{position:relative;display:block}
.platform-three-card picture img{display:block;width:100%}
.platform-three-card .partner-shot-caption{margin:0}

/* Partner big serif numerals (owner cards) */
.partner-package-grid.v3 .partner-package-card{position:relative;display:grid;grid-template-columns:auto 1fr;column-gap:18px;align-items:start;gap:0 18px;padding:30px 30px 30px 30px}
.partner-package-grid.v3 .partner-step-num{grid-row:1/2;grid-column:1/2;width:auto;height:auto;background:transparent;border:0;padding:0;margin:0;color:#d9f99d;font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-weight:400;font-size:clamp(3.6rem,5.6vw,5.4rem);line-height:.85;letter-spacing:-.02em;align-self:start;position:static;display:inline-block}
.partner-package-grid.v3 .partner-package-card h3{grid-row:1/2;grid-column:2/3;margin:8px 0 6px;font-size:1.18rem;line-height:1.18;letter-spacing:-.02em;color:#fafafa}
.partner-package-grid.v3 .partner-package-card p{grid-row:2/3;grid-column:2/3;margin:0;color:#a1a1aa;line-height:1.55}
@media(max-width:760px){.partner-package-grid.v3 .partner-package-card{padding:24px 22px;column-gap:16px}.partner-package-grid.v3 .partner-step-num{font-size:3.4rem}}

/* Partner wide showcase */
.partner-showcase{margin:24px 0 56px;padding:0}
.partner-showcase .container{display:flex;flex-direction:column;align-items:center;gap:14px}
.partner-showcase picture{display:block;width:100%;max-width:1080px;border:1px solid rgba(255,255,255,.10);border-radius:18px;overflow:hidden;background:#0a0c10;box-shadow:0 30px 100px rgba(0,0,0,.45),0 0 0 1px rgba(217,249,157,.04)}
.partner-showcase img{display:block;width:100%;height:auto}
.partner-showcase figcaption{color:#a1a1aa;font-size:.95rem;text-align:center;max-width:760px}
@media(max-width:760px){.partner-showcase{margin:16px 0 36px}.partner-showcase picture{border-radius:14px}}

/* Partner blue quote bar */
.partner-quote-bar{position:relative;margin:18px auto 0 !important;padding:14px 20px;max-width:760px;text-align:left;color:#cbd5dc;line-height:1.6;border-left:3px solid #3b82f6;background:rgba(59,130,246,.06);border-radius:0 14px 14px 0}
.partner-quote-bar:before{content:""}
.partner-form-intro .partner-quote-bar{font-size:1rem}

/* Partner form breathing v2 */
.partner-form-card{padding:64px 56px}
.partner-form-intro{margin-bottom:48px}
.partner-form-intro p{margin:8px auto 0;line-height:1.65}
.partner-form-intro .partner-quote-bar{margin-top:22px !important}
.partner-form{max-width:820px}
.partner-form-grid{gap:22px 22px;grid-template-columns:1fr 1fr}
.partner-field{gap:10px}
.partner-field span{font-size:.74rem;letter-spacing:.12em}
.partner-field input,.partner-field select{padding:14px 16px}
.partner-field textarea{padding:14px 16px;min-height:118px;line-height:1.55}
.partner-form-submit{margin-top:36px}
.partner-form-note{margin-top:34px}
@media(max-width:760px){.partner-form-card{padding:42px 26px}.partner-form-intro{margin-bottom:36px}.partner-form-grid{gap:18px}}

/* Partner fit commercial-shape align */
.partner-fit-col p{padding-left:18px;margin-top:14px !important}

/* push the hero down so the nav has space above it */
.partner-hero{padding-top:170px}
@media(max-width:760px){.partner-hero{padding-top:130px}}

/* Big serif numerals - day-one + process */
/* Day-one cards */
.partner-dayone-list>div{display:grid;grid-template-columns:auto 1fr;column-gap:18px;align-items:start;gap:0 18px;padding:30px 30px 30px 30px}
.partner-dayone-list .partner-step-num{grid-row:1/2;grid-column:1/2;width:auto;height:auto;background:transparent;border:0;padding:0;margin:0;color:#d9f99d;font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-weight:400;font-size:clamp(3.4rem,5vw,4.6rem);line-height:.9;letter-spacing:-.02em;align-self:start;position:static;display:inline-block}
.partner-dayone-list h3{grid-row:1/2;grid-column:2/3;margin:8px 0 0;font-size:1.12rem;line-height:1.25;color:#fafafa;font-weight:500}

/* Process steps */
.partner-process{counter-reset:none}
.partner-process li{display:grid;grid-template-columns:auto 1fr;column-gap:18px;align-items:start;padding:30px 30px 30px 30px}
.partner-process .partner-step-num{grid-row:1/3;grid-column:1/2;width:auto;height:auto;background:transparent;border:0;padding:0;margin:0;color:#d9f99d;font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-weight:400;font-size:clamp(3.4rem,5vw,4.6rem);line-height:.9;letter-spacing:-.02em;align-self:start;position:static;display:inline-block}
.partner-process h3{grid-row:1/2;grid-column:2/3;margin:8px 0 6px;font-size:1.18rem;line-height:1.18;letter-spacing:-.02em;color:#fafafa}
.partner-process p{grid-row:2/3;grid-column:2/3;margin:0;color:#a1a1aa;line-height:1.55}

@media(max-width:760px){.partner-dayone-list>div,.partner-process li{padding:24px 22px;column-gap:14px}.partner-dayone-list .partner-step-num,.partner-process .partner-step-num{font-size:3.2rem}}

/* Partner-only sticky header */
body.partner-page .nav{position:sticky !important;top:0 !important;left:auto !important;right:auto !important;z-index:9999 !important;background:rgba(8,9,11,.78);backdrop-filter:saturate(140%) blur(18px);-webkit-backdrop-filter:saturate(140%) blur(18px);border-bottom:1px solid rgba(255,255,255,.08);padding:18px 0 !important}
body.partner-page .nav.scrolled{padding:12px 0 !important;background:rgba(8,9,11,.86)}
body.partner-page .nav-inner{margin-top:0 !important}
body.partner-page .partner-hero{padding-top:96px !important}
@media(max-width:760px){body.partner-page .nav{padding:14px 0 !important}body.partner-page .nav.scrolled{padding:10px 0 !important}body.partner-page .partner-hero{padding-top:72px !important}}

/* Partner sticky header stable height */
body.partner-page .nav,
body.partner-page .nav.scrolled{padding:16px 0 !important;min-height:72px;display:flex;align-items:center}
body.partner-page .nav-inner{width:100%;min-height:40px}
body.partner-page .nav .logo,
body.partner-page .nav.scrolled .logo{font-size:1.35rem}
body.partner-page .nav .btn-primary,
body.partner-page .nav.scrolled .btn-primary,
body.partner-page .nav .btn-ghost,
body.partner-page .nav.scrolled .btn-ghost{min-height:44px;padding-top:12px;padding-bottom:12px}
@media(max-width:760px){body.partner-page .nav,body.partner-page .nav.scrolled{padding:12px 0 !important;min-height:64px}body.partner-page .nav .logo,body.partner-page .nav.scrolled .logo{font-size:1.05rem}body.partner-page .nav .btn-primary,body.partner-page .nav.scrolled .btn-primary{min-height:42px;padding-top:10px;padding-bottom:10px}}

/* Partner transparent header state */
body.partner-page .nav{background:transparent !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;border-bottom:0 !important;box-shadow:none !important}
body.partner-page .nav.scrolled{background:rgba(8,9,11,.72) !important;backdrop-filter:saturate(140%) blur(18px) !important;-webkit-backdrop-filter:saturate(140%) blur(18px) !important;border-bottom:1px solid rgba(255,255,255,.08) !important}

/* Partner why-now unboxed */
.partner-whynow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px;max-width:1040px;margin:0 auto}
.partner-whynow-card{background:transparent !important;border:0 !important;border-radius:0 !important;padding:0 !important;box-shadow:none !important}
.partner-whynow-card.primary{grid-column:1/-1;max-width:980px;margin:0 auto 8px;padding:0 0 30px !important;border-bottom:1px solid rgba(217,249,157,.28) !important;background:transparent !important;text-align:left}
.partner-whynow-card.primary p{font-size:clamp(1.15rem,1.8vw,1.45rem);line-height:1.55;color:#fafafa;margin:0;font-weight:500;letter-spacing:-.01em}
.partner-whynow-card h3{margin:0 0 10px;font-size:1rem;color:#fafafa;letter-spacing:-.01em}
.partner-whynow-card p{margin:0;color:#a1a1aa;line-height:1.65;font-size:.98rem}
.partner-whynow-tag{border-top:0 !important;margin:36px auto 28px !important;padding-top:0 !important;color:#cbd5dc}
@media(max-width:900px){.partner-whynow-grid{grid-template-columns:1fr;gap:24px}.partner-whynow-card.primary{padding-bottom:24px !important;margin-bottom:0}}

/* Partner why-now flow redesign */
.partner-whynow{padding:86px 0}
.partner-flow-section{display:grid;grid-template-columns:.82fr 1.18fr;gap:72px;align-items:start;max-width:1120px;margin:0 auto}
.partner-flow-heading{position:sticky;top:110px;align-self:start}
.partner-flow-heading .section-label{color:#d9f99d;margin-bottom:14px;display:inline-block}
.partner-flow-heading h2{font-size:clamp(2.8rem,5vw,5rem);line-height:.95;letter-spacing:-.06em;margin:0;max-width:460px}
.partner-flow-copy{max-width:720px}
.partner-flow-lead{font-size:clamp(1.2rem,1.8vw,1.55rem);line-height:1.45;color:#fafafa;margin:0 0 34px;font-weight:500;letter-spacing:-.02em}
.partner-flow-list{list-style:none;margin:0;padding:0;display:grid;gap:28px;position:relative}
.partner-flow-list:before{content:"";position:absolute;left:31px;top:18px;bottom:18px;width:1px;background:linear-gradient(180deg,rgba(217,249,157,.45),rgba(217,249,157,.08))}
.partner-flow-list li{display:grid;grid-template-columns:64px 1fr;gap:22px;align-items:start;position:relative}
.partner-flow-list li>span{position:relative;z-index:1;display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#0b0d11;border:1px solid rgba(217,249,157,.34);color:#d9f99d;font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-size:2.2rem;line-height:1}
.partner-flow-list h3{margin:4px 0 6px;color:#fafafa;font-size:1.15rem;letter-spacing:-.02em}
.partner-flow-list p{margin:0;color:#a1a1aa;line-height:1.65}
.partner-flow-close{margin:36px 0 24px;padding:20px 24px;border-left:3px solid #d9f99d;background:rgba(217,249,157,.055);color:#cbd5dc;line-height:1.6;border-radius:0 14px 14px 0}
@media(max-width:900px){.partner-flow-section{grid-template-columns:1fr;gap:34px}.partner-flow-heading{position:static}.partner-flow-heading h2{max-width:none}.partner-flow-list:before{left:27px}.partner-flow-list li{grid-template-columns:56px 1fr;gap:18px}.partner-flow-list li>span{width:56px;height:56px;font-size:1.9rem}}

/* Partner package dressed */
#package{overflow:hidden}
#package:before{content:"";position:absolute;left:50%;top:40px;width:520px;height:520px;transform:translateX(-50%);background:radial-gradient(circle,rgba(217,249,157,.055),transparent 62%);pointer-events:none}
.partner-package-grid.v2.dressed{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:1100px;margin:12px auto 0}
.partner-package-grid.v2.dressed .partner-package-card{position:relative;display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:start;padding:30px 32px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.028));border:1px solid rgba(255,255,255,.105);border-radius:24px;overflow:hidden;transition:transform .22s ease,border-color .22s ease,background .22s ease}
.partner-package-grid.v2.dressed .partner-package-card:hover{transform:translateY(-3px);border-color:rgba(217,249,157,.24);background:linear-gradient(180deg,rgba(217,249,157,.055),rgba(255,255,255,.028))}
.partner-package-grid.v2.dressed .partner-package-card:after{content:"";position:absolute;inset:auto 0 0 0;height:1px;background:linear-gradient(90deg,transparent,rgba(217,249,157,.34),transparent);opacity:.45}
.partner-package-num{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-size:clamp(3.2rem,5vw,4.7rem);line-height:.9;color:#d9f99d;letter-spacing:-.02em;margin-top:-2px;min-width:74px}
.partner-package-grid.v2.dressed h3{margin:4px 0 8px;font-size:1.24rem;line-height:1.18;letter-spacing:-.025em;color:#fafafa}
.partner-package-grid.v2.dressed p{margin:0;color:#a1a1aa;line-height:1.58}
.partner-package-meta.dressed{max-width:760px;margin:34px auto 0;padding:20px 24px;border-left:3px solid #d9f99d;background:rgba(217,249,157,.045);border-radius:0 16px 16px 0;text-align:left;color:#a1a1aa}
.partner-package-meta.dressed span{display:block;color:#d9f99d;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;font-weight:700;margin-bottom:6px}
.partner-package-meta.dressed p{margin:0;color:#cbd5dc;line-height:1.6}
@media(max-width:900px){.partner-package-grid.v2.dressed{grid-template-columns:1fr}.partner-package-grid.v2.dressed .partner-package-card{padding:26px 24px}.partner-package-num{font-size:3.4rem;min-width:58px}}

/* Day-one icon treatment */
.partner-dayone-list>div{grid-template-columns:auto 1fr;column-gap:20px;align-items:center;min-height:150px}
.partner-dayone-list .partner-step-num{display:none!important}
.partner-day-icon{width:74px;height:74px;display:block;color:#d9f99d;opacity:.95;background-repeat:no-repeat;background-position:center;background-size:74px 74px;filter:drop-shadow(0 14px 32px rgba(217,249,157,.10))}
.partner-day-icon.sign{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23d9f99d' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 60h32'/%3E%3Cpath d='M23 54 56 21c5-5 13 3 8 8L31 62l-15 4 7-12Z'/%3E%3Cpath d='M50 27 58 35'/%3E%3C/svg%3E")}
.partner-day-icon.lead{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23d9f99d' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='40' cy='27' r='13'/%3E%3Cpath d='M18 64c4-15 14-23 22-23s18 8 22 23'/%3E%3Cpath d='M58 24h10M63 19v10'/%3E%3C/svg%3E")}
.partner-day-icon.target{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23d9f99d' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='40' cy='40' r='25'/%3E%3Ccircle cx='40' cy='40' r='13'/%3E%3Ccircle cx='40' cy='40' r='3' fill='%23d9f99d'/%3E%3Cpath d='M56 24 67 13M61 13h6v6'/%3E%3C/svg%3E")}
.partner-dayone-list h3{margin:0;font-size:1.16rem;line-height:1.25}
@media(max-width:760px){.partner-day-icon{width:58px;height:58px;background-size:58px 58px}.partner-dayone-list>div{min-height:118px;column-gap:16px}}

/* Partner why-now flow restore */
.partner-flow-section{display:grid;grid-template-columns:.82fr 1.18fr;gap:72px;align-items:start;max-width:1120px;margin:0 auto}
.partner-flow-copy{grid-column:auto;max-width:720px}
.partner-flow-heading{position:sticky;top:110px;align-self:start}
@media(max-width:900px){.partner-flow-section{grid-template-columns:1fr;gap:34px}.partner-flow-heading{position:static}.partner-flow-copy{max-width:none}}

/* Partner process fun timeline */
.partner-process.fun{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;max-width:1120px;margin:10px auto 0;padding:52px 0 8px;list-style:none}
.partner-process.fun:before{content:"";position:absolute;left:8%;right:8%;top:34px;height:2px;background:linear-gradient(90deg,rgba(217,249,157,.15),rgba(217,249,157,.75),rgba(217,249,157,.15));box-shadow:0 0 30px rgba(217,249,157,.18)}
.partner-process.fun li{position:relative;display:block;padding:32px 28px 30px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.026));border:1px solid rgba(255,255,255,.105);border-radius:26px;min-height:250px;overflow:hidden;transition:transform .25s ease,border-color .25s ease,background .25s ease}
.partner-process.fun li:nth-child(even){transform:translateY(34px)}
.partner-process.fun li:hover{transform:translateY(-5px);border-color:rgba(217,249,157,.34);background:linear-gradient(180deg,rgba(217,249,157,.075),rgba(255,255,255,.03))}
.partner-process.fun li:nth-child(even):hover{transform:translateY(24px)}
.partner-process.fun li:before{content:"";position:absolute;top:-25px;left:34px;width:18px;height:18px;border-radius:50%;background:#d9f99d;box-shadow:0 0 0 8px rgba(217,249,157,.08),0 0 34px rgba(217,249,157,.35)}
.partner-process.fun li:after{content:"";position:absolute;right:-45px;bottom:-45px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(217,249,157,.09),transparent 66%)}
.partner-process.fun .partner-step-num{display:block;width:auto;height:auto;background:transparent;border:0;padding:0;margin:0 0 12px;color:#d9f99d;font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-weight:400;font-size:clamp(4rem,6vw,5.6rem);line-height:.85;letter-spacing:-.02em}
.partner-process.fun h3{margin:0 0 12px;font-size:1.22rem;line-height:1.12;color:#fafafa;letter-spacing:-.02em}
.partner-process.fun p{margin:0;color:#a1a1aa;line-height:1.58;font-size:.98rem}
@media(max-width:980px){.partner-process.fun{grid-template-columns:1fr 1fr;padding-top:34px}.partner-process.fun:before{display:none}.partner-process.fun li:nth-child(even){transform:none}.partner-process.fun li:nth-child(even):hover{transform:translateY(-5px)}}
@media(max-width:560px){.partner-process.fun{grid-template-columns:1fr;gap:16px}.partner-process.fun li{min-height:auto;padding:26px 24px}.partner-process.fun .partner-step-num{font-size:3.6rem}}

/* Partner process middle connector */
.partner-process.fun{padding-top:24px}
.partner-process.fun:before{left:7%;right:7%;top:50%;transform:translateY(-50%);height:2px;z-index:0;background:linear-gradient(90deg,rgba(217,249,157,.08),rgba(217,249,157,.62),rgba(217,249,157,.08))}
.partner-process.fun li{z-index:1}
.partner-process.fun li:before{top:50%;left:-10px;transform:translateY(-50%);width:16px;height:16px;z-index:2}
.partner-process.fun li:nth-child(1):before{left:30px;top:calc(50% + 18px)}
.partner-process.fun li:nth-child(2):before{left:30px;top:calc(50% - 18px)}
.partner-process.fun li:nth-child(3):before{left:30px;top:calc(50% + 18px)}
.partner-process.fun li:nth-child(4):before{left:30px;top:calc(50% - 18px)}
@media(max-width:980px){.partner-process.fun:before,.partner-process.fun li:before{display:none}}

/* Owner cards fixed text alignment */
.partner-package-grid.v3 .partner-package-card{display:grid;grid-template-columns:58px 1fr;grid-template-rows:auto 1fr;column-gap:20px;row-gap:26px;align-items:start;min-height:318px;padding:30px 30px 34px}
.partner-package-grid.v3 .partner-step-num{grid-column:1;grid-row:1;width:58px;text-align:left;font-size:4.4rem;line-height:.9;margin:0;padding:0}
.partner-package-grid.v3 .partner-package-card h3{grid-column:2;grid-row:1;margin:8px 0 0;align-self:start;min-height:58px;font-size:1.15rem;line-height:1.15}
.partner-package-grid.v3 .partner-package-card p{grid-column:2;grid-row:2;margin:0;align-self:start;max-width:100%;line-height:1.58;color:#a1a1aa}
@media(max-width:980px){.partner-package-grid.v3 .partner-package-card{min-height:260px}}
@media(max-width:760px){.partner-package-grid.v3 .partner-package-card{grid-template-columns:50px 1fr;min-height:auto;row-gap:18px}.partner-package-grid.v3 .partner-step-num{width:50px;font-size:3.6rem}.partner-package-grid.v3 .partner-package-card h3{min-height:auto;margin-top:4px}.partner-package-grid.v3 .partner-package-card p{grid-column:1/-1}}

/* Partner process line above cards */
.partner-process.fun{padding-top:56px}
.partner-process.fun:before{left:8%;right:8%;top:18px;transform:none;height:2px;z-index:0;background:linear-gradient(90deg,rgba(217,249,157,.08),rgba(217,249,157,.62),rgba(217,249,157,.08))}
.partner-process.fun li:before{top:-48px !important;left:50% !important;transform:translateX(-50%) !important;width:16px;height:16px;z-index:2}
@media(max-width:980px){.partner-process.fun{padding-top:0}.partner-process.fun:before,.partner-process.fun li:before{display:none}}

/* Partner full preview screenshot */
.partner-showcase-preview{margin:40px 0 96px;padding:0}
.partner-showcase-preview picture{max-width:1080px;border:10px solid #f5f5f0;border-radius:22px;background:#f5f5f0;box-shadow:0 34px 110px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.18)}
.partner-showcase-preview img{border-radius:12px;background:#08090b}
.partner-showcase-preview figcaption{color:#cbd5dc;font-size:.98rem;margin-top:2px}
@media(max-width:760px){.partner-showcase-preview{margin:28px 0 64px}.partner-showcase-preview picture{border-width:6px;border-radius:16px}.partner-showcase-preview img{border-radius:10px}}

/* Unified partner captions */
.partner-hero-shot figcaption,
.partner-showcase figcaption,
.partner-showcase-preview figcaption,
.partner-shot-caption{font-family:var(--font)!important;font-size:.95rem!important;font-weight:500!important;line-height:1.5!important;letter-spacing:0!important;color:#a1a1aa!important;text-align:center!important}
.partner-shot-caption{display:block;padding:12px 18px!important;border-top:1px solid var(--line);background:rgba(0,0,0,.20)}
.partner-showcase figcaption,.partner-hero-shot figcaption{max-width:780px;margin-left:auto;margin-right:auto}

/* Partner screenshot lightbox */
.partner-gallery-img{cursor:zoom-in;transition:transform .22s ease,filter .22s ease}
.partner-gallery-img:hover{filter:brightness(1.06);transform:scale(1.005)}
.partner-gallery-img:focus{outline:2px solid #d9f99d;outline-offset:4px}
.partner-lightbox{position:fixed;inset:0;z-index:10000;display:none;align-items:center;justify-content:center;background:rgba(3,5,8,.90);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:34px 86px}
.partner-lightbox.open{display:flex}
.partner-lightbox-figure{margin:0;max-width:min(1280px,92vw);max-height:88vh;display:flex;flex-direction:column;align-items:center;gap:14px}
.partner-lightbox-figure img{display:block;max-width:100%;max-height:78vh;object-fit:contain;border:8px solid #f5f5f0;border-radius:18px;background:#08090b;box-shadow:0 34px 120px rgba(0,0,0,.65)}
.partner-lightbox-figure figcaption{font-family:var(--font);font-size:1rem;line-height:1.5;color:#cbd5dc;text-align:center;max-width:920px}
.partner-lightbox-close{position:absolute;top:22px;right:28px;width:48px;height:48px;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:rgba(255,255,255,.06);color:#fff;font-size:34px;line-height:1;cursor:pointer}
.partner-lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:56px;height:76px;border:1px solid rgba(255,255,255,.18);border-radius:18px;background:rgba(255,255,255,.06);color:#fff;font-size:58px;line-height:.8;cursor:pointer;display:grid;place-items:center}
.partner-lightbox-nav.prev{left:22px}.partner-lightbox-nav.next{right:22px}
.partner-lightbox-nav:hover,.partner-lightbox-close:hover{background:rgba(217,249,157,.12);border-color:rgba(217,249,157,.35)}
.partner-lightbox-count{position:absolute;bottom:22px;right:28px;color:#a1a1aa;font-size:.9rem;letter-spacing:.08em}
@media(max-width:760px){.partner-lightbox{padding:22px}.partner-lightbox-nav{width:44px;height:56px;font-size:42px;top:auto;bottom:26px;transform:none}.partner-lightbox-nav.prev{left:22px}.partner-lightbox-nav.next{right:82px}.partner-lightbox-figure img{border-width:5px;border-radius:14px;max-height:72vh}.partner-lightbox-count{left:50%;right:auto;transform:translateX(-50%);bottom:42px}.partner-lightbox-close{top:14px;right:14px}}

/* Invest capability wall */
.capability-wall-section{overflow:hidden;padding-bottom:96px}
.capability-wall{position:relative;margin-top:10px;overflow:hidden;padding:12px 0 28px;mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%)}
.capability-rows{display:grid;gap:14px;width:100%}
.capability-row{display:flex;gap:14px;width:max-content;animation:capabilityMarquee var(--speed,120s) linear infinite;will-change:transform;transform:translate3d(0,0,0);backface-visibility:hidden;padding:2px 0}
.capability-row.reverse{animation-name:capabilityMarqueeReverse}
.capability-row.paused{animation-play-state:paused}
.capability-card{width:260px;min-height:132px;display:flex;flex-direction:column;justify-content:space-between;text-align:left;border:1px solid rgba(255,255,255,.11);border-radius:22px;padding:18px;background:linear-gradient(135deg,rgba(255,255,255,.085),rgba(255,255,255,.035));box-shadow:0 18px 55px rgba(0,0,0,.26);color:#fafafa;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease;backdrop-filter:blur(10px)}
.capability-card:hover,.capability-card:focus-visible{transform:translateY(-5px);border-color:rgba(217,249,157,.55);background:linear-gradient(135deg,rgba(217,249,157,.14),rgba(255,255,255,.045));outline:none}
.capability-card span{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:#d9f99d;font-weight:800}
.capability-card strong{font-size:1.08rem;line-height:1.12;letter-spacing:-.025em;margin-top:18px;display:block}
.capability-card em{font-style:normal;color:#a1a1aa;font-size:.86rem;line-height:1.35;margin-top:10px;display:block}
.capability-fade{position:absolute;top:0;bottom:0;width:9vw;z-index:2;pointer-events:none}
.capability-fade.left{left:0;background:linear-gradient(90deg,#09090b,transparent)}
.capability-fade.right{right:0;background:linear-gradient(270deg,#09090b,transparent)}
.capability-modal{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;padding:22px;background:rgba(0,0,0,.72);backdrop-filter:blur(10px)}
.capability-modal.open{display:flex}
.capability-modal-card{width:min(720px,100%);max-height:86vh;overflow:auto;border:1px solid rgba(255,255,255,.14);border-radius:28px;background:linear-gradient(145deg,#111319,#07080b);box-shadow:0 30px 140px rgba(0,0,0,.7);padding:30px;color:#fafafa;position:relative}
.capability-modal-close{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:#fff;font-size:24px;cursor:pointer}
.capability-modal-kicker{display:inline-flex;color:#d9f99d;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800;margin-bottom:16px}
.capability-modal h3{font-size:clamp(1.9rem,5vw,3.4rem);line-height:.98;letter-spacing:-.06em;margin:0 42px 18px 0;color:#fafafa}
.capability-modal p{color:#c7cbd3;font-size:1.08rem;line-height:1.65;margin:0 0 22px}
.capability-modal ul{margin:0;padding-left:20px;color:#a1a1aa;line-height:1.6}
.capability-modal li{margin:8px 0}
@keyframes capabilityMarquee{from{transform:translate3d(0,0,0)}to{transform:translate3d(-33.333%,0,0)}}
@keyframes capabilityMarqueeReverse{from{transform:translate3d(-33.333%,0,0)}to{transform:translate3d(0,0,0)}}
@media(max-width:760px){.capability-wall-section{padding-bottom:64px}.capability-rows{gap:10px}.capability-row{gap:10px}.capability-card{width:188px;min-height:116px;border-radius:18px;padding:15px}.capability-card strong{font-size:.96rem;margin-top:14px}.capability-card em{font-size:.78rem}.capability-modal{align-items:flex-end;padding:0;background:rgba(0,0,0,.62)}.capability-modal-card{width:100%;max-height:82vh;border-radius:28px 28px 0 0;padding:26px 20px 30px}.capability-modal h3{font-size:2.1rem}}
@media(prefers-reduced-motion:reduce){.capability-row{animation:none;flex-wrap:wrap;width:auto;justify-content:center}.capability-wall{mask-image:none}.capability-fade{display:none}.capability-card{width:min(260px,calc(50vw - 22px))}}

/* Invest hero timeline */
.partner-summary-rest.partner-timeline-rest > div{grid-template-columns:132px 1fr}
.partner-summary-rest.partner-timeline-rest strong{font-size:.98rem}
@media(max-width:880px){.partner-summary-rest.partner-timeline-rest > div{grid-template-columns:1fr}.partner-summary-rest.partner-timeline-rest span,.partner-summary-rest.partner-timeline-rest strong{text-align:center}}
.partner-summary-rest.partner-timeline-rest .timeline-date.past{color:#60a5fa !important;text-shadow:0 0 18px rgba(96,165,250,.28)}
.partner-summary-rest.partner-timeline-rest .timeline-date.future{color:#d9f99d !important;text-shadow:0 0 18px rgba(217,249,157,.22)}

.partner-faq-grid .faq-wide{grid-column:1 / -1}
@media(max-width:760px){.partner-faq-grid .faq-wide{grid-column:auto}}


/* Clean FAQ accordion */
.partner-faq-accordion{max-width:980px;margin:0 auto;border-top:1px solid rgba(255,255,255,.12)}
.partner-faq-accordion .faq-item{border-bottom:1px solid rgba(255,255,255,.12)}
.partner-faq-accordion summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 0;color:#fafafa;font-size:clamp(1.15rem,2vw,1.55rem);font-weight:600;letter-spacing:-.025em}
.partner-faq-accordion summary::-webkit-details-marker{display:none}
.partner-faq-accordion .faq-plus{width:18px;height:18px;position:relative;flex:0 0 18px;opacity:.75}
.partner-faq-accordion .faq-plus:before,.partner-faq-accordion .faq-plus:after{content:"";position:absolute;left:50%;top:50%;background:#d9f99d;transform:translate(-50%,-50%);transition:transform .2s ease,opacity .2s ease}
.partner-faq-accordion .faq-plus:before{width:18px;height:2px}.partner-faq-accordion .faq-plus:after{width:2px;height:18px}
.partner-faq-accordion details[open] .faq-plus:after{transform:translate(-50%,-50%) rotate(90deg);opacity:0}
.partner-faq-accordion .faq-answer{max-width:820px;padding:0 0 30px;color:#a1a1aa;font-size:1rem;line-height:1.7}
.partner-faq-accordion .faq-answer p{margin:0 0 14px}.partner-faq-accordion .faq-answer p:last-child{margin-bottom:0}
@media(max-width:760px){.partner-faq-accordion summary{padding:22px 0;font-size:1.08rem}.partner-faq-accordion .faq-answer{font-size:.96rem;padding-bottom:24px}}


/* Clean FAQ text list */
.partner-faq-accordion,.partner-faq-grid{display:none !important}
.faq-clean-list{max-width:980px;margin:0 auto;display:grid;gap:0;border-top:1px solid rgba(255,255,255,.10)}
.faq-clean-item{padding:28px 0;border-bottom:1px solid rgba(255,255,255,.10)}
.faq-clean-item h4{margin:0 0 12px;color:#60a5fa;font-size:clamp(1.2rem,2.2vw,1.65rem);line-height:1.15;letter-spacing:-.035em;font-weight:650}
.faq-clean-answer{max-width:850px;color:#a1a1aa;font-size:1rem;line-height:1.65;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.faq-clean-answer p{margin:0 0 12px}.faq-clean-answer p:last-child{margin-bottom:0}
.faq-clean-item.open .faq-clean-answer{display:block;overflow:visible}
.faq-more{margin-top:12px;padding:0;border:0;background:transparent;color:#d9f99d;font:inherit;font-size:.9rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;cursor:pointer}
.faq-more:hover{color:#f5ffd0}
@media(max-width:760px){.faq-clean-item{padding:22px 0}.faq-clean-answer{font-size:.96rem}.faq-more{font-size:.84rem}}


/* FAQ refinement: left aligned, inline ellipsis control */
.faq-clean-list{max-width:none !important;margin:0 !important;width:100% !important}
.faq-clean-answer{max-width:920px !important;display:block !important;position:relative;max-height:5.05em;overflow:hidden}
.faq-clean-item.open .faq-clean-answer{max-height:none;overflow:visible}
.faq-more{display:inline !important;margin:4px 0 0 !important;padding:0 !important;border:0 !important;background:transparent !important;color:#60a5fa !important;font:inherit !important;font-size:1rem !important;font-weight:500 !important;letter-spacing:0 !important;text-transform:none !important;line-height:1 !important;cursor:pointer}
.faq-more:hover{color:#93c5fd !important}
.faq-clean-item:not(.open) .faq-clean-answer:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1.7em;background:linear-gradient(180deg,rgba(9,9,11,0),#09090b)}


/* FAQ refinement: remove fade, show ellipsis only for truly long answers */
.faq-clean-answer{max-height:5.6em !important}
.faq-clean-item.open .faq-clean-answer{max-height:none !important}
.faq-clean-item:not(.open) .faq-clean-answer:after{display:none !important}
.faq-more{display:none !important}
.faq-clean-item.is-long .faq-more{display:inline !important}


/* Large screenshot carousel */
.screenshot-carousel-section{background:#09090b;overflow:hidden;padding:20px 0 76px}
.screenshot-carousel{position:relative;width:100%}
.screenshot-carousel-track{display:flex;gap:28px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behaviour:smooth;padding:0 calc((100vw - min(1120px,82vw)) / 2);scrollbar-width:none}
.screenshot-carousel-track::-webkit-scrollbar{display:none}
.screenshot-slide{flex:0 0 min(1120px,82vw);scroll-snap-align:center;margin:0}
.screenshot-slide picture{display:block;border-radius:28px;overflow:hidden;border:1px solid rgba(255,255,255,.10);box-shadow:0 30px 110px rgba(0,0,0,.48);background:#111}
.screenshot-slide img{display:block;width:100%;height:auto}
.screenshot-slide figcaption{text-align:center;color:#a1a1aa;font-size:.95rem;margin-top:16px}
.screenshot-carousel-btn{position:absolute;top:45%;z-index:5;width:46px;height:46px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(9,9,11,.72);backdrop-filter:blur(10px);color:#fafafa;font-size:32px;line-height:1;cursor:pointer;display:grid;place-items:center;transition:background .2s ease,border-color .2s ease,transform .2s ease}
.screenshot-carousel-btn:hover{background:rgba(96,165,250,.22);border-color:rgba(96,165,250,.5);transform:translateY(-1px)}
.screenshot-carousel-btn.prev{left:24px}.screenshot-carousel-btn.next{right:24px}
@media(max-width:760px){.screenshot-carousel-section{padding:8px 0 52px}.screenshot-carousel-track{gap:14px;padding:0 24px}.screenshot-slide{flex-basis:86vw}.screenshot-slide picture{border-radius:18px}.screenshot-carousel-btn{display:none}.screenshot-slide figcaption{font-size:.82rem;margin-top:10px}}


/* Carousel equal-size frames */
.screenshot-slide picture{aspect-ratio:16 / 9;display:flex !important;align-items:center;justify-content:center}
.screenshot-slide img{width:100% !important;height:100% !important;object-fit:cover;object-position:center top}


/* Capability wall category colours */
.capability-card{--cat:#d9f99d;--cat-rgb:217,249,157}
.capability-card span{color:var(--cat) !important}
.capability-card:hover,.capability-card:focus-visible{border-color:rgba(var(--cat-rgb),.58);background:linear-gradient(135deg,rgba(var(--cat-rgb),.16),rgba(255,255,255,.045))}
.capability-card.cat-support{--cat:#60a5fa;--cat-rgb:96,165,250}
.capability-card.cat-sales{--cat:#34d399;--cat-rgb:52,211,153}
.capability-card.cat-marketing{--cat:#f472b6;--cat-rgb:244,114,182}
.capability-card.cat-content{--cat:#a78bfa;--cat-rgb:167,139,250}
.capability-card.cat-e-commerce{--cat:#f59e0b;--cat-rgb:245,158,11}
.capability-card.cat-operations{--cat:#22d3ee;--cat-rgb:34,211,238}
.capability-card.cat-product{--cat:#818cf8;--cat-rgb:129,140,248}
.capability-card.cat-saas{--cat:#38bdf8;--cat-rgb:56,189,248}
.capability-card.cat-research{--cat:#fb7185;--cat-rgb:251,113,133}
.capability-card.cat-reporting{--cat:#facc15;--cat-rgb:250,204,21}
.capability-card.cat-finance{--cat:#4ade80;--cat-rgb:74,222,128}
.capability-card.cat-legal-ops{--cat:#c084fc;--cat-rgb:192,132,252}
.capability-card.cat-recruitment{--cat:#2dd4bf;--cat-rgb:45,212,191}
.capability-card.cat-real-estate{--cat:#fb923c;--cat-rgb:251,146,60}
.capability-card.cat-hospitality{--cat:#fda4af;--cat-rgb:253,164,175}
.capability-card.cat-healthcare-admin{--cat:#67e8f9;--cat-rgb:103,232,249}
.capability-card.cat-executive-support{--cat:#93c5fd;--cat-rgb:147,197,253}
.capability-card.cat-travel{--cat:#fde047;--cat-rgb:253,224,71}
.capability-card.cat-personal-assistant{--cat:#d8b4fe;--cat-rgb:216,180,254}
.capability-card.cat-resellers{--cat:#86efac;--cat-rgb:134,239,172}
.capability-card.cat-localisation{--cat:#f0abfc;--cat-rgb:240,171,252}
.capability-card.cat-monitoring{--cat:#7dd3fc;--cat-rgb:125,211,252}
.capability-card.cat-internal-tools{--cat:#c4b5fd;--cat-rgb:196,181,253}
.capability-card.cat-ai-governance{--cat:#5eead4;--cat-rgb:94,234,212}
.capability-card.cat-websites{--cat:#60a5fa;--cat-rgb:96,165,250}


/* Invest testimonials: featured plus four equal cards */
#testimonials .video-proof-grid{grid-template-columns:repeat(4,1fr) !important;gap:18px}
@media(max-width:980px){#testimonials .video-proof-grid{grid-template-columns:repeat(2,1fr) !important}}
@media(max-width:560px){#testimonials .video-proof-grid{grid-template-columns:1fr !important}}

/* Connect commercial proof to testimonials */
#commercial-proof{padding-bottom:34px !important}
#testimonials{padding-top:0 !important;margin-top:0 !important;background:#09090b !important}
#testimonials .proof-featured{margin-top:0 !important}
@media(max-width:720px){#commercial-proof{padding-bottom:24px !important}#testimonials{padding-top:0 !important}}
/* Mobile hardening for 1p.dev JV pages */
@media (max-width: 560px) {
  html, body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }
  .mike-wrap, .wrap, .container {
    max-width: 100%;
    padding-left: max(16px, env(safe-area-inset-left));
    padding-right: max(16px, env(safe-area-inset-right));
  }
  .price-card, .glass-card, .panel, .card, .pricing-note {
    max-width: 100%;
  }
  .price-card .pk-header p, .pricing-row .pk-header p, .pk-header p, .plan-desc, .section-desc, .pricing-note p {
    white-space: normal !important;
    overflow-wrap: anywhere;
  }
  .pk-today, .outcome-badge, .plan-badge, .pop-tag, .scarcity-banner, [class$="-top-banner"] {
    width: auto !important;
    max-width: 100% !important;
    white-space: normal !important;
    text-align: center;
  }
  .price-card.popular .pk-header h3, .pk-header h3 {
    padding-right: 0 !important;
  }
}
@media (max-width: 360px) {
  .mike-wrap, .wrap, .container {
    padding-left: max(14px, env(safe-area-inset-left));
    padding-right: max(14px, env(safe-area-inset-right));
  }
  .price-card, .panel, .card {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
  .xagio-countdown .xc-clock, .dominator-countdown .xc-clock {
    gap: 8px;
  }
}

/* ============================================================
   Editorial redesign compatibility layer
   The original selectors remain above for existing pages. This final layer
   moves them to the shared article-led system without changing their markup.
   ============================================================ */

:root {
  --editorial-bg: #f5f5f0;
  --editorial-bg-alt: #ffffff;
  --editorial-card: #ffffff;
  --editorial-card-2: #fafaf6;
  --editorial-surface: #ffffff;
  --editorial-surface-hover: #fafaf6;
  --editorial-glass: #ffffff;
  --editorial-text: #0c0c0f;
  --editorial-text-2: #3f4452;
  --editorial-text-3: #6b7180;
  --editorial-soft: #3f4452;
  --editorial-muted: #6b7180;
  --editorial-accent: #65a30d;
  --editorial-accent-deep: #3b6a00;
  --editorial-accent-light: #86c520;
  --editorial-accent-2: #86c520;
  --editorial-accent-glow: rgba(101, 163, 13, .1);
  --editorial-accent-glow-strong: rgba(101, 163, 13, .18);
  --editorial-line: rgba(8, 9, 11, .1);
  --editorial-line-strong: rgba(8, 9, 11, .2);
  --editorial-border: rgba(8, 9, 11, .1);
  --editorial-glass-border: rgba(8, 9, 11, .1);
  --editorial-glass-border-hover: rgba(8, 9, 11, .2);
  --editorial-shadow: none;
  --editorial-shadow-lg: none;
  --editorial-radius: 4px;
  --editorial-radius-lg: 4px;
  --editorial-radius-xl: 4px;
  --editorial-maxw: 1120px;
  --editorial-reading: 56.25rem;
  --editorial-prose: 60ch;
  --editorial-space-page: 12rem;
  --editorial-space-large: 14rem;
  --editorial-space-main: 10rem;
  --editorial-space-medium: 6rem;
  --editorial-space-small: 4rem;
  --editorial-font: 'Hanken Grotesk', 'Hanken Grotesk fallback', 'Hanken Grotesk fallback 2', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --editorial-font-serif: 'Literata', Georgia, serif;
}

html { background: var(--editorial-bg); }

body {
  background: var(--editorial-bg) !important;
  color: var(--editorial-text) !important;
  font-family: var(--editorial-font) !important;
  font-size: 16px;
  line-height: 1.6;
}

body :where(p, li, small, .muted, .soft, .hero-desc-small, .section-desc,
  .split-desc, .help-subtitle, .partner-form-note, .partner-form-intro p,
  .partner-image-caption, .partner-shot-caption, .partner-showcase figcaption,
  .partner-hero-shot figcaption) {
  color: var(--editorial-text-2) !important;
}

body :where(h1, h2, h3, h4, h5, h6, strong, .headline-logo, .logo,
  .section-title, .section-heading, .help-title, .thanks-title, .reg-title,
  .release-title) {
  color: var(--editorial-text) !important;
}

h1,
h2 {
  font-family: var(--editorial-font-serif) !important;
  font-weight: 500 !important;
  letter-spacing: -.01em !important;
  line-height: 1.12 !important;
}

h1 { font-size: clamp(3rem, 5vw, 4.5rem) !important; }
h2 { font-size: clamp(2rem, 3vw, 3rem) !important; }

h3,
h4 {
  font-family: var(--editorial-font) !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  line-height: 1.25 !important;
}

h3 { font-size: 1.5rem !important; }

p,
li {
  font-size: 1.125rem;
  line-height: 1.6;
}

a { color: inherit; }
a:hover { color: var(--editorial-accent-deep); }

:focus-visible {
  outline: 2px solid var(--editorial-accent);
  outline-offset: 3px;
}

.container {
  max-width: var(--editorial-maxw);
}

.narrow,
.reading-column,
.section-head,
.section-title,
.section-desc,
.hero-desc,
.split-desc,
.feature-area,
.feature-area-copy,
.feature-hero .fh-content,
.proof-featured-copy,
.partner-flow-copy,
.platform-header {
  max-width: var(--editorial-reading) !important;
}

:where(.section-desc, .hero-desc, .split-desc, .feature-area p,
  .feature-hero .fh-content p, .proof-featured-copy p, .partner-flow-copy p,
  .platform-header p) {
  max-width: var(--editorial-prose) !important;
}

.nav,
body.partner-page .nav {
  position: sticky !important;
  top: 0;
  left: auto;
  right: auto;
  min-height: 0 !important;
  padding: 1.1rem 0 !important;
  background: rgba(245, 245, 240, .96) !important;
  border-bottom: 1px solid var(--editorial-line) !important;
  box-shadow: none !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
}

/* The header condenses as you scroll. It used to lose 8px of an 84px bar,
   too small to read as intent and so it looked like a wobble. It now takes
   a clear step down, and eases both ways so returning to the top is as
   smooth as leaving it. The logo and the Login button shrink with it, or
   the bar would close on contents that never moved. */
.nav.scrolled,
body.partner-page .nav.scrolled {
  padding: .55rem 0 !important;
  background: rgba(245, 245, 240, .98) !important;
  border-bottom-color: var(--editorial-line) !important;
}

.nav,
.nav .logo .logo-img {
  transition: padding .28s ease, height .28s ease, min-height .28s ease,
              font-size .28s ease, background-color .28s ease;
}

/* The button carries its own shorter transition from the button rules, and
   that wins on order, so its sizing has to be named here or it snaps while
   the bar around it eases. */
.nav .nav-cta .btn-primary {
  transition: min-height .28s ease, padding .28s ease, font-size .28s ease,
              background .16s ease, border-color .16s ease, color .16s ease !important;
}

.nav.scrolled .logo .logo-img { height: 1.5rem; }

.nav.scrolled .nav-cta .btn-primary {
  min-height: 2.25rem !important;
  padding: .4rem 1rem !important;
  font-size: .875rem !important;
}

@media (prefers-reduced-motion: reduce) {
  .nav,
  .nav .logo .logo-img,
  .nav .nav-cta .btn-primary { transition: none; }
}

.logo,
.nav .logo {
  color: var(--editorial-text) !important;
  font-weight: 400 !important;
}

.logo strong { font-weight: 600 !important; }
.logo span { color: var(--editorial-accent-light) !important; font-weight: 400 !important; }
.nav-links a { color: var(--editorial-text-2) !important; font-weight: 400 !important; }
.nav-links a:hover { color: var(--editorial-text) !important; }

.btn-primary,
.btn-secondary,
.btn-ghost,
.btn-login,
.download-btn,
.form-submit,
.cta-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  min-height: 2.75rem;
  padding: .7rem 1.25rem;
  border-radius: 100rem !important;
  font-size: .9375rem !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  transition: background .16s ease, border-color .16s ease, color .16s ease !important;
}

.btn-primary,
.download-btn,
.form-submit,
.cta-primary {
  background: var(--editorial-text) !important;
  border: 1px solid var(--editorial-text) !important;
  box-shadow: none !important;
  color: #fff !important;
}

.btn-primary:hover,
.download-btn:hover,
.form-submit:hover,
.cta-primary:hover {
  background: #282826 !important;
  border-color: #282826 !important;
  box-shadow: none !important;
  color: #fff !important;
  transform: none !important;
}

.btn-secondary,
.btn-ghost,
.btn-login {
  background: transparent !important;
  border: 1px solid var(--editorial-line) !important;
  box-shadow: none !important;
  color: var(--editorial-text) !important;
}

.btn-secondary:hover,
.btn-ghost:hover,
.btn-login:hover {
  background: rgba(8, 9, 11, .04) !important;
  border-color: var(--editorial-line-strong) !important;
  box-shadow: none !important;
  color: var(--editorial-text) !important;
}

.hero,
.partner-hero {
  padding: var(--editorial-space-page) 0 var(--editorial-space-medium) !important;
  background: transparent !important;
}

.hero-glow,
.hero-glow-2,
.feature-bg-glow,
.demo-glow,
.grid-bg {
  display: none !important;
}

.hero h1,
.partner-hero h1 {
  margin-bottom: 2rem !important;
  color: var(--editorial-text) !important;
}

.hero h1 em,
.section-title em,
.text-gradient {
  background: none !important;
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}

.hero-desc,
.partner-hero .hero-desc {
  color: var(--editorial-text-2) !important;
  font-family: var(--editorial-font-serif) !important;
  font-size: clamp(1.5rem, 2.1vw, 1.75rem) !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 1.35 !important;
}

.hero-pill,
.fh-badge,
.fc-badge,
.outcome-badge,
.section-label,
.eyebrow,
.kicker,
.pill,
.badge {
  display: none !important;
}

.section,
.feature-section {
  padding: var(--editorial-space-main) 0 !important;
  background: transparent !important;
}

.section + .section,
.feature-section + .section,
.section + .feature-section {
  border-top: 1px solid var(--editorial-line);
}

.section-alt,
.section-light,
.section-dark {
  background: transparent !important;
  border-bottom: 0 !important;
}

.section-title,
.section-head,
.platform-header {
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: left !important;
}

.section-title,
.section-head { margin-bottom: var(--editorial-space-medium) !important; }
.section-desc { margin-left: 0 !important; text-align: left !important; }

/* A panel is reserved for a meaningful grouped decision or callout. */
.glass-card,
.card,
.price-card,
.pricing-card,
.download-card,
.cta-box,
.cta-card,
.help-card,
.thanks-card,
.reg-card,
.closed-card,
.soon-card,
.welcome-shell,
.dataroom-card,
.enterprise-card,
.file-card,
.faq-card,
.partner-form-card,
.partner-comparison,
.partner-package-card,
.partner-dayone-card,
.partner-final-card,
.partner-image-card,
.platform-three-card,
.capability-modal-card {
  background: rgba(255, 255, 255, .56) !important;
  border: 1px solid var(--editorial-line) !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  color: var(--editorial-text) !important;
}

.glass-card:hover,
.card:hover,
.price-card:hover,
.platform-three-card:hover,
.partner-package-card:hover {
  border-color: var(--editorial-line-strong) !important;
  box-shadow: none !important;
  transform: none !important;
}

/* Default content groups are deliberately unboxed. */
.switch-card,
.fc,
.uc,
.audience-card,
.trust-card,
.launch-card,
.process-card,
.use-case-card,
.metric-card,
.video-proof-card,
.proof-featured,
.feature-hero,
.partner-fit-col,
.partner-whynow-card,
.partner-summary-card,
.partner-summary-primary,
.partner-summary-rest > div {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.feature-hero,
.proof-featured {
  display: block !important;
  max-width: var(--editorial-reading) !important;
  margin: 0 auto var(--editorial-space-medium) !important;
  padding: 0 !important;
}

.feature-hero .fh-content,
.proof-featured-copy {
  padding: 0 !important;
}

.feature-hero .fh-content p,
.proof-featured-copy p {
  color: var(--editorial-text-2) !important;
  font-size: 1.25rem !important;
}

.feature-grid,
.feature-grid-6,
.cards-4,
.switch-grid,
.uc-grid,
.trust-grid,
.audience-grid,
.launch-grid,
.process-grid,
.pricing-row {
  gap: var(--editorial-space-small) !important;
}

.video-thumb,
.video-embed,
.video-frame,
.video-shell,
.proof-featured .video-thumb {
  width: 100%;
  max-width: 45rem;
  background: #0c0c0f !important;
  border: 0 !important;
  border-radius: 1.25rem !important;
  box-shadow: 0 8px 20px rgba(8, 9, 11, .08) !important;
  overflow: hidden;
}

.video-thumb {
  aspect-ratio: 16 / 9;
  cursor: pointer;
}

.video-thumb img { filter: saturate(.9) contrast(1.01) !important; }

.video-play {
  background: rgba(255, 255, 255, .96) !important;
  box-shadow: none !important;
  color: var(--editorial-text) !important;
}

.video-proof-card { padding: 0 !important; }
.video-proof-card .video-thumb { border-radius: 1.25rem !important; }

.video-modal { background: rgba(8, 9, 11, .82) !important; }
.video-modal-inner { border-radius: 1.25rem !important; box-shadow: none !important; }
.video-modal-close { background: #fff !important; border: 0 !important; color: var(--editorial-text) !important; }

.demo-window,
.partner-mock,
.workboard-shell,
.mini-table,
.mini-browser,
.mini-chart,
.mini-email,
.mini-calendar,
.mini-story {
  background: #fff !important;
  border: 1px solid var(--editorial-line) !important;
  box-shadow: none !important;
  color: var(--editorial-text) !important;
}

.demo-sidebar,
.partner-mock-side {
  background: var(--editorial-card-2) !important;
  border-color: var(--editorial-line) !important;
}

.msg-bubble.user { background: var(--editorial-text) !important; color: #fff !important; }
.msg-bubble.agent,
.demo-task { background: #fff !important; border-color: var(--editorial-line) !important; color: var(--editorial-text) !important; }

.faq-item,
.faq-list details,
.partner-faq,
.faq-clean-list {
  background: transparent !important;
  border-color: var(--editorial-line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.faq-q,
.faq-clean-item h4,
.partner-faq summary { color: var(--editorial-text) !important; }
.faq-clean-list,
.faq-clean-item { border-color: var(--editorial-line) !important; }
.faq-more { color: var(--editorial-accent-deep) !important; }
.faq-clean-item:not(.open) .faq-clean-answer::after { background: linear-gradient(180deg, transparent, var(--editorial-bg)) !important; }

.price-card.popular {
  border-color: var(--editorial-text) !important;
  box-shadow: none !important;
}

.pop-tag {
  background: var(--editorial-text) !important;
  border: 0 !important;
  border-radius: 100rem !important;
  box-shadow: none !important;
  color: #fff !important;
}

.pk-price,
.pk-header h3 { color: var(--editorial-text) !important; }
.pk-list li::before { color: var(--editorial-accent-deep) !important; }
.pk-setup { background: transparent !important; border-color: var(--editorial-line) !important; color: var(--editorial-text-2) !important; }

input,
textarea,
select,
.partner-field input,
.partner-field textarea,
.partner-field select,
.form-input,
.form-textarea {
  background: #fff !important;
  border: 1px solid var(--editorial-line) !important;
  border-radius: 4px !important;
  color: var(--editorial-text) !important;
}

.partner-field input:focus,
.partner-field textarea:focus,
.partner-field select:focus,
input:focus,
textarea:focus,
select:focus {
  border-color: var(--editorial-accent) !important;
  box-shadow: 0 0 0 2px rgba(101, 163, 13, .16) !important;
}

.partner-form-status.ok { color: var(--editorial-accent-deep) !important; }

.footer,
.help-footer,
.legal-footer,
.start-footer {
  background: transparent !important;
  border-top: 1px solid var(--editorial-line) !important;
  color: var(--editorial-text-2) !important;
}

.footer :is(p, a, h4),
.footer-bottom p { color: var(--editorial-text-2) !important; }
.footer a:hover { color: var(--editorial-accent-deep) !important; }
.footer-divider { background: var(--editorial-line) !important; }

.help-hero,
.thanks-hero,
.reg-hero,
.updates-hero,
.replay-hero,
.welcome-page,
.soon-page,
.closed-wrap,
.reseller-page {
  background: transparent !important;
  color: var(--editorial-text) !important;
}

.help-wrap,
.thanks-wrap,
.reg-wrap,
.updates-wrap,
.replay-wrap,
.legal-body { color: var(--editorial-text) !important; }

.bonus-card,
.update-mini,
.topic-card,
.category-card,
.release-card {
  background: rgba(255, 255, 255, .56) !important;
  border: 1px solid var(--editorial-line) !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}

.capability-card {
  background: rgba(255, 255, 255, .56) !important;
  border-color: var(--editorial-line) !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  color: var(--editorial-text) !important;
}

.capability-card:hover {
  background: #fff !important;
  border-color: var(--editorial-line-strong) !important;
}

.capability-fade.left { background: linear-gradient(90deg, var(--editorial-bg), transparent) !important; }
.capability-fade.right { background: linear-gradient(270deg, var(--editorial-bg), transparent) !important; }

.partner-quote-bar,
.partner-flow-close,
.partner-package-meta.dressed,
.partner-transparency-note {
  background: transparent !important;
  border-color: var(--editorial-line) !important;
  color: var(--editorial-text-2) !important;
}

.partner-sticky-cta { background: var(--editorial-text) !important; border-radius: 100rem !important; box-shadow: none !important; color: #fff !important; }
.partner-trust-row span { background: transparent !important; border-color: var(--editorial-line) !important; color: var(--editorial-text-2) !important; }
.partner-process.fun li { background: rgba(255, 255, 255, .56) !important; border-color: var(--editorial-line) !important; border-radius: 4px !important; }
.partner-process.fun::before { background: var(--editorial-line) !important; }

.screenshot-carousel-section { background: transparent !important; }
.screenshot-slide picture,
.partner-showcase picture,
.partner-hero-shot picture { background: #fff !important; border-color: var(--editorial-line) !important; box-shadow: none !important; }
.screenshot-carousel-btn { background: #fff !important; border-color: var(--editorial-line) !important; box-shadow: none !important; color: var(--editorial-text) !important; }

@media (max-width: 980px) {
  .proof-featured { max-width: 100% !important; }
  .feature-hero { max-width: 100% !important; }
  .video-thumb,
  .video-embed,
  .video-frame,
  .video-shell { max-width: 100%; }
  .partner-flow-section { grid-template-columns: 1fr !important; }
  .partner-flow-heading { position: static !important; }
}

@media (max-width: 760px) {
  :root {
    --editorial-space-page: 7rem;
    --editorial-space-large: 8rem;
    --editorial-space-main: 6rem;
    --editorial-space-medium: 4rem;
    --editorial-space-small: 2.5rem;
  }

  .nav,
  body.partner-page .nav { padding: .8rem 0 !important; }

  /* The bar condenses on a phone too, where the room matters most. Smaller
     step than on a desktop, since it starts shorter. */
  .nav.scrolled,
  body.partner-page .nav.scrolled { padding: .45rem 0 !important; }

  .hero,
  .partner-hero { padding: var(--editorial-space-page) 0 var(--editorial-space-medium) !important; }
  .section,
  .feature-section { padding: var(--editorial-space-main) 0 !important; }
  .footer-top { grid-template-columns: 1fr !important; }
  .video-thumb,
  .video-embed,
  .video-frame,
  .video-shell { border-radius: 1rem !important; }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}


/* Homepage article layout */
.homepage .article{width:min(100% - 48px,var(--editorial-reading));margin:auto}.homepage .hero-copy{padding:clamp(6rem,10vw,9rem) 0 clamp(3rem,5vw,4rem)}.homepage .hero-copy h1{max-width:17ch}.homepage .lede{max-width:55ch;margin:1.9rem 0 3.5rem;color:#3f4452;font-family:var(--editorial-font);font-size:1.25rem;line-height:1.43;font-weight:400}body.homepage .section{padding:clamp(2rem,3.5vw,2.75rem) 0 clamp(2.25rem,4vw,3rem) !important;border-top:1px solid var(--editorial-line);scroll-margin-top:7rem}.homepage .section h2{margin:0 0 1.9rem}.homepage .section p{max-width:60ch;margin:0 0 1.25rem;font-size:1.125rem}.homepage .hero-art,.homepage .how-art{display:block;width:100%;max-width:52rem;height:auto;margin:0 auto 2.5rem;border-radius:0}.homepage .testimonial{margin:2rem 0 0;padding-bottom:clamp(2.5rem,4vw,3rem)}.homepage .testimonial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}.homepage .testimonial .video-thumb{max-width:100%;margin:0}.homepage .testimonial blockquote{margin:1rem 0 .4rem;font-family:var(--editorial-font-serif);font-size:1.5rem;line-height:1.25}.homepage .testimonial cite{font-style:normal;color:var(--editorial-text-3)}.homepage .steps,.homepage .plain-list{padding:0;margin:2rem 0;list-style:none}.homepage .steps li,.homepage .plain-list li{margin:0 0 1.25rem;font-size:1.125rem}.homepage .steps strong,.homepage .plain-list strong{font-weight:600}.homepage .table-panel{margin:2.5rem 0;border:1px solid var(--editorial-line);border-radius:4px;overflow:auto}.homepage table{width:100%;border-collapse:collapse;font-size:.95rem}.homepage th,.homepage td{padding:1rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--editorial-line)}.homepage th{font-family:var(--editorial-font);font-weight:600}.homepage tr:last-child td{border-bottom:0}.homepage .quiet-link{color:var(--editorial-accent-deep);font-weight:500;text-decoration:underline;text-underline-offset:4px}.homepage .footer{margin-top:var(--editorial-space-medium)}@media(max-width:700px){.homepage .article{width:min(100% - 36px,var(--editorial-reading))}.homepage .testimonial-grid{grid-template-columns:1fr}.homepage .hero-copy{padding-top:7rem}.homepage .lede{margin-bottom:2.75rem}}

.homepage .sidekick-art{display:block;width:100%;max-width:52rem;height:auto;margin:0 auto 2.5rem;border-radius:0}
.homepage .hero-actions{justify-content:flex-start;margin:0 0 clamp(3.5rem,7vw,6rem);max-width:none}
@media(max-width:700px){.homepage .hero-actions{align-items:stretch}}

/* Shared site footer (every page). Self-contained: no dependency on .homepage or page-level vars. */
.footer--site {
  --f-bg: #10100f; --f-text: #f4f2eb; --f-muted: #b8b6ae; --f-dim: #898781; --f-label: #8d8b84; --f-accent: #d9f99d;
  --f-font: 'Hanken Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --f-serif: 'Literata', Georgia, serif;
  margin-top: clamp(6rem, 12vw, 10rem);
  padding: clamp(5.5rem, 11vw, 10rem) 0 1.5rem;
  background: var(--f-bg) !important;
  border: 0 !important;
  color: var(--f-text) !important;
  font-family: var(--f-font);
}
.footer--site .footer-shell {
  width: min(100% - 48px, 76rem);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(17rem, 1.15fr) minmax(0, 2.2fr);
  gap: clamp(3rem, 9vw, 8rem);
  align-items: start;
}
.footer--site .footer-intro { max-width: 24rem; }
footer.footer--site .logo {
  display: inline-flex !important;
  color: var(--f-text) !important;
  font-family: var(--f-font) !important;
  font-size: clamp(1.75rem, 3vw, 2.25rem) !important;
  font-weight: 600 !important;
  letter-spacing: -.045em !important;
  line-height: 1 !important;
  text-decoration: none !important;
  -webkit-text-fill-color: currentColor !important;
  background: none !important;
}
footer.footer--site .logo strong { font-weight: 600 !important; color: var(--f-text) !important; -webkit-text-fill-color: currentColor !important; }
footer.footer--site .logo span { color: var(--f-accent) !important; font-weight: 400 !important; -webkit-text-fill-color: currentColor !important; }
.footer--site .footer-intro > p {
  margin: 1.65rem 0 0;
  color: var(--f-muted) !important;
  font-family: var(--f-font);
  font-size: 1rem;
  line-height: 1.6;
}
.footer--site .footer-start {
  display: inline-flex; gap: .6rem; margin-top: 2rem;
  color: var(--f-text) !important;
  font-family: var(--f-font); font-size: .95rem; font-weight: 600; text-decoration: none;
}
.footer--site .footer-start span { color: var(--f-accent); transition: transform .2s ease; }
.footer--site .footer-start:hover span { transform: translateX(.2rem); }
/* The 6.5rem track floor could not shrink, so the five columns demanded more
   width than the container had and punched out of the viewport (140px of
   horizontal scroll at 901px). minmax(0, 1fr) lets them shrink; `min-width: 0`
   on the child defeats a grid item's default `min-width: auto`, without which
   a long link re-inflates the track. */
.footer--site .footer-nav {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: clamp(1.75rem, 4vw, 4rem);
  padding-top: .9rem;
}
.footer--site .footer-group { min-width: 0; }
footer.footer--site .footer-group h2 {
  margin: 0 0 1.25rem !important;
  color: var(--f-label) !important;
  font-family: var(--f-font) !important;
  font-size: .68rem !important;
  font-weight: 500 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
  -webkit-text-fill-color: currentColor !important;
  background: none !important;
}
.footer--site .footer-group a {
  display: block; width: max-content; max-width: 100%;
  margin: 0 0 .8rem;
  color: #e1dfd8 !important;
  font-family: var(--f-font); font-size: .95rem; line-height: 1.35; text-decoration: none;
  transition: color .15s ease;
}
.footer--site .footer-group a:hover,
.footer--site .footer-start:hover { color: var(--f-accent) !important; }
.footer--site a:focus-visible { outline: 2px solid var(--f-accent); outline-offset: 4px; }
.footer--site .footer-meta {
  width: min(100% - 48px, 76rem);
  margin: clamp(5rem, 10vw, 9rem) auto 0;
  padding-top: 1.2rem;
  border-top: 1px solid rgba(244, 242, 235, .15);
  display: flex; justify-content: space-between; gap: 1rem;
}
.footer--site .footer-meta p {
  margin: 0; color: var(--f-dim) !important;
  font-family: var(--f-font); font-size: .75rem; line-height: 1.5;
}
/* Five columns stop being readable well before 900px, so drop to two at 1220px.
   NOTE: a later rule near the end of this file also sets .footer-nav columns at
   900px; it is matched to this breakpoint or it would win by source order. */
@media (max-width: 1219px) {
  .footer--site .footer-nav { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2.5rem 1.5rem; }
}
@media (max-width: 900px) {
  .footer--site .footer-shell { grid-template-columns: 1fr; gap: 3.5rem; }
}
@media (max-width: 760px) {
  .footer--site { padding-top: 5rem; }
  .footer--site .footer-shell, .footer--site .footer-meta { width: min(100% - 36px, 76rem); }
  .footer--site .footer-meta { margin-top: 4rem; display: block; }
  .footer--site .footer-meta p + p { margin-top: .35rem; }
}
@media (max-width: 480px) {
  .footer--site .footer-nav { grid-template-columns: 1fr; gap: 2rem; }
}

/* Floating section rail (homepage, desktop only) */
.rail{position:fixed;left:clamp(1rem,2.2vw,2.25rem);top:0;bottom:0;display:flex;align-items:center;z-index:40;font-family:var(--editorial-font);opacity:1;transition:none}
.rail.is-hidden{opacity:0;visibility:hidden;pointer-events:none;transform:none}
.rail ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.15rem}
.rail a{display:flex;align-items:center;gap:.7rem;padding:.38rem .5rem .38rem .35rem;color:#a2a6b1;text-decoration:none;font-size:.78rem;font-weight:500;letter-spacing:.02em;line-height:1;border-radius:3px;transition:color .15s ease}
.rail-dot{flex:none;width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.55;transition:transform .2s ease,opacity .2s ease,background .2s ease}
/* Keep the narrow desktop edge unchanged: the larger rail starts once its extra width has room to clear the article. */
@media(min-width:1201px){.rail ol{gap:clamp(.15rem,calc(.04666rem + .14vw),.1725rem)}.rail a{gap:.9em;padding:.487em .641em .487em .449em;font-size:clamp(.78rem,calc(.233rem + .74vw),.9rem)}.rail-dot{width:.48em;height:.48em}}
.rail-label{white-space:nowrap}
.rail a:hover{color:#3f4452}
.rail a.is-active{color:#0c0c0f}
.rail a.is-active .rail-dot{background:#65a30d;opacity:1;transform:scale(1.5)}
.rail a:focus-visible{outline:2px solid #65a30d;outline-offset:2px}
@media(max-width:1180px){.rail{display:none}}
@media(prefers-reduced-motion:reduce){.rail,.rail-dot,.rail-label{transition:none}}

/* ============================================================
   Updates page
   /updates/ on the v9 article system: hairline-separated release
   entries, a quiet timeline rail, and restrained release metadata.
   ============================================================ */

.updates-wrap .hero-copy h1 em { font-style: normal; }
.updates-wrap .timeline { display: block; position: relative; }
.updates-wrap .timeline::before { content: none; }

.updates-wrap .timeline-item {
  display: grid;
  grid-template-columns: 11rem minmax(0, 1fr);
  column-gap: 2.5rem;
  align-items: start;
  padding: var(--editorial-space-small) 0;
  border-top: 1px solid var(--editorial-line);
}

.updates-wrap .timeline-node { display: none; }

.updates-wrap .timeline-date {
  position: sticky;
  top: 6rem;
  display: block;
  padding: 0;
  text-align: left;
}
.updates-wrap .timeline-date .date {
  font-family: var(--editorial-font);
  font-size: .95rem;
  font-weight: 500;
  color: var(--editorial-text) !important;
  line-height: 1.4;
}
.updates-wrap .timeline-date .product {
  display: inline-block;
  margin-top: .5rem;
  padding: 0;
  border: 0 !important;
  background: none !important;
  font-family: var(--editorial-font);
  font-size: .75rem;
  font-weight: 600;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--editorial-text-3) !important;
}
.updates-wrap .timeline-date .product.platform { color: var(--editorial-accent-deep) !important; }
.updates-wrap .timeline-date .product.admin { color: #8a6d1f !important; }

.updates-wrap .release-card {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  backdrop-filter: none !important;
}

.updates-wrap .release-kicker {
  display: flex;
  align-items: center;
  gap: .6rem;
  margin: 0 0 .5rem;
  font-family: var(--editorial-font);
  font-size: .75rem;
  font-weight: 600;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--editorial-accent-deep) !important;
}
.updates-wrap .release-version {
  display: inline-flex;
  padding: .1rem .45rem;
  border: 1px solid var(--editorial-line);
  border-radius: 4px;
  background: none;
  color: var(--editorial-text-2) !important;
  font-size: .72rem;
  font-weight: 500;
  letter-spacing: .02em;
  text-transform: none;
}

.updates-wrap .release-title {
  font-family: var(--editorial-font-serif) !important;
  font-size: clamp(1.6rem, 3vw, 2rem) !important;
  font-weight: 500 !important;
  line-height: 1.15 !important;
  letter-spacing: -.01em;
  margin: 0 0 1rem !important;
}
.updates-wrap .release-summary {
  max-width: var(--editorial-prose);
  margin: 0 0 1.5rem;
  font-size: 1.125rem;
  line-height: 1.6;
}

.updates-wrap .featured-update {
  margin: 0 0 1.5rem;
  padding: 1.25rem 1.5rem;
  border: 1px solid var(--editorial-line) !important;
  border-left: 3px solid var(--editorial-accent) !important;
  border-radius: 4px;
  background: rgba(255, 255, 255, .56) !important;
  box-shadow: none !important;
}
.updates-wrap .featured-label {
  display: block;
  margin: 0 0 .5rem;
  font-family: var(--editorial-font);
  font-size: .75rem;
  font-weight: 600;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--editorial-accent-deep) !important;
}
.updates-wrap .featured-title {
  font-family: var(--editorial-font);
  font-size: 1.0625rem;
  font-weight: 600;
  margin: 0 0 .35rem;
}
.updates-wrap .featured-copy { color: var(--editorial-text-2) !important; line-height: 1.6; }

.updates-wrap .fix-log-cta {
  display: inline-flex;
  align-items: center;
  margin-top: 1rem;
  padding: 0;
  border: 0 !important;
  border-radius: 0;
  background: none !important;
  color: var(--editorial-accent-deep) !important;
  font-family: var(--editorial-font);
  font-size: .95rem;
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 4px;
}
.updates-wrap .fix-log-cta:hover { color: var(--editorial-text) !important; }

.updates-wrap .update-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.25rem 2rem;
  margin-top: 1.5rem;
}
.updates-wrap .update-mini {
  padding: 1.25rem 0 0 !important;
  border: 0 !important;
  border-top: 1px solid var(--editorial-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.updates-wrap .mini-top { display: flex; gap: .5rem; margin: 0 0 .4rem; }
.updates-wrap .mini-badge {
  display: inline-block;
  padding: 0;
  border: 0 !important;
  background: none !important;
  font-family: var(--editorial-font);
  font-size: .72rem;
  font-weight: 600;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--editorial-text-3) !important;
}
.updates-wrap .mini-badge.new { color: var(--editorial-accent-deep) !important; }
.updates-wrap .mini-badge.improvement { color: #3f6d63 !important; }
.updates-wrap .mini-badge.fix { color: #8a6d1f !important; }
.updates-wrap .mini-badge.security { color: #9b3131 !important; }
.updates-wrap .mini-title { font-family: var(--editorial-font); font-size: 1rem; font-weight: 600; line-height: 1.35; }
.updates-wrap .mini-copy { color: var(--editorial-text-2) !important; font-size: .95rem; line-height: 1.6; margin-top: .25rem; }

/* Release entries written as a single article element */
.updates-wrap article.timeline-item.release-card {
  display: grid;
  grid-template-columns: 11rem minmax(0, 1fr);
  column-gap: 2.5rem;
  padding: var(--editorial-space-small) 0 !important;
  border-top: 1px solid var(--editorial-line) !important;
}
.updates-wrap article.timeline-item.release-card .release-date {
  grid-column: 1; grid-row: 1;
  font-family: var(--editorial-font);
  font-size: .95rem;
  font-weight: 500;
  white-space: nowrap;
}
.updates-wrap article.timeline-item.release-card .release-type {
  grid-column: 1; grid-row: 2;
  margin-top: .5rem;
  font-family: var(--editorial-font);
  font-size: .75rem;
  font-weight: 600;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--editorial-accent-deep) !important;
}
.updates-wrap article.timeline-item.release-card h2,
.updates-wrap article.timeline-item.release-card p,
.updates-wrap article.timeline-item.release-card ul,
.updates-wrap article.timeline-item.release-card .updates-video-feature { grid-column: 2; min-width: 0; }
.updates-wrap article.timeline-item.release-card h2 {
  grid-row: 1 / span 2;
  margin: 0 0 1rem;
  font-size: clamp(1.6rem, 3vw, 2rem) !important;
  line-height: 1.15 !important;
}
.updates-wrap article.timeline-item.release-card p { margin: 1rem 0 0; font-size: 1.125rem; line-height: 1.6; }
.updates-wrap article.timeline-item.release-card ul {
  margin: 1rem 0 0;
  padding-left: 1.25rem;
  color: var(--editorial-text-2) !important;
  line-height: 1.6;
}
.updates-wrap article.timeline-item.release-card li { margin: 0 0 .5rem; }

/* Video features */
.updates-wrap .updates-video-feature {
  max-width: 45rem;
  margin: 2rem 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
}
.updates-wrap .updates-video-frame {
  position: relative;
  aspect-ratio: 16 / 9;
  border-radius: 1.25rem;
  overflow: hidden;
  background: #0c0c0f;
  box-shadow: 0 8px 20px rgba(8, 9, 11, .08);
}
.updates-wrap .updates-video-frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.updates-wrap .updates-video-caption {
  margin: .9rem 0 0;
  color: var(--editorial-text-2) !important;
  font-family: var(--editorial-font);
  font-size: .95rem;
  line-height: 1.55;
  text-align: left;
}

/* Sneak peek and released-today panels */
.updates-wrap .sneak-peek-update {
  margin: 0;
  padding: var(--editorial-space-small) 0;
  border: 0;
  border-top: 1px solid var(--editorial-line);
  border-radius: 0;
  background: none;
  box-shadow: none;
}
.updates-wrap .sneak-peek-label {
  display: inline-block;
  margin: 0 0 .6rem;
  padding: 0;
  border: 0;
  background: none;
  font-family: var(--editorial-font);
  font-size: .75rem;
  font-weight: 600;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--editorial-accent-deep) !important;
}
.updates-wrap .sneak-peek-title {
  font-family: var(--editorial-font-serif) !important;
  font-size: clamp(1.6rem, 3vw, 2rem) !important;
  font-weight: 500 !important;
  line-height: 1.15 !important;
  margin: 0 0 1rem;
}
.updates-wrap .sneak-peek-copy { max-width: var(--editorial-prose); font-size: 1.125rem; line-height: 1.6; margin: 0 0 1.25rem; }
.updates-wrap .sneak-peek-update .updates-video-feature { margin: 1.5rem 0; padding: 0; box-shadow: none; }
.updates-wrap .sneak-peek-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.25rem 2rem;
  margin: 1.5rem 0;
}
.updates-wrap .sneak-peek-item {
  padding: 1.25rem 0 0;
  border: 0;
  border-top: 1px solid var(--editorial-line);
  border-radius: 0;
  background: none;
}
.updates-wrap .sneak-peek-item strong { display: block; font-family: var(--editorial-font); font-size: 1rem; font-weight: 600; margin-bottom: .3rem; }
.updates-wrap .sneak-peek-item span { display: block; color: var(--editorial-text-2) !important; font-size: .95rem; line-height: 1.6; }
.updates-wrap .sneak-peek-note { color: var(--editorial-text-2) !important; font-size: 1rem; line-height: 1.6; margin: 1.25rem 0 0; }

/* Email opt-in */
.updates-wrap .updates-optin {
  margin: 0;
  padding: var(--editorial-space-small) 0;
  border: 0;
  border-top: 1px solid var(--editorial-line);
  border-radius: 0;
  background: none;
  box-shadow: none;
}
.updates-wrap .updates-optin h2 { margin: 0 0 1rem; font-size: clamp(1.6rem, 3vw, 2rem) !important; }
.updates-wrap .updates-optin p { max-width: var(--editorial-prose); font-size: 1.125rem; line-height: 1.6; margin: 0 0 1.5rem; }
.updates-wrap .updates-optin-form {
  display: grid;
  grid-template-columns: 1fr 1fr auto;
  gap: .75rem;
  align-items: start;
  max-width: 45rem;
}
.updates-wrap .updates-optin-form label { position: absolute; left: -9999px; }
.updates-wrap .updates-optin-form input {
  width: 100%;
  min-height: 2.75rem;
  padding: .6rem .85rem;
  border: 1px solid var(--editorial-line) !important;
  border-radius: 4px !important;
  background: #fff !important;
  color: var(--editorial-text) !important;
  font: inherit;
  font-size: 1rem;
}
.updates-wrap .updates-optin-form input:focus {
  border-color: var(--editorial-accent) !important;
  box-shadow: 0 0 0 2px rgba(101, 163, 13, .16) !important;
  outline: none;
}
.updates-wrap .updates-optin-form button {
  min-height: 2.75rem;
  padding: .7rem 1.25rem;
  border: 1px solid var(--editorial-text);
  border-radius: 100rem;
  background: var(--editorial-text);
  color: #fff;
  font-family: var(--editorial-font);
  font-size: .9375rem;
  font-weight: 500;
  white-space: nowrap;
  cursor: pointer;
}
.updates-wrap .updates-optin-form button:hover { background: #282826; border-color: #282826; }
.updates-wrap .updates-optin-form button[disabled] { opacity: .55; cursor: wait; }
.updates-wrap .updates-optin-note { margin: .9rem 0 0 !important; font-size: .95rem !important; color: var(--editorial-text-3) !important; }
.updates-wrap .updates-optin-status { margin-top: .75rem; min-height: 1.4em; font-family: var(--editorial-font); font-weight: 500; color: var(--editorial-accent-deep); }
.updates-wrap .updates-optin-status.error { color: #9b3131; }
.updates-wrap .updates-hp { display: none !important; }

@media (max-width: 900px) {
  .updates-wrap .timeline-item,
  .updates-wrap article.timeline-item.release-card { grid-template-columns: 1fr; row-gap: .75rem; }
  .updates-wrap .timeline-date { position: static; display: flex; align-items: baseline; gap: .75rem; }
  .updates-wrap .timeline-date .product { margin-top: 0; }
  .updates-wrap article.timeline-item.release-card .release-date,
  .updates-wrap article.timeline-item.release-card .release-type,
  .updates-wrap article.timeline-item.release-card h2,
  .updates-wrap article.timeline-item.release-card p,
  .updates-wrap article.timeline-item.release-card ul,
  .updates-wrap article.timeline-item.release-card .updates-video-feature { grid-column: 1; }
  .updates-wrap article.timeline-item.release-card h2 { grid-row: auto; }
  .updates-wrap .update-grid,
  .updates-wrap .sneak-peek-grid { grid-template-columns: 1fr; }
  .updates-wrap .updates-optin-form { grid-template-columns: 1fr; }
  .updates-wrap .updates-optin-form button { width: 100%; }
}

/* ============================================================
   Help page
   /help/ on the v9 article system: one calm panel, plain fields.
   ============================================================ */

.help-wrap .help-card {
  margin: 0 0 var(--editorial-space-medium);
  padding: 2rem;
}
.help-wrap .form-fields.hidden { display: none; }

.help-wrap .ask-p1-bubble {
  display: grid;
  grid-template-columns: 2.5rem minmax(0, 1fr);
  gap: 1.25rem;
  align-items: start;
  margin: 0 0 2rem;
  padding: 0 0 2rem;
  border: 0;
  border-bottom: 1px solid var(--editorial-line);
  border-radius: 0;
  background: none;
  box-shadow: none;
}
.help-wrap .ask-p1-icon {
  width: 2.5rem;
  height: 2.5rem;
  display: grid;
  place-items: center;
  border: 1px solid var(--editorial-line);
  border-radius: 50%;
  background: rgba(101, 163, 13, .08);
  color: var(--editorial-accent-deep);
}
.help-wrap .ask-p1-bubble h2 {
  margin: 0 0 .75rem;
  font-family: var(--editorial-font-serif) !important;
  font-size: clamp(1.4rem, 2.6vw, 1.75rem) !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
}
.help-wrap .ask-p1-bubble p { margin: 0 0 1rem; font-size: 1.0625rem; line-height: 1.6; }
.help-wrap .ask-p1-examples { display: grid; gap: .5rem; margin: 1rem 0 0; }
.help-wrap .ask-p1-example {
  padding: .75rem 1rem;
  border: 1px solid var(--editorial-line);
  border-radius: 4px;
  background: var(--editorial-card-2);
  font-family: var(--editorial-font);
  font-size: .95rem;
  line-height: 1.5;
}

.help-wrap .ticket-step-title {
  margin: 0 0 .4rem;
  font-family: var(--editorial-font-serif) !important;
  font-size: clamp(1.4rem, 2.6vw, 1.75rem) !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
}
.help-wrap .ticket-step-sub { margin: 0 0 1.75rem; font-size: 1.0625rem; line-height: 1.6; }

.help-wrap .form-group { display: flex; flex-direction: column; gap: .4rem; margin: 0 0 1.25rem; }
.help-wrap .form-label {
  font-family: var(--editorial-font);
  font-size: .85rem;
  font-weight: 500;
  color: var(--editorial-text-2) !important;
}
.help-wrap .form-input,
.help-wrap .form-textarea {
  width: 100%;
  padding: .7rem .85rem;
  font: inherit;
  font-family: var(--editorial-font);
  font-size: 1rem;
  box-sizing: border-box;
}
.help-wrap .form-textarea { min-height: 9rem; resize: vertical; line-height: 1.6; }
.help-wrap .form-input::placeholder,
.help-wrap .form-textarea::placeholder { color: var(--editorial-text-3); }
.help-wrap .form-submit { width: 100%; margin-top: .5rem; }
.help-wrap .form-submit:disabled { opacity: .55; cursor: not-allowed; }

.help-wrap .permission-toggle {
  display: flex;
  align-items: flex-start;
  gap: .75rem;
  margin: 0 0 1.25rem;
  padding: 1rem;
  border: 1px solid var(--editorial-line);
  border-radius: 4px;
  background: var(--editorial-card-2);
  text-align: left;
}
.help-wrap .permission-toggle input { margin-top: .2rem; accent-color: var(--editorial-accent); }
.help-wrap .permission-toggle span {
  display: block;
  font-family: var(--editorial-font);
  font-size: .95rem;
  font-weight: 500;
  line-height: 1.45;
}
.help-wrap .permission-toggle small {
  display: block;
  margin-top: .3rem;
  color: var(--editorial-text-2);
  font-weight: 400;
  font-size: .875rem;
  line-height: 1.5;
}
.help-wrap .url-field.hidden { display: none; }

.help-wrap .file-drop {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .6rem;
  padding: 1.25rem 1rem;
  border: 1px dashed var(--editorial-line);
  border-radius: 4px;
  background: var(--editorial-card-2);
  cursor: pointer;
  text-align: center;
  transition: border-color .16s ease;
}
.help-wrap .file-drop:hover,
.help-wrap .file-drop.drag-over { border-color: var(--editorial-accent); }
.help-wrap .file-drop.has-file { border-style: solid; border-color: var(--editorial-accent); }
.help-wrap .file-drop input[type="file"] { display: none; }
.help-wrap .file-drop-text { color: var(--editorial-text-2); font-family: var(--editorial-font); font-size: .95rem; line-height: 1.5; }
.help-wrap .file-list { display: flex; flex-direction: column; gap: .5rem; margin-top: .6rem; }
.help-wrap .file-item {
  display: flex;
  align-items: center;
  gap: .6rem;
  padding: .55rem .75rem;
  border: 1px solid var(--editorial-line);
  border-radius: 4px;
  background: #fff;
  font-family: var(--editorial-font);
}
.help-wrap .file-item-name { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .9rem; }
.help-wrap .file-item-size { color: var(--editorial-text-3); font-size: .82rem; white-space: nowrap; }
.help-wrap .file-item-remove {
  padding: .2rem .35rem;
  border: 0;
  border-radius: 4px;
  background: none;
  color: var(--editorial-text-2);
  font-size: 1.05rem;
  line-height: 1;
  cursor: pointer;
}
.help-wrap .file-item-remove:hover { color: #9b3131; background: rgba(155, 49, 49, .08); }
.help-wrap .file-error,
.help-wrap .form-error { display: none; color: #9b3131; font-family: var(--editorial-font); font-size: .9rem; }
.help-wrap .file-error { margin-top: .4rem; }
.help-wrap .form-error { margin-top: .75rem; text-align: center; }
.help-wrap .screencast-tip { margin: .75rem 0 0; color: var(--editorial-text-2) !important; font-family: var(--editorial-font); font-size: .875rem; line-height: 1.55; }
.help-wrap .screencast-tip a { color: var(--editorial-accent-deep); text-decoration: underline; text-underline-offset: 3px; }

.help-wrap .form-success { display: none; padding: 2.5rem 1.25rem; text-align: center; }
.help-wrap .form-success.show { display: block; }
.help-wrap .form-success .check {
  width: 3.5rem;
  height: 3.5rem;
  margin: 0 auto 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--editorial-accent);
  border-radius: 50%;
  background: rgba(101, 163, 13, .08);
  color: var(--editorial-accent-deep);
  font-size: 1.5rem;
}
.help-wrap .form-success h2 { margin: 0 0 .5rem; font-size: 1.5rem !important; }
.help-wrap .form-success p { color: var(--editorial-text-2) !important; font-size: 1.0625rem; line-height: 1.6; }

@media (max-width: 700px) {
  .help-wrap .help-card { padding: 1.5rem 1.25rem; }
  .help-wrap .ask-p1-bubble { grid-template-columns: 1fr; gap: 1rem; }
}

/* ============================================================
   Tables v2
   Comparison tables on the homepage: a quiet colour band per table,
   zebra rows, an emphasised first column and generous padding.
   Icon cells (.tick / .cross / .varies) activate once the small
   markup edits in jobs/tables-v2-edits.md are applied; without them
   the tables still read correctly with their existing glyphs.
   ============================================================ */

.homepage .table-panel {
  --band: #eef3e2;
  --band-rule: #65a30d;
  margin: 3rem 0;
  border: 1px solid var(--editorial-line);
  border-radius: 4px;
  overflow: auto;
  overscroll-behavior-x: contain;
}

#provider-independence .table-panel { --band: #eef3e2; --band-rule: #65a30d; }
#it-remembers .table-panel { --band: #e6efe9; --band-rule: #3f6d63; }
#stay-in-control .table-panel { --band: #f4eedd; --band-rule: #8a6d1f; }

.homepage .table-panel table { width: 100%; min-width: 34rem; border-collapse: collapse; }

.homepage .table-panel thead th {
  padding: 1.15rem 1.25rem;
  background: var(--band);
  border-bottom: 2px solid var(--band-rule);
  font-family: var(--editorial-font);
  font-size: .82rem;
  font-weight: 600;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--editorial-text) !important;
  text-align: left;
  vertical-align: bottom;
}
.homepage .table-panel thead th:first-child { width: 30%; }
.homepage .table-panel thead th:last-child { color: var(--band-rule) !important; }

.homepage .table-panel tbody td {
  padding: 1.15rem 1.25rem;
  border-bottom: 1px solid var(--editorial-line);
  font-size: 1rem;
  line-height: 1.5;
  vertical-align: top;
}
.homepage .table-panel tbody tr:nth-child(even) td { background: rgba(8, 9, 11, .022); }
.homepage .table-panel tbody tr:last-child td { border-bottom: 0; }

.homepage .table-panel tbody td:first-child {
  font-family: var(--editorial-font);
  font-weight: 600;
  color: var(--editorial-text) !important;
}
.homepage .table-panel tbody td:nth-child(2) { color: var(--editorial-text-3) !important; }
.homepage .table-panel tbody td:last-child { color: var(--editorial-text) !important; }

/* Icon cells: available once the glyphs are wrapped (see the edits file). */
/* Hanging indent keeps wrapped lines clear of the icon without breaking table layout. */
.homepage .table-panel td:has(> .tick),
.homepage .table-panel td:has(> .cross),
.homepage .table-panel td:has(> .varies) {
  padding-left: calc(1.25rem + 2.05rem);
  text-indent: -2.05rem;
}

.homepage .table-panel .tick,
.homepage .table-panel .cross,
.homepage .table-panel .varies {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  margin: -.1rem .55rem 0 0;
  border-radius: 50%;
  vertical-align: -.35rem;
  flex: 0 0 1.5rem;
}
.homepage .table-panel td:has(> .tick) *,
.homepage .table-panel td:has(> .cross) *,
.homepage .table-panel td:has(> .varies) * { text-indent: 0; }
.homepage .table-panel .tick { background: rgba(101, 163, 13, .12); color: var(--editorial-accent-deep); }
.homepage .table-panel .cross { background: rgba(155, 49, 49, .1); color: #9b3131; }
.homepage .table-panel .varies { background: rgba(138, 109, 31, .12); color: #8a6d1f; }
.homepage .table-panel .tick svg,
.homepage .table-panel .cross svg,
.homepage .table-panel .varies svg { width: .9rem; height: .9rem; display: block; }

@media (max-width: 700px) {
  .homepage .table-panel { margin: 2rem 0; }
  .homepage .table-panel table { min-width: 30rem; }
  .homepage .table-panel thead th,
  .homepage .table-panel tbody td { padding: .9rem 1rem; font-size: .95rem; }
  .homepage .table-panel td:has(> .tick),
  .homepage .table-panel td:has(> .cross),
  .homepage .table-panel td:has(> .varies) { padding-left: calc(1rem + 2.05rem); }

  /* The row label stays put while the comparison columns scroll. */
  .homepage .table-panel thead th:first-child,
  .homepage .table-panel tbody td:first-child {
    position: sticky;
    left: 0;
    z-index: 1;
    border-right: 1px solid var(--editorial-line);
  }
  .homepage .table-panel thead th:first-child { background: var(--band); }
  .homepage .table-panel tbody tr:nth-child(odd) td:first-child { background: var(--editorial-bg); }
  .homepage .table-panel tbody tr:nth-child(even) td:first-child { background: #eeeeea; }
}

/* Fixes page (/updates/fixes/) */
.fixes-wrap .kicker{margin:0 0 1.5rem;font-family:var(--editorial-font);font-size:.85rem}
.fixes-wrap .kicker a{color:var(--editorial-accent-deep) !important;text-decoration:none}
.fixes-wrap .kicker a:hover{text-decoration:underline;text-underline-offset:4px}
.fixes-wrap .skip-link{position:absolute;left:-999px}
.fixes-wrap .baseline{display:flex;gap:1rem;align-items:flex-start;padding:1.25rem 1.5rem;border:1px solid var(--editorial-line);border-radius:4px;background:#fff;margin:0 0 2.5rem}
.fixes-wrap .baseline-mark{flex:none;width:1.75rem;height:1.75rem;display:grid;place-items:center;border-radius:50%;background:#eef3e2;color:#3b6a00;font-family:var(--editorial-font);font-weight:600;font-size:.85rem}
.fixes-wrap .baseline h2{margin:0 0 .2rem !important;font-family:var(--editorial-font) !important;font-size:.95rem !important;font-weight:600 !important;letter-spacing:0 !important}
.fixes-wrap .baseline p{margin:0;color:var(--editorial-text-2);font-size:1rem}
.fixes-wrap .release-block{padding:var(--editorial-space-medium) 0 0}
.fixes-wrap .release-block+.release-block{margin-top:var(--editorial-space-medium);border-top:1px solid var(--editorial-line)}
.fixes-wrap .release-block-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:1.5rem;flex-wrap:wrap}
.fixes-wrap .release-label{margin:0 0 .6rem;font-family:var(--editorial-font);font-size:.7rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#65a30d}
.fixes-wrap .release-block-heading h2{margin:0 0 .5rem !important;font-size:clamp(1.75rem,3vw,2.25rem) !important}
.fixes-wrap .count-copy{margin:0;color:var(--editorial-text-2);font-size:1rem}
.fixes-wrap .release-meta{display:flex;gap:.75rem;align-items:center;font-family:var(--editorial-font);font-size:.85rem;color:var(--editorial-text-3)}
.fixes-wrap .badge{padding:.25rem .6rem;border:1px solid var(--editorial-line);border-radius:3px;font-weight:500;color:var(--editorial-text-2)}
.fixes-wrap .anchor-nav{margin:1.75rem 0 2rem;padding:0;border:0;background:none}
.fixes-wrap .anchor-nav h3{margin:0 0 .75rem !important;font-family:var(--editorial-font) !important;font-size:.7rem !important;font-weight:600 !important;letter-spacing:.16em !important;text-transform:uppercase !important;color:var(--editorial-text-3) !important}
.fixes-wrap .anchor-nav ol{display:flex;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none}
.fixes-wrap .anchor-nav a{display:block;padding:.4rem .75rem;border:1px solid var(--editorial-line);border-radius:3px;font-family:var(--editorial-font);font-size:.85rem;color:var(--editorial-text-2);text-decoration:none;background:#fff}
.fixes-wrap .anchor-nav a:hover{border-color:#65a30d;color:var(--editorial-text)}
.fixes-wrap .categories{display:grid;gap:1.25rem}
.fixes-wrap .category-card{scroll-margin-top:6rem;border:1px solid var(--editorial-line);border-radius:4px;background:#fff;overflow:hidden}
.fixes-wrap .category-heading{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.9rem;padding:1rem 1.25rem;border-bottom:1px solid var(--editorial-line);background:#fafaf6}
.fixes-wrap .category-number{font-family:var(--editorial-font);font-size:.75rem;font-weight:600;letter-spacing:.08em;color:#65a30d}
.fixes-wrap .category-heading h3{margin:0 !important;font-family:var(--editorial-font-serif) !important;font-size:1.15rem !important;font-weight:500 !important;letter-spacing:-.01em !important}
.fixes-wrap .category-count{font-family:var(--editorial-font);font-size:.75rem;color:var(--editorial-text-3);white-space:nowrap}
.fixes-wrap .fix-list{margin:0;padding:.5rem 1.25rem .75rem 2.5rem;color:var(--editorial-text-2)}
.fixes-wrap .fix-list li{padding:.6rem 0;border-bottom:1px solid var(--editorial-line);font-size:.95rem;line-height:1.5}
.fixes-wrap .fix-list li:last-child{border-bottom:0}
.fixes-wrap .fix-list li::marker{color:#65a30d}
.fixes-wrap .fix-list strong{color:var(--editorial-text);font-family:var(--editorial-font);font-weight:600;font-size:.85rem}
@media(max-width:700px){.fixes-wrap .category-heading{grid-template-columns:auto minmax(0,1fr);gap:.6rem}.fixes-wrap .category-count{grid-column:2;justify-self:start}.fixes-wrap .fix-list{padding-left:1.75rem}}

/* Brand logo in nav and footer */
.nav .logo{display:inline-flex;align-items:center;line-height:0}
.nav .logo .logo-img{display:block;height:1.85rem;width:auto}
@media(max-width:760px){.nav .logo .logo-img{height:1.5rem}}
footer.footer--site .logo{display:block !important;line-height:0}
footer.footer--site .footer-swoosh{display:block;height:6.5rem;width:auto;max-width:100%}

.homepage .hero-note{max-width:55ch;margin:-2rem 0 3rem;padding-left:1rem;border-left:3px solid #65a30d;font-family:var(--editorial-font);font-size:1rem;line-height:1.5;color:#3f4452}

/* Fold page */
.fold-wrap .kicker{margin:0 0 1rem;font-family:var(--editorial-font);font-size:.72rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#65a30d}
.fold-wrap .hero-copy{padding-bottom:clamp(2rem,4vw,3rem)}
.fold-wrap .hero-art{margin-top:0}
.fold-mech-unused{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin:2rem 0 3rem}
.fold-mech h3{margin:0 0 .75rem !important;font-family:var(--editorial-font-serif) !important;font-size:1.25rem !important;font-weight:500 !important;letter-spacing:-.01em !important;line-height:1.2 !important}
.fold-mech p{font-size:1rem !important;max-width:none !important;margin:0 !important}
.fold-wrap .quiet-links{margin-top:2.5rem;font-family:var(--editorial-font)}
@media(max-width:800px){.fold-mech-unused{grid-template-columns:1fr;gap:1.75rem}}

/* Homepage interludes: cards, value grid, side list */
body.homepage .feature-cards .cards3{list-style:none;margin:2rem 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;align-items:stretch}
body.homepage .cards3 li{display:flex;flex-direction:column;padding:1.5rem 1.5rem 1.6rem;border:1px solid var(--editorial-line);border-radius:4px;background:#fff}
body.homepage .cards3 h3{margin:0 0 .6rem !important;font-family:var(--editorial-font) !important;font-size:1rem !important;font-weight:600 !important;letter-spacing:-.01em !important;line-height:1.3 !important}
body.homepage .cards3 p{margin:0 !important;max-width:none !important;font-size:.98rem !important;line-height:1.5;color:var(--editorial-text-2)}
body.homepage .value-grid{display:grid;grid-template-columns:minmax(14rem,1fr) minmax(0,2fr);gap:clamp(2rem,6vw,5rem);align-items:start}
body.homepage .value-grid .vg-intro h2{margin-bottom:1rem}
body.homepage .value-grid .vg-intro .lede{margin:0;font-size:1.05rem;max-width:28ch}
body.homepage .vg-items{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem 2.5rem}
body.homepage .vg-items .num{display:block;margin-bottom:.6rem;font-family:var(--editorial-font);font-size:.72rem;letter-spacing:.12em;color:var(--editorial-text-3)}
body.homepage .vg-items h3{margin:0 0 .5rem !important;font-family:var(--editorial-font-serif) !important;font-size:1.3rem !important;font-weight:500 !important;letter-spacing:-.01em !important;line-height:1.2 !important}
body.homepage .vg-items p{margin:0 !important;max-width:none !important;font-size:1rem !important;line-height:1.5;color:var(--editorial-text-2)}
body.homepage .side-list{display:grid;grid-template-columns:minmax(12rem,1fr) minmax(0,2fr);gap:clamp(2rem,6vw,5rem);align-items:start}
body.homepage .side-list h2{margin:0;font-size:clamp(1.5rem,2.4vw,1.9rem) !important;max-width:14ch}
body.homepage .side-list ul{list-style:none;margin:0;padding:0}
body.homepage .side-list li{border-bottom:1px solid var(--editorial-line)}
body.homepage .side-list a{display:flex;justify-content:space-between;gap:1.5rem;padding:.9rem 0;color:var(--editorial-text);text-decoration:none;font-family:var(--editorial-font);font-size:1rem;font-weight:500}
body.homepage .side-list a:hover span:first-child{text-decoration:underline;text-underline-offset:4px}
body.homepage .side-list .tag{font-weight:400;color:var(--editorial-text-3);white-space:nowrap}
@media(max-width:900px){body.homepage .feature-cards .cards3{grid-template-columns:1fr}body.homepage .value-grid,body.homepage .side-list{grid-template-columns:1fr;gap:1.5rem}body.homepage .vg-items{grid-template-columns:1fr;gap:1.5rem}}

/* Docs link in the nav */
/* The trailing Community chevron and leading Docs icon used to make this one
   word-to-word gap look much wider than every other nav pair. Keep the icon on
   Docs' outer edge and pull the item left by its former icon-plus-gap width. */
.nav-links .nav-group + .nav-docs{margin-left:-14px;display:inline-flex;align-items:center;flex-direction:row-reverse;gap:.35rem}
.nav-links .nav-icon{flex:none;opacity:.7;position:relative;top:0}
.nav-links .nav-docs:hover .nav-icon{opacity:1}
@media (max-width: 1219px){.footer--site .footer-nav{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Links into the docs */
body.homepage .doc-link{display:inline-flex;align-items:center;gap:.3rem;color:var(--editorial-text-2) !important;text-decoration:underline;text-decoration-style:dashed;text-decoration-color:rgba(101,163,13,.7);text-decoration-thickness:1px;text-underline-offset:4px;font-family:var(--editorial-font);font-size:.92em;white-space:nowrap;transition:color .15s ease,text-decoration-color .15s ease}
body.homepage .doc-link:hover{color:var(--editorial-accent-deep) !important;text-decoration-style:solid;text-decoration-color:currentColor}
body.homepage .doc-icon{flex:none;opacity:.75;position:relative;top:-1px}
body.homepage .doc-line{margin:1.25rem 0 0 !important;font-size:.95rem !important;color:var(--editorial-text-3)}

/* Captioned art */
body.homepage .art-figure{margin:0}
body.homepage .art-figure .how-art,body.homepage .art-figure .hero-art{margin-bottom:0}
body.homepage .art-figure figcaption{margin:1rem auto 2.5rem;max-width:52rem;text-align:center;font-family:var(--editorial-font-serif);font-style:italic;font-size:1.05rem;line-height:1.4;color:var(--editorial-text-3)}

/* Fold page detail components: stat strip, callout, signals, spec list */
body.homepage .stat-strip{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem;margin:2rem 0 .5rem;padding:0}
body.homepage .stat-strip li{padding:1.1rem 1.2rem;border:1px solid var(--editorial-line);border-radius:4px;background:#fff}
body.homepage .stat-strip .stat-n{display:block;font-family:var(--editorial-font-serif);font-size:1.9rem;line-height:1;letter-spacing:-.02em;color:var(--editorial-accent-deep)}
body.homepage .stat-strip .stat-l{display:block;margin-top:.5rem;font-family:var(--editorial-font);font-size:.88rem;line-height:1.35;color:var(--editorial-text-2)}
body.homepage .callout{margin:2.25rem 0;padding:1.5rem 1.6rem;border:1px solid var(--editorial-line);border-left:3px solid var(--editorial-accent);border-radius:4px;background:#fafaf6}
body.homepage .callout .callout-k{display:block;margin-bottom:.55rem;font-family:var(--editorial-font);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--editorial-text-3)}
body.homepage .callout p{margin:0 0 .8rem !important;max-width:62ch !important;font-size:1.05rem !important;line-height:1.5}
body.homepage .callout p:last-child{margin-bottom:0 !important}
body.homepage .callout .callout-q{font-family:var(--editorial-font-serif);font-style:italic;font-size:1.2rem !important;line-height:1.35}
body.homepage .signals{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem 2.5rem;margin:2rem 0 .5rem;padding:0}
body.homepage .signals li{padding-top:.9rem;border-top:1px solid var(--editorial-line)}
body.homepage .signals h3{margin:0 0 .35rem !important;font-family:var(--editorial-font) !important;font-size:.95rem !important;font-weight:600 !important;line-height:1.3 !important}
body.homepage .signals p{margin:0 !important;max-width:none !important;font-size:.97rem !important;line-height:1.5;color:var(--editorial-text-2)}
body.homepage .spec-list{list-style:none;margin:2rem 0 0;padding:0;border-top:1px solid var(--editorial-line)}
body.homepage .spec-list li{display:flex;justify-content:space-between;gap:1.5rem;padding:.8rem 0;border-bottom:1px solid var(--editorial-line);font-family:var(--editorial-font);font-size:.97rem}
body.homepage .spec-list .spec-k{color:var(--editorial-text-2)}
body.homepage .spec-list .spec-v{text-align:right;font-weight:500;color:var(--editorial-text)}
@media(max-width:900px){body.homepage .stat-strip{grid-template-columns:repeat(2,minmax(0,1fr))}body.homepage .signals{grid-template-columns:1fr;gap:1.25rem}}
@media(max-width:560px){body.homepage .stat-strip{grid-template-columns:1fr}body.homepage .spec-list li{flex-direction:column;gap:.2rem}body.homepage .spec-list .spec-v{text-align:left}}

/* Copyable example prompts */
body.homepage .prompt-box{display:flex;align-items:flex-start;gap:1rem;width:100%;margin:0 0 .75rem;padding:1rem 1.1rem;border:1px solid var(--editorial-line);border-radius:4px;background:#fff;text-align:left;font-family:var(--editorial-font-serif);font-size:1.08rem;line-height:1.45;color:var(--editorial-text);cursor:pointer;transition:border-color .15s ease,background .15s ease}
body.homepage .prompt-box:hover{border-color:rgba(101,163,13,.55);background:#fafaf6}
body.homepage .prompt-box .pb-quote{flex:1 1 auto}
body.homepage .prompt-box .pb-act{flex:none;display:inline-flex;align-items:center;gap:.35rem;padding-top:.2rem;font-family:var(--editorial-font);font-size:.78rem;letter-spacing:.04em;color:var(--editorial-text-3);white-space:nowrap;transition:color .15s ease}
body.homepage .prompt-box:hover .pb-act{color:var(--editorial-accent-deep)}
body.homepage .prompt-box.is-copied .pb-act{color:var(--editorial-accent-deep)}
body.homepage .prompt-list{list-style:none;margin:2rem 0 0;padding:0}
body.homepage .prompt-list li{margin:0}

/* Breathing room under headings */
body.homepage .section h2 + p,body.homepage .section h2 + .lede,body.homepage .section h2 + ul,body.homepage .section h2 + div{margin-top:0}
body.homepage .section .lede{margin-bottom:1.6rem}
body.homepage .section h3{margin-top:2.25rem !important;margin-bottom:1rem !important}
body.homepage .cards3 h3,body.homepage .vg-items h3,body.homepage .signals h3,body.homepage .fold-mech h3{margin-top:0 !important}

/* Colophon: a quiet aside, deliberately not a section heading */
body.homepage .craft{padding:clamp(3rem,6vw,4.5rem) 0 clamp(3.25rem,6vw,4.75rem) !important;border-top:1px solid var(--editorial-line);text-align:center}
body.homepage .craft .craft-mark{display:block;margin:0 auto 1.5rem;width:44px;height:auto;opacity:.9}
body.homepage .craft .craft-k{display:block;margin-bottom:1.25rem;font-family:var(--editorial-font);font-size:.82rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--editorial-accent-deep)}
body.homepage .craft .craft-lead{max-width:24ch;margin:0 auto 1.9rem !important;font-family:var(--editorial-font-serif);font-style:italic;font-size:clamp(1.9rem,3.8vw,2.4rem) !important;line-height:1.2;letter-spacing:-.01em;color:var(--editorial-text)}
body.homepage .craft .craft-body{max-width:56ch;margin:0 auto}
body.homepage .craft .craft-body p{margin:0 0 1.15rem !important;max-width:none !important;font-size:1.125rem !important;line-height:1.6;color:var(--editorial-text-2)}
body.homepage .craft .craft-body p:last-child{margin-bottom:0 !important}
body.homepage .craft .craft-rule{width:3rem;height:1px;margin:0 auto 1.5rem;background:var(--editorial-line-strong);border:0}
@media(max-width:700px){body.homepage .craft .craft-body p{font-size:1.05rem !important}}


/* ---- Video: bigger play chevron, loading spin, crossfade to the player ---- */
body.homepage .video-play {
  width: 4.5rem !important;
  height: 4.5rem !important;
  font-size: 2.15rem !important;
  /* The glyph is optically off-centre, so nudge it with a transform on the
     glyph itself rather than padding: padding is scaled by the hover transform
     and makes the chevron drift. */
  padding-left: 0 !important;
  line-height: 1;
  text-indent: .09em;
  background: rgba(255, 255, 255, .95) !important;
  color: var(--editorial-text) !important;
  box-shadow: 0 6px 24px rgba(8, 9, 11, .22) !important;
  transition: background .2s ease, opacity .25s ease, filter .25s ease;
}
/* The circle stays exactly put: scaling it (or the image under it) made the
   chevron appear to bounce. Hover changes colour only. */
body.homepage .video-thumb:hover .video-play { background: #fff !important; transform: none; }
body.homepage .video-thumb:active .video-play { background: rgba(255,255,255,.88) !important; transform: none; }

@media (max-width: 700px) {
  body.homepage .video-play { width: 3.6rem !important; height: 3.6rem !important; font-size: 1.7rem !important; }
  body.homepage .video-stage.is-loading .video-play::after { width: 1.8rem; height: 1.8rem; }
}

/* the frame the player fades into, layered over the still */
body.homepage .video-stage {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: 1.25rem;
  overflow: hidden;
  background: #0c0c0f;
}
body.homepage .video-stage .video-thumb { position: absolute; inset: 0; max-width: none; border-radius: 0 !important; box-shadow: none !important; }
body.homepage .video-stage .video-frame-layer {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity .45s ease;
  pointer-events: none;
  border-radius: 1.25rem;
  overflow: hidden;
  background: #0c0c0f;
}
body.homepage .video-stage.is-ready .video-frame-layer { opacity: 1; pointer-events: auto; }
body.homepage .video-stage .video-frame-layer iframe {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
  border-radius: 1.25rem;
}
/* the squircle has to be clipped on the wrapper too: an iframe ignores a
   parent's overflow in Safari unless the corner is masked here as well */
body.homepage .video-stage,
body.homepage .video-stage .video-frame-layer {
  -webkit-mask-image: -webkit-radial-gradient(#fff, #000);
  mask-image: radial-gradient(#fff, #000);
}

/* the still dims and settles back as the player arrives */
body.homepage .video-thumb img { transition: transform .5s ease, filter .45s ease, opacity .45s ease; }
body.homepage .video-thumb:hover img { transform: none !important; }
body.homepage .video-stage.is-loading .video-thumb img { filter: saturate(.75) brightness(.72) !important; transform: none !important; }
body.homepage .video-stage.is-ready .video-thumb { opacity: 0; transition: opacity .45s ease; pointer-events: none; }

/* the chevron becomes a spinner while the player loads */
body.homepage .video-stage.is-loading .video-play {
  color: transparent !important;
  background: rgba(255, 255, 255, .9) !important;
}
body.homepage .video-stage.is-loading .video-play::after {
  content: "";
  position: absolute;
  width: 2.3rem;
  height: 2.3rem;
  border: 2.5px solid rgba(8, 9, 11, .16);
  border-top-color: var(--editorial-accent-deep, #3b6a00);
  border-radius: 50%;
  animation: video-spin .7s linear infinite;
}
/* on ready the button blurs away as it fades, quicker than the crossfade */
body.homepage .video-stage.is-ready .video-play {
  opacity: 0;
  filter: blur(10px);
  transform: scale(1.18);
  transition: opacity .26s ease, filter .26s ease, transform .26s cubic-bezier(.3, .7, .3, 1);
}
body.homepage .video-stage.is-ready .video-play::after { opacity: 0; transition: opacity .18s ease; }

@keyframes video-spin { to { transform: rotate(360deg); } }

@media (prefers-reduced-motion: reduce) {
  body.homepage .video-stage .video-frame-layer,
  body.homepage .video-stage .video-thumb,
  body.homepage .video-thumb img,
  body.homepage .video-play { transition: opacity .2s ease !important; }
  body.homepage .video-stage.is-ready .video-play { filter: none !important; transform: none !important; }
  body.homepage .video-stage.is-loading .video-play::after { animation-duration: 1.6s; }
}


/* ---- Testimonial transcripts: a quiet disclosure under each quote ---- */
body.homepage .testimonial-more { margin: .55rem 0 0; }
body.homepage .testimonial-more > summary {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  list-style: none;
  cursor: pointer;
  padding: .15rem 0;
  font-family: var(--editorial-font);
  font-size: .88rem;
  font-weight: 500;
  color: var(--editorial-text-3);
  transition: color .15s ease;
}
body.homepage .testimonial-more > summary::-webkit-details-marker { display: none; }
body.homepage .testimonial-more > summary:hover { color: var(--editorial-accent-deep); }
body.homepage .testimonial-more > summary:focus-visible {
  outline: 2px solid var(--editorial-accent);
  outline-offset: 3px;
  border-radius: 3px;
}
body.homepage .testimonial-more .tm-chev {
  flex: none;
  transition: transform .25s cubic-bezier(.3, .7, .3, 1);
}
body.homepage .testimonial-more[open] .tm-chev { transform: rotate(180deg); }
body.homepage .testimonial-more[open] > summary { color: var(--editorial-accent-deep); }

body.homepage .testimonial-more .tm-body {
  margin: .85rem 0 0;
  padding: 1rem 1.15rem;
  border-left: 2px solid var(--editorial-line-strong);
  background: #fafaf6;
  border-radius: 0 4px 4px 0;
  animation: tm-open .28s ease;
}
body.homepage .testimonial-more .tm-body p {
  margin: 0 0 .85rem !important;
  max-width: none !important;
  font-size: .98rem !important;
  line-height: 1.62;
  color: var(--editorial-text-2);
}
body.homepage .testimonial-more .tm-body p:last-child { margin-bottom: 0 !important; }
body.homepage .testimonial-more .tm-note {
  margin-top: .9rem !important;
  font-size: .8rem !important;
  color: var(--editorial-text-3);
}

@keyframes tm-open { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) {
  body.homepage .testimonial-more .tm-body { animation: none; }
  body.homepage .testimonial-more .tm-chev { transition: none; }
}


/* ---- Blur-up image loading ---- */
body.homepage .blurup {
  position: relative;
  display: block;
  overflow: hidden;
}
body.homepage img.blur-target {
  opacity: 0;
  transition: opacity .5s ease, filter .5s ease;
  filter: blur(12px);
  will-change: opacity, filter;
}
body.homepage img.blur-target.is-loaded {
  opacity: 1;
  filter: none;
}
/* the placeholder sits behind, scaled slightly so its blurred edge never shows */
body.homepage .blurup-ph {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: blur(14px);
  transform: scale(1.06);
  transition: opacity .5s ease;
  pointer-events: none;
}
body.homepage .blurup.is-done .blurup-ph { opacity: 0; }

@media (prefers-reduced-motion: reduce) {
  body.homepage img.blur-target { transition: opacity .2s ease; filter: none; }
  body.homepage .blurup-ph { transition: opacity .2s ease; }
}


/* ============================================================
   Current page in the top nav
   The active item is bolder so you can see where you are. Bold text is
   wider, so each slot reserves the bold width up front: a block ::after
   carries the same string at weight 600 with zero height, which sets the
   link's width without ever being seen. Every item is therefore already
   bold-width, and marking one current moves nothing either side of it.
   The docs link is excluded: it sits on another site, so it is never the
   current page, and its icon makes it a flex row a block child would join.
   ============================================================ */
/* Two things move a nav that bolding never touches, and both are worth
   ruling out here. The scrollbar first: a page that scrolls is 15px
   narrower than one that does not, which slides a right-aligned nav
   sideways between pages. Reserving the gutter always keeps the width
   the same either way. */
html { scrollbar-gutter: stable; }

/* And the webfont swap, which is the larger of the two. Hanken Grotesk is
   about 9.9% wider than the system sans shown while it downloads, so the
   nav lays out narrow and then snaps wider the moment the font lands.
   This fallback is the same system sans scaled to Hanken's own metrics,
   so the swap changes the shapes without moving anything. */
/* One size-adjust cannot serve every platform: measured against Hanken at
   the nav's rendered size, Segoe UI and Roboto need 109.87% while Arial and
   Helvetica need 99.21%. Applying one figure to all of them made the error
   worse than no adjustment at all, so each family gets its own face and the
   stack picks whichever exists. Windows lands on Segoe UI, macOS on
   Helvetica, Android on Roboto. */
@font-face {
  font-family: 'Hanken Grotesk fallback';
  src: local('Segoe UI'), local('Roboto');
  size-adjust: 109.87%;
  ascent-override: 88%;
  descent-override: 23%;
  line-gap-override: 0%;
}

@font-face {
  font-family: 'Hanken Grotesk fallback 2';
  src: local('Helvetica Neue'), local('Helvetica'), local('Arial');
  size-adjust: 99.21%;
  ascent-override: 88%;
  descent-override: 23%;
  line-gap-override: 0%;
}

.nav-links a:not(.nav-docs) { display: inline-block; }
.nav-links a:not(.nav-docs)::after {
  content: attr(data-label);
  display: block;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  font-weight: 600;
  pointer-events: none;
}
.nav-links a[aria-current] { font-weight: 600 !important; color: var(--editorial-text) !important; }


/* ============================================================
   Sidekick page (sidekick.1p.dev)
   The page is an ordinary v9 article: nav, type scale, spacing and footer
   all come from the shared system above. Only the parts that are genuinely
   the Sidekick product live here - the download cards, the platform marks and
   the alpha warning - and they are built from the site's own variables.
   ============================================================ */
/* The meta line belongs to the download button, so it sits directly under it
   rather than floating in the hero's own bottom space. */
.sidekick-wrap .hero-actions { margin-bottom: 0; }
.sidekick-wrap .hero-meta {
  margin-top: .85rem;
  font-family: var(--editorial-font);
  font-size: .95rem;
  color: var(--editorial-text-3);
}
.sidekick-wrap #download { border-top: 0; padding-top: 0; }

/* Hero artwork: a plain fade-in once the image has loaded. No blurred
   placeholder - the space is held by the width/height attributes, so
   nothing shifts, and without JavaScript the image is simply visible. */
.sidekick-wrap .sidekick-art {
  display: block;
  width: 100%;
  max-width: 52rem;
  height: auto;
  margin: 0 auto 2.5rem;
  border-radius: 0;
}
.sidekick-wrap .fade-art {
  opacity: 0;
  transition: opacity .45s ease;
}
.sidekick-wrap .fade-art.is-loaded,
.sidekick-wrap .fade-art:not([data-fade]) { opacity: 1; }

/* Download groups */
.sidekick-wrap .dl-group { margin: 2rem 0 0; }
.sidekick-wrap .dl-group > h3 {
  font-family: var(--editorial-font-serif) !important;
  font-size: 1.25rem !important;
  font-weight: 500 !important;
  letter-spacing: -.01em !important;
  margin: 0 0 .2rem !important;
}
.sidekick-wrap .dl-group > .sub {
  margin: 0 0 1rem;
  font-family: var(--editorial-font);
  font-size: .98rem;
  color: var(--editorial-text-3);
}
.sidekick-wrap .dl-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
  gap: 1rem;
}
.sidekick-wrap .dl-card {
  display: flex;
  flex-direction: column;
  gap: .5rem;
  padding: 1.25rem;
  border: 1px solid var(--editorial-line);
  border-radius: 4px;
  background: #fff;
}
.sidekick-wrap .dl-card .head { display: flex; align-items: center; gap: .6rem; margin: 0 0 .1rem; }
.sidekick-wrap .dl-card h4 {
  margin: 0 !important;
  font-family: var(--editorial-font) !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
}
.sidekick-wrap .dl-card .mark { flex: none; width: 1.35rem; height: 1.35rem; color: var(--editorial-text-2); }
.sidekick-wrap .dl-card .mark svg { display: block; width: 100%; height: 100%; fill: currentColor; }
.sidekick-wrap .dl-card .arch {
  margin: 0 !important;
  font-family: var(--editorial-font);
  font-size: .9rem;
  color: var(--editorial-text-3) !important;
}
.sidekick-wrap .dl-card .note {
  margin: 0 !important;
  font-family: var(--editorial-font);
  font-size: .88rem;
  line-height: 1.5;
  color: var(--editorial-text-2) !important;
}
.sidekick-wrap .dl-card .btn-primary,
.sidekick-wrap .dl-card .btn-secondary { margin-top: auto; align-self: flex-start; }

/* Platform rows for a build that does not exist yet */
.sidekick-wrap .platforms { list-style: none; padding: 0; margin: 0 0 1.25rem; font-family: var(--editorial-font); }
.sidekick-wrap .platforms li {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: .9rem 0;
  border-top: 1px solid var(--editorial-line);
  font-size: 1rem;
}
.sidekick-wrap .platforms li:last-child { border-bottom: 1px solid var(--editorial-line); }
.sidekick-wrap .platforms small { color: var(--editorial-text-3); }
.sidekick-wrap .tag {
  font-family: var(--editorial-font);
  font-size: .78rem;
  font-weight: 600;
  color: var(--editorial-text-3);
  white-space: nowrap;
}

/* Alpha warning. It sits beneath the Sidekick lede, before a person chooses a
   build, and uses a red side-rule rather than turning the page into an alert. */
.sidekick-wrap .hero-copy .lede { margin-bottom: 1.25rem; }
.sidekick-wrap .hero-copy .alpha-warn { margin: 0 0 2rem; }
.sidekick-wrap .alpha-warn {
  scroll-margin-top: 6rem;
  padding: .3rem 0 .3rem 1.25rem;
  border-left: 3px solid #b3261e;
  background: #fdf3f2;
  font-family: var(--editorial-font);
}
.sidekick-wrap .alpha-warn h3 {
  margin: 0 0 .5rem !important;
  font-family: var(--editorial-font) !important;
  font-size: 1.05rem !important;
  font-weight: 600 !important;
  letter-spacing: .01em !important;
  text-transform: uppercase;
  color: #8c1d18 !important;
}
.sidekick-wrap .alpha-warn p {
  margin: 0 0 .6rem !important;
  max-width: none !important;
  font-size: .98rem !important;
  line-height: 1.55;
  color: #5f1512 !important;
}
.sidekick-wrap .alpha-warn p:last-child { margin-bottom: 0 !important; }

/* Alpha download confirmation. The dialog is deliberately spare: its job is
   to make the choice legible, then get out of the way. */
.alpha-modal[hidden] { display: none; }
.alpha-modal {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: grid;
  place-items: center;
  padding: 1.5rem;
}
.alpha-modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(8, 9, 11, .55);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
}
.alpha-modal-panel {
  position: relative;
  width: min(34rem, 100%);
  max-height: 85vh;
  overflow: auto;
  padding: 1.75rem;
  background: var(--editorial-bg);
  border: 2px solid #b3261e;
  border-radius: 4px;
  box-shadow: 0 24px 60px rgba(8, 9, 11, .28);
}
.alpha-modal-panel:focus { outline: 3px solid rgba(179, 38, 30, .35); outline-offset: 3px; }
.alpha-modal-panel h2 {
  margin: 0 0 1rem !important;
  font-family: var(--editorial-font) !important;
  font-size: 1.05rem !important;
  font-weight: 600 !important;
  letter-spacing: .01em !important;
  line-height: 1.3 !important;
  text-transform: uppercase;
  color: #8c1d18 !important;
}
.alpha-modal-panel p {
  margin: 0 0 .75rem !important;
  max-width: none !important;
  font-family: var(--editorial-font);
  font-size: .98rem !important;
  line-height: 1.55;
  color: #5f1512 !important;
}
.alpha-modal-panel p:last-child { margin-bottom: 0 !important; }
.alpha-modal-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: .75rem;
  margin-top: 1.5rem;
  padding-top: 1.25rem;
  border-top: 1px solid var(--editorial-line);
}
@media (max-width: 480px) {
  .alpha-modal-actions { flex-direction: column-reverse; }
  .alpha-modal-actions .btn-primary,
  .alpha-modal-actions .btn-secondary { width: 100%; }
}

/* Numbered steps and the plain feature list, as the article system has them */
.sidekick-wrap .steps { padding: 0; margin: 0; list-style: none; counter-reset: s; }
.sidekick-wrap .steps li {
  position: relative;
  padding: .9rem 0 .9rem 3rem;
  border-top: 1px solid var(--editorial-line);
  font-size: 1.125rem;
  max-width: 60ch;
}
.sidekick-wrap .steps li:last-child { border-bottom: 1px solid var(--editorial-line); }
.sidekick-wrap .steps li::before {
  counter-increment: s;
  content: counter(s);
  position: absolute;
  left: 0;
  top: .95rem;
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  border-radius: 999px;
  background: var(--editorial-text);
  color: #fff;
  font-family: var(--editorial-font);
  font-size: .9rem;
  font-weight: 600;
}
.sidekick-wrap .steps strong { display: block; font-weight: 600; }
.sidekick-wrap .plain-list { list-style: none; padding: 0; margin: 0 0 1.25rem; }
.sidekick-wrap .plain-list li {
  padding: .9rem 0;
  border-top: 1px solid var(--editorial-line);
  font-size: 1.125rem;
  max-width: 60ch;
  margin: 0;
}
.sidekick-wrap .plain-list li:last-child { border-bottom: 1px solid var(--editorial-line); }
.sidekick-wrap .plain-list strong { font-weight: 600; }

/* Questions. A question can be linked to by name, so it clears the sticky
   nav when the page jumps to it. */
.sidekick-wrap details { border-top: 1px solid var(--editorial-line); padding: 1rem 0; scroll-margin-top: 6rem; }
.sidekick-wrap details:last-of-type { border-bottom: 1px solid var(--editorial-line); }
.sidekick-wrap summary {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  list-style: none;
  cursor: pointer;
  font-family: var(--editorial-font);
  font-size: 1.1rem;
  font-weight: 500;
}
.sidekick-wrap summary::-webkit-details-marker { display: none; }
.sidekick-wrap summary::after { content: '+'; color: var(--editorial-accent-deep); font-weight: 400; }
.sidekick-wrap details[open] summary::after { content: '\2212'; }
.sidekick-wrap details p { margin-top: .75rem; font-size: 1.05rem; color: var(--editorial-text-2) !important; }
.sidekick-wrap code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .85em; word-break: break-all; }

@media (max-width: 700px) {
  .sidekick-wrap .btn-primary,
  .sidekick-wrap .btn-secondary { width: 100%; }
}
@media (max-width: 520px) {
  .sidekick-wrap .dl-cards { grid-template-columns: 1fr; }
}


/* ============================================================
   News index (/news/)
   An article index that has to stay readable at six entries and at six
   hundred: one repeating row, date on the left, headline and standfirst on
   the right, separated by the same hairline the homepage uses between
   sections. No thumbnails, because a future entry announcing a feature has
   no artwork and a half-illustrated list reads as broken.
   ============================================================ */

.news-wrap .hero-copy h1 { max-width: 14ch; }

/* The list owns its internal rhythm. Its top padding is the gap between the
   section's own border-top and the first entry, matching the space an entry
   keeps from the rule above it; the bottom is the same, so the rule that
   follows sits as far from the last entry as the others do from theirs.
   body.homepage .section sets padding with an important shorthand, so this
   has to match it to win. */
body.homepage .news-list { padding: 2.75rem 0 !important; }

/* Three columns: when the date, the words and the picture each have their
   own track, an entry with no picture keeps the same shape as one that has
   it. The article column is a fixed reading measure, so 1920, 1440 and 1280
   all render this identically. */
.news-wrap .news-item {
  display: grid;
  grid-template-columns: 8rem minmax(0, 1fr) 12rem;
  column-gap: 2rem;
  align-items: start;
  padding: 2.75rem 0;
}

/* The list draws the rules BETWEEN its entries and nothing else. Its own
   outer edges already have one each: the section carries a border-top like
   every other section on the site, and the section after it carries the
   one that closes the list. Giving the first entry a top border or the last
   a bottom border stacks a second rule against those, which is a 2px line
   at the top and a visible pair at the bottom. */
.news-wrap .news-item + .news-item { border-top: 1px solid var(--editorial-line); }

.news-wrap .news-meta { padding-top: .35rem; }
.news-wrap .news-meta time {
  display: block;
  font-family: var(--editorial-font);
  font-size: .95rem;
  font-weight: 500;
  color: var(--editorial-text);
  line-height: 1.4;
}
.news-wrap .news-kind {
  display: inline-block;
  margin-top: .5rem;
  font-family: var(--editorial-font);
  font-size: .75rem;
  font-weight: 600;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--editorial-accent-deep);
}

.news-wrap .news-body h2 {
  margin: 0 0 .6rem !important;
  font-family: var(--editorial-font-serif) !important;
  font-size: clamp(1.5rem, 2.2vw, 1.85rem) !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  letter-spacing: -.01em !important;
}
.news-wrap .news-body h2 a {
  color: var(--editorial-text);
  text-decoration: none;
}
.news-wrap .news-body h2 a:hover {
  text-decoration: underline;
  text-underline-offset: 5px;
  text-decoration-thickness: 1px;
}
.news-wrap .news-body h2 a:focus-visible,
.news-wrap .news-link a:focus-visible {
  outline: 2px solid var(--editorial-accent-deep);
  outline-offset: 3px;
  border-radius: 2px;
}
.news-wrap .news-body p {
  margin: 0 !important;
  max-width: 60ch;
  font-size: 1.0625rem !important;
  line-height: 1.55;
  color: var(--editorial-text-2);
}
.news-wrap .news-link { margin-top: .75rem !important; }
.news-wrap .news-link a {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  font-family: var(--editorial-font);
  font-size: .95rem;
  font-weight: 500;
  color: var(--editorial-accent-deep);
}
.news-wrap .news-link a:hover { text-decoration: underline; text-underline-offset: 4px; }
.news-wrap .news-arrow { transition: transform .15s ease; }
.news-wrap .news-link a:hover .news-arrow { transform: translateX(2px); }

/* The picture slot.
   Every entry has one, whether or not it has artwork, because the column
   collapsing on some rows and not others is what would read as broken. A
   fixed 16:9 box holds the rhythm either way. */
.news-wrap .news-media {
  aspect-ratio: 16 / 9;
  border: 1px solid var(--editorial-line);
  border-radius: 4px;
  overflow: hidden;
  background: var(--editorial-card-2);
}
.news-wrap .news-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.news-wrap a.news-media { display: block; transition: border-color .15s ease; }
.news-wrap a.news-media:hover { border-color: var(--editorial-line-strong); }
.news-wrap a.news-media:focus-visible {
  outline: 2px solid var(--editorial-accent-deep);
  outline-offset: 3px;
}

/* No artwork: a deliberate mark, not a gap. The swoosh and the small
   letterspaced label are the same pair the homepage's craft section uses,
   so an entry with no picture still looks like it was set by the same
   hand. */
.news-wrap .news-media--none {
  display: grid;
  place-content: center;
  justify-items: center;
  gap: .55rem;
  padding: .75rem;
  text-align: center;
}
.news-wrap .news-media--none .nm-mark {
  width: 2.25rem;
  height: auto;
  opacity: .22;
}
.news-wrap .news-media--none .nm-kind {
  font-family: var(--editorial-font);
  font-size: .68rem;
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
  line-height: 1.3;
  color: var(--editorial-text-3);
}

@media (prefers-reduced-motion: reduce) {
  .news-wrap .news-arrow { transition: none; }
}

/* Below the three-column width the picture leads, as it does in most
   article lists on a phone, and the date sits on one line with its kind. */
@media (max-width: 860px) {
  body.homepage .news-list { padding: 2.25rem 0 !important; }
  .news-wrap .news-item {
    grid-template-columns: 1fr;
    row-gap: .85rem;
    padding: 2.25rem 0;
  }
  .news-wrap .news-meta {
    display: flex;
    align-items: baseline;
    gap: .75rem;
    padding-top: 0;
    order: 1;
  }
  .news-wrap .news-media {
    order: 2;
    width: 100%;
    max-width: 22rem;
  }
  .news-wrap .news-body { order: 3; }
  .news-wrap .news-kind { margin-top: 0; }
}


/* ============================================================
   Questions (the FAQ component), shared
   One native <details> pattern for every v9 page: the homepage, prices and
   sidekick. It stays native so it works with JavaScript off and is already
   keyboard operable; what was missing was the pointer cursor on the
   summary, room to breathe, and a visible open/closed state.
   ============================================================ */

body.homepage #faq details,
.sidekick-wrap details {
  border-top: 1px solid var(--editorial-line);
  padding: 0;
  scroll-margin-top: 6rem;
}
body.homepage #faq details:last-of-type,
.sidekick-wrap details:last-of-type { border-bottom: 1px solid var(--editorial-line); }

body.homepage #faq summary,
.sidekick-wrap summary {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 1.5rem;
  /* The affordance the operator was missing. A summary is clickable but
     browsers give it the default arrow cursor, so nothing on screen said
     so. */
  cursor: pointer;
  list-style: none;
  padding: 1.35rem 0;
  font-family: var(--editorial-font);
  font-size: 1.0625rem;
  font-weight: 500;
  line-height: 1.45;
  color: var(--editorial-text);
  transition: color .15s ease;
}
body.homepage #faq summary::-webkit-details-marker,
.sidekick-wrap summary::-webkit-details-marker { display: none; }

body.homepage #faq summary:hover,
.sidekick-wrap summary:hover { color: var(--editorial-accent-deep); }

body.homepage #faq details[open] > summary,
.sidekick-wrap details[open] > summary { color: var(--editorial-accent-deep); }

/* Keyboard users get the same ring the rest of the site uses. */
body.homepage #faq summary:focus-visible,
.sidekick-wrap summary:focus-visible {
  outline: 2px solid var(--editorial-accent-deep);
  outline-offset: 2px;
  border-radius: 2px;
}

/* A chevron that turns on open. Decorative, so it is drawn rather than
   written: a pseudo-element is not exposed to assistive technology, and the
   open/closed state is already carried by the details element itself. */
body.homepage #faq summary::after,
.sidekick-wrap summary::after {
  content: '';
  flex: none;
  width: .5rem;
  height: .5rem;
  margin-top: .35rem;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: rotate(45deg);
  transform-origin: 60% 60%;
  opacity: .65;
  transition: transform .18s ease, opacity .15s ease;
}
body.homepage #faq details[open] > summary::after,
.sidekick-wrap details[open] > summary::after {
  transform: rotate(225deg);
  opacity: 1;
}
body.homepage #faq summary:hover::after,
.sidekick-wrap summary:hover::after { opacity: 1; }

body.homepage #faq details > p,
.sidekick-wrap details > p {
  margin: 0 0 1.35rem !important;
  max-width: 62ch !important;
  padding-right: 2rem;
  font-size: 1.0625rem !important;
  line-height: 1.6;
  color: var(--editorial-text-2) !important;
}

@media (prefers-reduced-motion: reduce) {
  body.homepage #faq summary,
  body.homepage #faq summary::after,
  .sidekick-wrap summary,
  .sidekick-wrap summary::after { transition: none; }
}

@media (max-width: 700px) {
  body.homepage #faq summary,
  .sidekick-wrap summary { padding: 1.15rem 0; font-size: 1rem; gap: 1rem; }
  body.homepage #faq details > p,
  .sidekick-wrap details > p { padding-right: 0; font-size: 1rem !important; }
}


/* ============================================================
   Community dropdown (header nav)
   A disclosure, not a menu: marked up as <details>/<summary> so click,
   Enter, Space, aria-expanded and no-JS operation all come from the
   element. JS adds only Escape-to-close and click-outside, which are
   enhancements on a control that already works without them.

   Styled from the same vocabulary as the testimonial disclosures above:
   hairline border, 4px radius, cream surface, lime only on focus and
   the current item. Below 768px the whole nav is display:none, so this
   never renders on a phone and the footer keeps carrying these links.
   ============================================================ */

.nav-links .nav-group { position: relative; display: inline-block; }

.nav-links .nav-group > summary {
  /* The sibling anchors are display:block with a hidden block ::after, so
     their box is one line box taller than their text. Matching that box
     exactly is what puts the summary text on the same baseline; centring a
     shorter inline-flex box inside the row left it sitting 2px low.
     Derived from the anchors rather than nudged, so it tracks the type
     scale instead of drifting when it changes.

     block, not inline-block: an inline-block summary sits in a line box inside
     the details element, which adds descender space below it, inflates the
     details box and stretches every other item in the flex row. */
  display: block;
  list-style: none;
  cursor: pointer;
  font-family: var(--editorial-font);
  font-size: .88rem;
  font-weight: 400;
  color: var(--editorial-text-2);
  transition: color .2s ease;
  white-space: nowrap;
}
.nav-links .nav-group > summary::-webkit-details-marker { display: none; }
.nav-links .nav-group > summary::marker { content: ""; }
.nav-links .nav-group > summary:hover { color: var(--editorial-text); }
.nav-links .nav-group > summary:focus-visible {
  outline: 2px solid var(--editorial-accent);
  outline-offset: 4px;
  border-radius: 3px;
}
/* The trigger's visible row. Being inline-flex here aligns the text and
   chevron to each other without changing the summary's outer box. */
.nav-links .nav-group > summary .nav-group-label {
  display: inline-flex;
  align-items: center;
  gap: .3rem;
}
/* Reserve the semibold width so going bold cannot nudge the nav: the same
   mechanism .nav-links a:not(.nav-docs)::after uses, carried by the text span.

   It cannot go on the label or the summary. The label is inline-flex, so a
   ::after there becomes a flex ITEM beside the text and adds its whole width
   again. The summary is a flex/block container whose width the label already
   sets, so a block ::after there stretches to that width and reserves nothing.
   On an inline-block span wrapping only the word, it is a block inside a
   shrink-to-fit box: it stacks under the text at zero height and holds the
   semibold width, and the chevron stays a sibling of the span so its width is
   never double-counted. */
.nav-links .nav-group .nav-group-text {
  display: inline-block;
}
/* HEIGHT parity with the anchors. Their hidden ::after is a block carrying real
   text, so it adds a second line box and makes their box one line taller than
   their text; the summary needs the same or its text sits high in the row. It
   must carry text: an empty zero-height block generates no line box at all.
   This one stretches to the summary's width, which is harmless because WIDTH is
   reserved separately on the text span below. */
.nav-links .nav-group > summary::after {
  content: attr(data-label);
  display: block;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  font-weight: 600;
  pointer-events: none;
}
.nav-links .nav-group .nav-group-text::after {
  content: attr(data-label);
  display: block;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  font-weight: 600;
  pointer-events: none;
}
.nav-links .nav-group[open] > summary,
.nav-links .nav-group.has-current > summary {
  color: var(--editorial-text);
  font-weight: 600;
}
.nav-links .nav-group .nav-chev {
  flex: none;
  opacity: .7;
  transition: transform .25s cubic-bezier(.3, .7, .3, 1);
}
.nav-links .nav-group[open] .nav-chev { transform: rotate(180deg); opacity: 1; }

.nav-links .nav-group:not([open]) .nav-panel {
  display: none;
}
.nav-links .nav-panel {
  position: absolute;
  top: calc(100% + .85rem);
  left: 50%;
  transform: translateX(-50%);
  z-index: 120;
  min-width: 13.5rem;
  padding: .4rem;
  background: var(--editorial-bg-alt);
  border: 1px solid var(--editorial-line);
  border-radius: 4px;
  box-shadow: none;
}

/* ---- open / close transition (transitions.dev "Menu dropdown") ------------
   Scales up from just under full size and fades, and exits faster than it
   enters, which is what makes it feel responsive rather than slow.

   Two things differ from the source snippet, both forced by the markup:

   1. The panel is centred with translateX(-50%), so the scale has to be
      composed into the same transform or centring is lost. transform-origin is
      top center to match.
   2. A closed <details> hides its own content, so there is nothing to animate
      out of. The script therefore keeps the open attribute set for the duration
      of the exit and only unsets it at the end. Everything below is scoped to
      .t-anim, which the script adds, so with JS off the panel still just
      appears and disappears with the element rather than being stuck invisible.
   -------------------------------------------------------------------------- */
.nav-links .nav-group {
  --nav-dropdown-open-dur: 250ms;
  --nav-dropdown-close-dur: 150ms;
  --nav-dropdown-pre-scale: .97;
  --nav-dropdown-closing-scale: .99;
  --nav-dropdown-ease: cubic-bezier(.22, 1, .36, 1);
}
.nav-links .nav-group.t-anim .nav-panel {
  transform-origin: top center;
  transform: translateX(-50%) scale(var(--nav-dropdown-pre-scale));
  opacity: 0;
  pointer-events: none;
  transition:
    transform var(--nav-dropdown-open-dur) var(--nav-dropdown-ease),
    opacity   var(--nav-dropdown-open-dur) var(--nav-dropdown-ease);
  will-change: transform, opacity;
}
.nav-links .nav-group.t-anim.is-open .nav-panel {
  transform: translateX(-50%) scale(1);
  opacity: 1;
  pointer-events: auto;
}
.nav-links .nav-group.t-anim.is-closing .nav-panel {
  transform: translateX(-50%) scale(var(--nav-dropdown-closing-scale));
  opacity: 0;
  pointer-events: none;
  transition:
    transform var(--nav-dropdown-close-dur) var(--nav-dropdown-ease),
    opacity   var(--nav-dropdown-close-dur) var(--nav-dropdown-ease);
}
/* A hairline bridge across the gap, so travelling to the panel with the
   pointer does not pass through dead space and close it on some setups. */
.nav-links .nav-panel::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -.85rem;
  height: .85rem;
}

.nav-links .nav-panel a {
  display: block;
  padding: .6rem .75rem;
  border-radius: 3px;
  font-size: .88rem;
  line-height: 1.3;
  color: var(--editorial-text-2) !important;
  transition: background .15s ease, color .15s ease;
}
.nav-links .nav-panel a + a { margin-top: 1px; }
.nav-links .nav-panel a:hover { background: var(--editorial-card-2); color: var(--editorial-text) !important; }
.nav-links .nav-panel a:focus-visible {
  outline: 2px solid var(--editorial-accent);
  outline-offset: -2px;
  background: var(--editorial-card-2);
}
.nav-links .nav-panel a[aria-current] {
  color: var(--editorial-text) !important;
  font-weight: 600 !important;
  background: var(--editorial-accent-glow);
}
.nav-links .nav-panel a small {
  display: block;
  margin-top: .1rem;
  font-size: .78rem;
  color: var(--editorial-text-3);
}

@media (prefers-reduced-motion: reduce) {
  .nav-links .nav-group .nav-chev { transition: none; }
  .nav-links .nav-group.t-anim .nav-panel,
  .nav-links .nav-group.t-anim.is-closing .nav-panel { transition: none !important; }
}

/* Mobile navigation: the desktop links become an explicit, in-flow drawer. */
.mobile-nav-toggle,
.mobile-login { display: none; }

@media (max-width: 768px) {
  .nav-inner { gap: .75rem; }
  .mobile-nav-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    min-height: 44px;
    margin-left: auto;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--editorial-text-2);
  }
  .mobile-nav-toggle > span {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
  }
  .mobile-nav-toggle:focus-visible { outline: 2px solid var(--editorial-accent); outline-offset: 3px; }
  .mobile-nav-toggle svg { width: 1.1rem; height: 1.1rem; }
  .mobile-nav-toggle .close-icon { display: none; }
  .nav.nav-menu-open .mobile-nav-toggle .menu-icon { display: none; }
  .nav.nav-menu-open .mobile-nav-toggle .close-icon { display: block; }
  .nav-cta { display: none; }
  .nav-links { display: none; }
  .nav.nav-menu-open .nav-links {
    position: absolute;
    top: calc(100% + .35rem);
    left: max(14px, env(safe-area-inset-left));
    right: max(14px, env(safe-area-inset-right));
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: .55rem;
    background: var(--editorial-bg-alt);
    border: 1px solid var(--editorial-line);
    border-radius: 4px;
    box-shadow: 0 12px 30px rgba(8, 9, 11, .12);
  }
  .nav.nav-menu-open .nav-links > a,
  .nav.nav-menu-open .nav-group > summary,
  .nav.nav-menu-open .mobile-login {
    display: flex;
    align-items: center;
    min-height: 44px;
    padding: .6rem .75rem;
    color: var(--editorial-text-2);
    font-size: .95rem;
  }
  .nav.nav-menu-open .nav-links > a:hover,
  .nav.nav-menu-open .nav-group > summary:hover,
  .nav.nav-menu-open .mobile-login:hover { background: var(--editorial-card-2); color: var(--editorial-text); }
  .nav.nav-menu-open .nav-group { width: 100%; }
  .nav.nav-menu-open .nav-group > summary { justify-content: space-between; }
  .nav.nav-menu-open .nav-panel,
  .nav.nav-menu-open .nav-group.t-anim .nav-panel,
  .nav.nav-menu-open .nav-group.t-anim.is-open .nav-panel {
    position: static;
    min-width: 0;
    margin: 0 .5rem .35rem;
    padding: .2rem 0 .2rem .8rem;
    transform: none;
    opacity: 1;
    pointer-events: auto;
    border-width: 0 0 0 1px;
    border-radius: 0;
    box-shadow: none;
  }
  .nav.nav-menu-open .nav-panel::before { display: none; }
  .nav.nav-menu-open .nav-panel a { min-height: 40px; padding: .55rem .75rem; }
  .nav.nav-menu-open .nav-docs {
    display: flex;
    flex-direction: row;
    gap: 0;
    margin-left: 0;
  }
  .nav.nav-menu-open .nav-docs .nav-icon { display: none; }
  .nav.nav-menu-open .mobile-login { display: flex; margin-top: .25rem; border-top: 1px solid var(--editorial-line); }
}