/* Perthro design system — single shared stylesheet.
   Every page links this and keeps only page-specific rules inline
   (plus the serif->Space Grotesk override block, which must cascade
   last). Generated pages get the link from bin/build-*.py. */
@font-face{font-family:"DM Sans";src:url("/fonts/DMSans-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"DM Sans";src:url("/fonts/DMSans-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"DM Sans";src:url("/fonts/DMSans-Bold.woff2") format("woff2");font-weight:700 900;font-style:normal;font-display:swap}@font-face{font-family:"Space Grotesk";src:url("/fonts/SpaceGrotesk-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Space Grotesk";src:url("/fonts/SpaceGrotesk-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"Space Grotesk";src:url("/fonts/SpaceGrotesk-SemiBold.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:"Space Grotesk";src:url("/fonts/SpaceGrotesk-Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--accent:#A78BFA;--accent-deep:#7C3AED;--accent-glow:rgba(167,139,250,0.30);--accent-magenta:#EC4899;--accent-crimson:#F43F5E;--accent-tangerine:#F97316;--accent-amber:#F59E0B;--accent-forest:#10B981;--accent-cyan:#06B6D4;--accent-sky:#3B82F6;--accent-indigo:#6366F1;--accent-slate:#64748B;--gold:#F59E0B;--rose:#F43F5E;--mint:#10B981;--bg:#000000;--bg-page:#0A0A0B;--surface:#16161A;--surface-elevated:#1F1F25;--surface-inset:#0F0F12;--text-primary:rgba(255,255,255,1.00);--text-secondary:rgba(235,235,245,0.78);--text-tertiary:rgba(235,235,245,0.55);--text-on-accent:#FFFFFF;--divider:rgba(255,255,255,0.08);--hairline:rgba(255,255,255,0.04);--glass-stroke:rgba(255,255,255,0.08);--glass-stroke-strong:rgba(255,255,255,0.18);--glass-tint-bg:rgba(255,255,255,0.06);--glass-tint-bg-strong:rgba(255,255,255,0.10);--glass-accent-bg:rgba(167,139,250,0.25);--glass-accent-stroke:rgba(167,139,250,0.40);--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-xxl:48px;--radius-xs:6px;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-icon:16px;--radius-pill:999px;--shadow-soft:0 6px 12px rgba(0,0,0,0.18);--shadow-card:0 8px 24px rgba(0,0,0,0.35);--shadow-tabbar:0 10px 22px rgba(0,0,0,0.45);--shadow-accent:0 4px 10px rgba(167,139,250,0.55);--glow-violet:0 0 60px rgba(167,139,250,0.30);--font-sans:"DM Sans",-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Helvetica,Arial,sans-serif;--font-serif:"Space Grotesk","DM Sans",-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Helvetica,Arial,sans-serif;--tracking-display:-0.01em;--tracking-title-xl:-0.012em;--tracking-title-l:-0.011em;--tracking-title-m:-0.01em;--tracking-title-s:-0.006em;--tracking-eyebrow:0.13em;--tracking-micro:0.12em;--tracking-nano:0.10em}.t-display{font-family:var(--font-sans);font-weight:800;font-size:32px;line-height:1.10;letter-spacing:var(--tracking-display)}.t-title-xl{font-family:var(--font-sans);font-weight:800;font-size:26px;line-height:1.15;letter-spacing:var(--tracking-title-xl)}.t-title-l{font-family:var(--font-sans);font-weight:800;font-size:22px;line-height:1.18;letter-spacing:var(--tracking-title-l)}.t-title-m{font-family:var(--font-sans);font-weight:800;font-size:20px;line-height:1.20;letter-spacing:var(--tracking-title-m)}.t-title-s{font-family:var(--font-sans);font-weight:700;font-size:16px;line-height:1.25;letter-spacing:var(--tracking-title-s)}.t-headline{font-family:var(--font-sans);font-weight:700;font-size:15px;line-height:1.30}.t-headline-sm{font-family:var(--font-sans);font-weight:700;font-size:14px;line-height:1.30}.t-body-l{font-family:var(--font-sans);font-weight:400;font-size:15px;line-height:1.50}.t-body-m{font-family:var(--font-sans);font-weight:400;font-size:14px;line-height:1.45}.t-body-s{font-family:var(--font-sans);font-weight:500;font-size:13px;line-height:1.40}.t-caption{font-family:var(--font-sans);font-weight:500;font-size:12px;line-height:1.30}.t-caption-bold{font-family:var(--font-sans);font-weight:700;font-size:12px;line-height:1.30;letter-spacing:0.015em}.t-eyebrow{font-family:var(--font-sans);font-weight:700;font-size:11px;line-height:1.30;text-transform:uppercase;letter-spacing:var(--tracking-eyebrow);color:var(--text-secondary)}.t-micro{font-family:var(--font-sans);font-weight:700;font-size:10px;line-height:1.20;text-transform:uppercase;letter-spacing:var(--tracking-micro)}.t-nano{font-family:var(--font-sans);font-weight:700;font-size:9px;line-height:1.20;text-transform:uppercase;letter-spacing:var(--tracking-nano)}.t-stat-number{font-family:var(--font-sans);font-weight:800;font-size:22px;line-height:1.10;letter-spacing:-0.01em;font-variant-numeric:tabular-nums}.t-about-body{font-family:var(--font-serif);font-weight:400;font-size:16px;line-height:1.55;letter-spacing:0.005em}.t-review-body{font-family:var(--font-serif);font-weight:400;font-size:17px;line-height:1.60;letter-spacing:0.008em}.t-review-quote{font-family:var(--font-serif);font-weight:800;font-size:48px;line-height:1.0}html,body{background:var(--bg);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1{font:800 32px/1.10 var(--font-sans);letter-spacing:var(--tracking-display)}h2{font:800 26px/1.15 var(--font-sans);letter-spacing:var(--tracking-title-xl)}h3{font:800 22px/1.20 var(--font-sans);letter-spacing:var(--tracking-title-l)}h4{font:700 16px/1.25 var(--font-sans);letter-spacing:var(--tracking-title-s)}p{font:400 15px/1.50 var(--font-sans)}.glass{background:var(--glass-tint-bg);-webkit-backdrop-filter:blur(24px) saturate(140%);backdrop-filter:blur(24px) saturate(140%);border:1px solid var(--glass-stroke)}.glass--strong{background:var(--glass-tint-bg-strong);border-color:var(--glass-stroke-strong)}.glass--accent{background:var(--glass-accent-bg);border-color:var(--glass-accent-stroke)}.ambient{position:relative;background:var(--bg);isolation:isolate;overflow:hidden}.ambient::before{content:"";position:absolute;inset:-25% auto auto -15%;width:420px;height:420px;background:var(--accent);opacity:0.22;filter:blur(140px);border-radius:999px;pointer-events:none;z-index:-1}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth}html,body{overflow-x:hidden;max-width:100vw}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font-family:inherit}::selection{background:color-mix(in oklab,var(--accent) 50%,transparent);color:#fff}.container{width:100%;max-width:1180px;margin:0 auto;padding:0 24px}.nav{position:fixed;top:16px;left:0;right:0;z-index:100;display:flex;justify-content:center;pointer-events:none}.nav-inner{pointer-events:auto;display:flex;align-items:center;gap:24px;padding:8px 8px 8px 18px;border-radius:999px;background:rgba(20,20,26,0.6);-webkit-backdrop-filter:blur(28px) saturate(180%);backdrop-filter:blur(28px) saturate(180%);border:0.5px solid rgba(255,255,255,0.10);box-shadow:inset 0 1px 0 rgba(255,255,255,0.10),inset 0 -1px 0 rgba(0,0,0,0.20),0 8px 32px rgba(0,0,0,0.40)}.page-mark{position:fixed;top:20px;left:28px;z-index:200;display:block;line-height:0;transition:opacity 0.2s ease,transform 0.2s ease}.page-mark img{height:40px;width:auto;display:block}.page-mark:hover{transform:translateY(-1px)}.page-mark:hover img{opacity:0.85}@media (max-width:700px){.page-mark{top:23px;left:16px}.page-mark img{height:32px}}.nav-links{display:flex;gap:4px;align-items:center}.nav-link{padding:7px 12px;font-size:13px;font-weight:500;color:var(--text-secondary);border-radius:999px;transition:color .18s,background .18s}.nav-link:hover{color:var(--text-primary);background:rgba(255,255,255,0.06)}.nav-cta{padding:8px 14px;border-radius:999px;background:linear-gradient(180deg,color-mix(in oklab,var(--accent) 100%,white 12%) 0%,var(--accent) 60%,color-mix(in oklab,var(--accent) 100%,black 18%) 100%);color:#fff;font-size:13px;font-weight:700;letter-spacing:-0.1px;box-shadow:inset 0 1px 0 rgba(255,255,255,0.32),inset 0 -1px 0 rgba(0,0,0,0.18),0 4px 14px rgba(167,139,250,0.40);transition:transform .18s,box-shadow .18s}.nav-cta:hover{transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,0.32),inset 0 -1px 0 rgba(0,0,0,0.18),0 6px 20px rgba(167,139,250,0.55)}.hero{position:relative;padding:160px 0 100px;overflow:visible;isolation:isolate}.hero-stage{position:relative;width:100%;min-height:640px;display:flex;align-items:center;justify-content:center}.hero-stage-bg{position:absolute;inset:0;pointer-events:none;z-index:0}.hero-stage-bg::before{content:"";position:absolute;left:50%;top:50%;width:1200px;height:900px;transform:translate(-50%,-50%);background:radial-gradient(ellipse closest-side,var(--accent),transparent 90%);opacity:0.45;filter:blur(70px)}.hero-stage-bg::after{content:"";position:absolute;left:50%;top:50%;width:480px;height:480px;transform:translate(-50%,30%);background:radial-gradient(closest-side,var(--rose),transparent 70%);opacity:0.16;filter:blur(80px)}.hero-phones{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:0}.hero-phone-side{transform:scale(0.78) translateY(40px);filter:brightness(0.75) saturate(0.85);z-index:1}.hero-phone-side.left{transform:scale(0.78) translate(60px,50px) rotate(-6deg)}.hero-phone-side.right{transform:scale(0.78) translate(-60px,50px) rotate(6deg)}.hero-phone-center{z-index:2;filter:drop-shadow(0 50px 100px rgba(0,0,0,0.6))}.hero-floating-card{position:absolute;z-index:3;background:rgba(36,36,42,0.78);-webkit-backdrop-filter:blur(28px) saturate(180%);backdrop-filter:blur(28px) saturate(180%);border:0.5px solid rgba(255,255,255,0.10);border-radius:18px;padding:12px 14px 12px 12px;box-shadow:inset 0 1px 0 rgba(255,255,255,0.08),0 24px 60px rgba(0,0,0,0.55);color:var(--text-primary);display:flex;align-items:flex-start;gap:12px;width:320px;animation:floatY 5s ease-in-out infinite}.hero-floating-card.tl{top:12%;left:1%}.hero-floating-card.br{bottom:14%;right:1%;animation-delay:-2.5s}@keyframes floatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}.ios-notif-icon{width:38px;height:38px;border-radius:9px;flex-shrink:0;overflow:hidden;background:#0a0a0b;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 0.5px rgba(255,255,255,0.08)}.ios-notif-icon img{width:100%;height:100%;object-fit:contain;display:block}.ios-notif-body{flex:1;min-width:0;line-height:1.25}.ios-notif-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.ios-notif-app{font-size:10px;font-weight:500;letter-spacing:0.04em;color:rgba(255,255,255,0.65);text-transform:uppercase}.ios-notif-time{font-size:10px;color:rgba(255,255,255,0.45);font-weight:400}.ios-notif-title{font-size:13px;font-weight:400;letter-spacing:-0.01em;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero::after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,0.035) 1px,transparent 0);background-size:32px 32px;mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,black 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,black 30%,transparent 75%);pointer-events:none;z-index:-1}.hero-top{text-align:center;max-width:820px;margin:0 auto 56px}.hero-top .hero-sub{margin:0 auto 0;max-width:560px}.hero-top .hero-ctas{justify-content:center;margin-top:28px}.hero-top .hero-meta{justify-content:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:rgba(167,139,250,0.10);border:0.5px solid rgba(167,139,250,0.30);color:#C4B0FF;font-size:11px;font-weight:700;letter-spacing:0.13em;text-transform:uppercase}.eyebrow .dot{width:6px;height:6px;border-radius:999px;background:var(--accent);box-shadow:0 0 8px var(--accent);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.4}}.hero h1{margin:24px 0 20px;font-family:var(--font-serif);font-size:clamp(36px,7vw,80px);line-height:1.0;letter-spacing:-0.025em;font-weight:500;color:var(--text-primary)}.hero h1 em{font-style:italic;font-family:var(--font-serif);font-weight:400;background:linear-gradient(135deg,var(--accent) 0%,#E0D4FF 100%);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-0.015em}.hero-sub{font-size:18px;line-height:1.55;color:var(--text-secondary);max-width:520px;margin-bottom:32px}.hero-ctas{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.btn-primary{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:999px;background:linear-gradient(180deg,color-mix(in oklab,var(--accent) 100%,white 12%) 0%,var(--accent) 60%,color-mix(in oklab,var(--accent) 100%,black 18%) 100%);color:#fff;font-size:15px;font-weight:700;letter-spacing:-0.1px;border:none;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,0.32),inset 0 -1px 0 rgba(0,0,0,0.18),0 6px 24px rgba(167,139,250,0.45);transition:transform .18s,box-shadow .18s}.btn-primary:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,0.32),inset 0 -1px 0 rgba(0,0,0,0.18),0 10px 32px rgba(167,139,250,0.60)}.btn-secondary{display:inline-flex;align-items:center;gap:10px;padding:13px 20px;border-radius:999px;background:rgba(255,255,255,0.06);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);color:var(--text-primary);font-size:15px;font-weight:600;border:0.5px solid rgba(255,255,255,0.12);cursor:pointer;transition:background .18s,border-color .18s}.btn-secondary:hover{background:rgba(255,255,255,0.10);border-color:rgba(255,255,255,0.20)}.hero-meta{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:28px;font-size:13px;color:var(--text-tertiary)}.hero-meta-item{display:flex;align-items:center;gap:6px;white-space:nowrap}.hero-meta-item svg{width:14px;height:14px;opacity:0.7}.section{padding:100px 0;position:relative}.section-eyebrow{display:inline-block;font-size:11px;font-weight:700;letter-spacing:0.13em;text-transform:uppercase;color:var(--accent);margin-bottom:16px}.section-title{font-family:var(--font-serif);font-size:clamp(36px,4.4vw,56px);font-weight:500;letter-spacing:-0.022em;line-height:1.05;margin:0 0 20px;max-width:760px}.section-title em{font-style:italic;font-family:var(--font-serif);font-weight:400;color:var(--accent)}.section-sub{font-size:18px;line-height:1.55;color:var(--text-secondary);max-width:640px;margin:0}.section-divider{height:1px;width:100%;max-width:640px;border:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.10),transparent);margin-left:auto !important;margin-right:auto !important;display:block;margin:0}.principles{list-style:none;margin:80px 0 0;padding:0;display:flex;flex-direction:column;gap:0;counter-reset:principle}.principle{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:80px;align-items:center;padding:64px 0;border-top:0.5px solid rgba(255,255,255,0.07)}.principle:last-child{border-bottom:0.5px solid rgba(255,255,255,0.07)}.principle:nth-child(even){grid-template-columns:320px minmax(0,1fr)}.principle:nth-child(even) .principle-shot{order:-1}.principle-shot{margin:0;display:flex;justify-content:center}.principle-body h3{font-family:var(--font-serif);font-weight:500;font-size:clamp(28px,3vw,38px);line-height:1.1;letter-spacing:-0.018em;margin:0 0 18px;max-width:620px;color:var(--text-primary)}.principle-body h3 em{font-family:var(--font-serif);font-style:italic;font-weight:400;color:var(--accent)}.principle-body p{font-size:16.5px;line-height:1.65;color:var(--text-secondary);margin:0;max-width:640px}.phone-shot{--phone-w:280px;--phone-h:608px;--phone-scale:1;position:relative;width:calc(var(--phone-w) * var(--phone-scale));height:calc(var(--phone-h) * var(--phone-scale))}.phone-shot::before{content:"";position:absolute;inset:-40px;background:radial-gradient(closest-side,var(--accent),transparent 70%);opacity:0.18;filter:blur(40px);pointer-events:none;z-index:-1}.phone-shot--no-glow::before{display:none}.phone-shot--sm{--phone-scale:0.85}.phone-bezel{width:var(--phone-w);height:var(--phone-h);transform:scale(var(--phone-scale));transform-origin:top left;border-radius:44px;background:linear-gradient(180deg,#2a2a30 0%,#0e0e12 100%);padding:4px;box-shadow:0 0 0 0.5px rgba(255,255,255,0.10),0 30px 80px -20px rgba(0,0,0,0.70),0 12px 32px rgba(0,0,0,0.40),inset 0 1px 0 rgba(255,255,255,0.10)}.phone-screen{width:100%;height:100%;border-radius:40px;background:#0a0a0b;overflow:hidden;position:relative}.phone-screen img{width:100%;height:100%;object-fit:contain;object-position:top center;display:block;background:#0a0a0b}.showcase{display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:24px;gap:56px;padding:32px 24px 40px;margin:0 -24px;align-items:flex-start;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.15) transparent}.showcase::-webkit-scrollbar{height:8px}.showcase::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.15);border-radius:4px}.showcase::-webkit-scrollbar-track{background:transparent}.showcase-item{display:flex;flex-direction:column;align-items:center;gap:20px;flex:0 0 auto;scroll-snap-align:start}.showcase-caption{text-align:center;max-width:280px}.showcase-caption h3{margin:0 0 6px;font-size:16px;font-weight:700;letter-spacing:-0.01em}.showcase-caption p{margin:0;font-size:13.5px;line-height:1.5;color:var(--text-tertiary)}.faq{margin-top:56px;display:flex;flex-direction:column;gap:4px;max-width:800px}.faq-item{border-bottom:0.5px solid rgba(255,255,255,0.08);padding:24px 0}.faq-q{display:flex;justify-content:space-between;align-items:center;cursor:pointer;list-style:none;font-size:18px;font-weight:700;letter-spacing:-0.01em;color:var(--text-primary);user-select:none}.faq-q::-webkit-details-marker{display:none}.faq-q::after{content:"+";font-size:24px;color:var(--text-tertiary);font-weight:300;transition:transform .25s;line-height:1}.faq-item[open] .faq-q::after{transform:rotate(45deg);color:var(--accent)}.faq-a{margin:12px 0 0;font-size:15px;line-height:1.6;color:var(--text-secondary);max-width:680px}.cta-strip{margin:80px 0 40px;padding:80px 56px;border-radius:28px;background:radial-gradient(circle at 30% 50%,rgba(167,139,250,0.20),transparent 50%),radial-gradient(circle at 70% 50%,rgba(244,63,94,0.10),transparent 50%),linear-gradient(180deg,#18121F 0%,#0F0C16 100%);border:0.5px solid rgba(167,139,250,0.20);text-align:center;position:relative;overflow:hidden}.cta-strip h2{margin:0 0 16px;font-family:var(--font-serif);font-weight:500;font-size:clamp(36px,4.4vw,56px);letter-spacing:-0.022em;line-height:1.05}.cta-strip h2 em{font-family:var(--font-serif);font-style:italic;font-weight:400;color:var(--accent)}.cta-strip p{font-size:17px;color:var(--text-secondary);max-width:540px;margin:0 auto 32px;line-height:1.55}.footer{padding:60px 0 40px;border-top:0.5px solid rgba(255,255,255,0.06);margin-top:40px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}.footer-brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:18px;letter-spacing:-0.3px;margin-bottom:12px}.footer-brand img{height:36px;width:auto;opacity:1}.footer-brand .wordmark{font-family:var(--font-serif);font-weight:500;font-size:22px;letter-spacing:-0.01em;color:var(--text-primary)}.footer-blurb{font-size:13.5px;line-height:1.6;color:var(--text-tertiary);max-width:280px;margin:0}.footer-col-title{font-size:11px;font-weight:700;letter-spacing:0.13em;text-transform:uppercase;color:var(--text-secondary);margin:0 0 14px}.footer-links{display:flex;flex-direction:column;gap:10px}.footer-links a{font-size:14px;color:var(--text-tertiary);transition:color .15s}.footer-links a:hover{color:var(--text-primary)}.footer-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;padding-top:24px;border-top:0.5px solid rgba(255,255,255,0.04);font-size:12.5px;color:var(--text-tertiary)}.footer-bottom>:nth-child(1){justify-self:start}.footer-bottom>:nth-child(2){justify-self:center}.footer-bottom>:nth-child(3){justify-self:end}.footer-flag{display:inline-flex;align-items:center;gap:8px;color:var(--text-secondary);white-space:nowrap}.footer-flag strong{font-weight:700;color:var(--text-primary)}.doc{padding:140px 0 80px;max-width:760px;margin:0 auto}.doc h1{font-family:var(--font-serif);font-size:clamp(44px,5.2vw,64px);font-weight:500;letter-spacing:-0.025em;margin:0 0 16px;line-height:1.02}.doc h1 em{font-family:var(--font-serif);font-style:italic;font-weight:400;color:var(--accent)}.doc-meta{font-size:13px;color:var(--text-tertiary);letter-spacing:0.05em;text-transform:uppercase;font-weight:600;margin-bottom:56px}.doc h2{font-size:22px;font-weight:800;letter-spacing:-0.01em;margin:48px 0 16px;color:var(--text-primary)}.doc h3{font-size:16px;font-weight:700;letter-spacing:-0.005em;margin:28px 0 8px;color:var(--text-primary)}.doc p,.doc li{font-size:15.5px;line-height:1.65;color:var(--text-secondary)}.doc p{margin:0 0 16px}.doc ul,.doc ol{padding-left:22px;margin:0 0 16px}.doc li{margin-bottom:6px}.doc strong{color:var(--text-primary);font-weight:700}.doc a{color:var(--accent);border-bottom:0.5px solid color-mix(in oklab,var(--accent) 50%,transparent)}.doc a:hover{border-bottom-color:var(--accent)}.doc-toc{padding:20px 24px;background:var(--surface);border-radius:16px;border:0.5px solid rgba(255,255,255,0.06);margin-bottom:48px}.doc-toc-title{font-size:11px;font-weight:700;letter-spacing:0.13em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:12px}.doc-toc ol{margin:0;padding-left:20px}.doc-toc li{font-size:14px;margin-bottom:6px}.doc-toc a{color:var(--text-secondary);border:none}.doc-toc a:hover{color:var(--accent)}.doc-callout{padding:20px 24px;border-radius:14px;background:rgba(167,139,250,0.06);border:0.5px solid rgba(167,139,250,0.20);margin:24px 0}.doc-callout p:last-child{margin-bottom:0}.doc-callout strong{color:#C4B0FF}@media (max-width:900px){.hero{padding:130px 0 60px}.hero-stage{min-height:540px}.hero-phone-side{display:none}.hero-floating-card{width:min(240px,70vw);padding:9px 11px 9px 9px;gap:10px}.hero-floating-card .ios-notif-icon{width:32px;height:32px}.hero-floating-card .ios-notif-title{font-size:11px}.hero-floating-card.tl{top:22%;left:-2%;right:auto}.hero-floating-card.br{bottom:22%;right:-2%;left:auto}.hero-stage-bg::before{width:100vw;height:700px;opacity:0.7;filter:blur(50px);background:radial-gradient(ellipse closest-side,var(--accent) 20%,transparent 85%)}.principle,.principle:nth-child(even){grid-template-columns:1fr;gap:32px;padding:48px 0}.principle:nth-child(even) .principle-shot{order:0}.principle-body h3{font-size:26px}.showcase{gap:32px;padding:24px 16px 32px}.footer-grid{grid-template-columns:1fr 1fr}.footer-bottom{grid-template-columns:1fr;gap:8px;text-align:center}.footer-bottom>:nth-child(1),.footer-bottom>:nth-child(3){justify-self:center}.section{padding:64px 0}.cta-strip{padding:56px 28px}.nav-links .nav-link{display:none}.nav-links .nav-cta{display:inline-flex}.nav-inner{padding:6px}}
/* Shared nav active state (single source; was duplicated inline on blog/contact pages) */
.nav-link.active{color:var(--text-primary);background:rgba(255,255,255,0.06)}
/* Accent phrases stay on one line so display headlines break cleanly */
.hero h1 em,.section-title em,.cta-strip h2 em,.principle-body h3 em{white-space:nowrap}
/* Mobile nav: disclosure menu, shown ≤900px where the inline links are hidden */
.nav-menu{display:none;position:relative}
.nav-menu>summary{list-style:none;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:999px;cursor:pointer;color:var(--text-primary);transition:background .18s}
.nav-menu>summary::-webkit-details-marker{display:none}
.nav-menu>summary:hover,.nav-menu[open]>summary{background:rgba(255,255,255,0.08)}
.nav-menu-panel{position:absolute;top:calc(100% + 14px);left:-6px;min-width:200px;padding:8px;border-radius:20px;background:rgba(20,20,26,0.92);-webkit-backdrop-filter:blur(28px) saturate(180%);backdrop-filter:blur(28px) saturate(180%);border:0.5px solid rgba(255,255,255,0.10);box-shadow:inset 0 1px 0 rgba(255,255,255,0.10),0 16px 48px rgba(0,0,0,0.55);display:flex;flex-direction:column;gap:2px}
.nav-menu-panel a{display:block;padding:11px 14px;border-radius:13px;font-size:14px;font-weight:500;color:var(--text-secondary);transition:color .18s,background .18s}
.nav-menu-panel a:hover,.nav-menu-panel a.active{color:var(--text-primary);background:rgba(255,255,255,0.06)}
@media (max-width:900px){.nav-menu{display:block}.nav-inner{gap:8px}}
/* Keyboard focus */
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
/* Reduced motion: stop ambient loops and smooth scrolling */
@media (prefers-reduced-motion:reduce){html,body{scroll-behavior:auto}.hero-floating-card,.eyebrow .dot,.dot{animation:none!important}}