:root{--color-brand-50:#fff7ed;--color-brand-100:#ffedd5;--color-brand-200:#fed7aa;--color-brand-300:#fdba74;--color-brand-400:#fb923c;--color-brand-500:#f97316;--color-brand-600:#ea580c;--color-brand-700:#c2410c;--color-brand-800:#9a3412;--color-brand-900:#7c2d12;--color-neutral-0:#fff;--color-neutral-50:#fafaf9;--color-neutral-100:#f5f5f4;--color-neutral-200:#e7e5e4;--color-neutral-300:#d6d3d1;--color-neutral-400:#a8a29e;--color-neutral-500:#78716c;--color-neutral-600:#57534e;--color-neutral-700:#44403c;--color-neutral-800:#292524;--color-neutral-900:#1c1917;--color-neutral-950:#0c0a09;--color-success-500:#22c55e;--color-success-50:#f0fdf4;--color-success-700:#15803d;--color-warning-500:#eab308;--color-warning-50:#fefce8;--color-warning-700:#a16207;--color-error-500:#ef4444;--color-error-50:#fef2f2;--color-error-700:#b91c1c;--color-info-500:#3b82f6;--color-info-50:#eff6ff;--color-info-700:#1d4ed8;--surface-primary:var(--color-neutral-0);--surface-secondary:var(--color-neutral-50);--surface-tertiary:var(--color-neutral-100);--text-primary:var(--color-neutral-900);--text-secondary:var(--color-neutral-500);--text-tertiary:var(--color-neutral-400);--text-inverse:var(--color-neutral-0);--border-default:var(--color-neutral-200);--border-subtle:var(--color-neutral-100);--font-display:"Plus Jakarta Sans", sans-serif;--font-body:"DM Sans", sans-serif;--font-mono:"JetBrains Mono", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--leading-tight:1.2;--leading-normal:1.5;--leading-relaxed:1.7;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:9999px;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 3px #0000001a, 0 1px 2px #0000000f;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s;--maxw-narrow:720px;--maxw-text:880px;--maxw-wide:1200px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--text-primary);background:var(--surface-secondary);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}a{color:inherit;transition:color var(--duration-fast) var(--ease-out);text-decoration:none}::selection{background:var(--color-brand-200);color:var(--color-brand-900)}.container{max-width:var(--maxw-text);padding:0 var(--space-6);margin:0 auto}.container-wide{max-width:var(--maxw-wide);padding:0 var(--space-6);margin:0 auto}.container-narrow{max-width:var(--maxw-narrow);padding:0 var(--space-6);margin:0 auto}.hero{background:var(--color-neutral-50);color:var(--text-primary);padding:var(--space-24) 0 var(--space-20);border-bottom:1px solid var(--border-subtle);position:relative;overflow:hidden}.hero-inner{z-index:1;position:relative}.hero-tag{padding:var(--space-2) var(--space-4);background:var(--color-brand-50);border:1px solid var(--color-brand-200);color:var(--color-brand-700);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;border-radius:var(--radius-full);margin-bottom:var(--space-8);display:inline-block}.hero h1{font-family:var(--font-display);font-size:clamp(2.5rem, 6vw, var(--text-6xl));font-weight:var(--weight-extrabold);letter-spacing:-.03em;margin-bottom:var(--space-6);max-width:900px;line-height:1.05}.hero h1 span{color:var(--color-brand-500)}.hero-sub{font-family:var(--font-body);font-size:var(--text-xl);color:var(--text-secondary);line-height:var(--leading-normal);max-width:680px;margin-bottom:var(--space-12)}.hero-meta{gap:var(--space-4);padding-top:var(--space-8);border-top:1px solid var(--border-default);grid-template-columns:repeat(4,1fr);display:grid}.hero-meta-cell{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-primary);line-height:var(--leading-normal);padding:var(--space-4);background:var(--color-neutral-0);border:1px solid var(--border-default);border-radius:var(--radius-lg,.625rem)}.hero-meta-cell .label{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-brand-600);margin-bottom:var(--space-2);display:block}section.chapter{padding:var(--space-20) 0}section.chapter.surface-tertiary{background:var(--color-neutral-0);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.section-title{font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.12em;color:var(--color-brand-600);margin-bottom:var(--space-3)}.section-heading{font-family:var(--font-display);font-size:clamp(1.75rem, 3.5vw, var(--text-4xl));font-weight:var(--weight-extrabold);line-height:var(--leading-tight);letter-spacing:-.02em;margin-bottom:var(--space-4);max-width:800px}.section-desc{font-family:var(--font-body);font-size:var(--text-lg);color:var(--text-secondary);max-width:680px;margin-bottom:var(--space-10);line-height:var(--leading-relaxed)}.card{background:var(--surface-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-6)}.card-label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:.06em}.insight{border-left:3px solid var(--color-brand-500);padding:var(--space-5) var(--space-6);background:var(--color-brand-50);border-radius:0 var(--radius-lg) var(--radius-lg) 0;margin:var(--space-8) 0}.insight .insight-label{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--color-brand-700);margin-bottom:var(--space-2);font-weight:var(--weight-medium);display:block}.insight p{font-family:var(--font-display);font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--color-neutral-800);font-weight:var(--weight-medium);margin:0}.stats{margin:var(--space-10) 0;background:var(--surface-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:0;display:grid;overflow:hidden}.stat{padding:var(--space-6);border-right:1px solid var(--border-subtle)}.stat:last-child{border-right:none}.stat .num{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--weight-extrabold);color:var(--text-primary);margin-bottom:var(--space-2);letter-spacing:-.025em;line-height:1;display:block}.stat .num .unit{font-size:var(--text-xl);color:var(--text-secondary);font-weight:var(--weight-bold)}.stat .label{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-normal)}.decisions{gap:var(--space-4);margin:var(--space-10) 0;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.decision{background:var(--surface-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-6);transition:transform var(--duration-normal) var(--ease-out), border-color var(--duration-normal) var(--ease-out)}.decision:hover{border-color:var(--color-brand-300);transform:translateY(-2px)}.decision .num{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-brand-600);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-3);padding:var(--space-1) var(--space-3);background:var(--color-brand-50);border-radius:var(--radius-full);display:inline-block}.decision h4{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text-primary);margin-bottom:var(--space-2);line-height:var(--leading-tight)}.decision p{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}.phone-block-label{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--color-brand-600);text-align:center;margin-bottom:var(--space-3)}.phone-block-title{font-family:var(--font-display);font-size:clamp(1.5rem, 2.5vw, var(--text-2xl));font-weight:var(--weight-bold);line-height:var(--leading-tight);text-align:center;color:var(--text-primary);max-width:740px;margin:0 auto var(--space-12);letter-spacing:-.015em}.phone-row{gap:var(--space-10) var(--space-6);grid-template-columns:repeat(3,minmax(0,1fr));place-items:start center;display:grid}.phone-row.phone-row-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:1100px){.phone-row.phone-row-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.phone-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.phone-row,.phone-row.phone-row-4{grid-template-columns:minmax(0,1fr)}}.phone-grid{gap:var(--space-10) var(--space-6);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.phone-mock{gap:var(--space-3);flex-direction:column;display:flex}.phone-frame{background:var(--color-neutral-900);width:270px;height:560px;box-shadow:var(--shadow-lg);border-radius:32px;flex-direction:column;align-self:center;padding:8px;display:flex;position:relative}.phone-frame:before{content:"";background:var(--color-neutral-700);z-index:2;border-radius:4px;width:46px;height:4px;position:absolute;top:14px;left:50%;transform:translate(-50%)}.phone-screen{background:var(--color-neutral-0);font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--text-primary);border-radius:26px;flex-direction:column;flex:1;padding:28px 16px 16px;display:flex;overflow:hidden}.phone-status{margin-bottom:var(--space-3);font-family:var(--font-display);font-size:.62rem;font-weight:var(--weight-semibold);color:var(--text-tertiary);justify-content:space-between;display:flex}.phone-header{margin-bottom:var(--space-4);color:var(--text-tertiary);justify-content:space-between;align-items:center;font-size:.7rem;display:flex}.phone-back{color:var(--text-primary);font-size:1.1rem}.phone-progress{font-family:var(--font-mono);letter-spacing:.06em;color:var(--text-tertiary);font-size:.6rem}.phone-pbar{background:var(--color-neutral-100);width:100%;height:3px;margin-bottom:var(--space-4);border-radius:var(--radius-full);overflow:hidden}.phone-pbar>div{background:var(--color-brand-500);border-radius:var(--radius-full);height:100%;transition:width var(--duration-slow) var(--ease-out)}.phone-body{flex:1}.phone-body h3{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-bold);line-height:var(--leading-tight);margin-bottom:var(--space-2);color:var(--text-primary);letter-spacing:-.01em}.phone-body p{color:var(--text-secondary);margin-bottom:var(--space-4);font-size:.72rem;line-height:var(--leading-relaxed)}.phone-option{border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-2);justify-content:space-between;align-items:center;gap:var(--space-3);background:var(--surface-primary);transition:border-color var(--duration-fast) var(--ease-out);display:flex}.phone-option.selected{border:1.5px solid var(--color-brand-500);background:var(--color-brand-50)}.phone-option.disabled{opacity:.5;background:var(--surface-secondary)}.phone-option-title{font-size:.78rem;font-weight:var(--weight-semibold);color:var(--text-primary);line-height:var(--leading-tight);margin-bottom:2px}.phone-option-sub{color:var(--text-tertiary);font-size:.62rem;line-height:1.3}.phone-option-radio{border:1.5px solid var(--border-default);border-radius:50%;flex-shrink:0;width:14px;height:14px}.phone-option.selected .phone-option-radio{border:5px solid var(--color-brand-500)}.phone-footer{margin-top:var(--space-3)}.phone-btn{background:var(--color-neutral-900);width:100%;color:var(--color-neutral-0);padding:var(--space-3);border-radius:var(--radius-lg);font-family:var(--font-display);font-size:.82rem;font-weight:var(--weight-semibold);cursor:pointer;transition:background var(--duration-fast) var(--ease-out);border:none}.phone-btn.brand{background:var(--color-brand-500)}.phone-btn.secondary{color:var(--text-primary);border:1px solid var(--border-default);background:0 0}.phone-link{text-align:center;color:var(--text-secondary);margin-top:var(--space-2);font-size:.7rem;font-family:var(--font-body);display:block}.phone-capture{margin:var(--space-2) 0 var(--space-4);border-radius:var(--radius-lg);aspect-ratio:1.586;background:var(--surface-secondary);border:1.5px dashed var(--color-brand-400);position:relative}.phone-capture:before{content:"";border:1px solid var(--border-default);background:linear-gradient(var(--color-neutral-200), var(--color-neutral-200)) 12px 16px / 60px 7px no-repeat, linear-gradient(var(--color-neutral-200), var(--color-neutral-200)) 12px 28px / 40px 6px no-repeat, linear-gradient(var(--color-neutral-200), var(--color-neutral-200)) 12px 40px / 86px 6px no-repeat;background-color:var(--surface-primary);border-radius:6px;position:absolute;inset:12px}.phone-capture.error{border-color:var(--color-error-500);background:var(--color-error-50)}.phone-selfie{margin:var(--space-3) auto var(--space-4);background:var(--color-brand-50);border:2px dashed var(--color-brand-400);border-radius:50%;width:130px;height:130px;position:relative}.phone-selfie:before{content:"";background:var(--color-brand-200);border-radius:50%;width:56px;height:56px;position:absolute;top:24px;left:50%;transform:translate(-50%)}.phone-selfie:after{content:"";background:var(--color-brand-200);border-radius:36px 36px 0 0;width:76px;height:36px;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.phone-card{aspect-ratio:1.586;background:linear-gradient(135deg, var(--color-neutral-900) 0%, var(--color-neutral-950) 100%);border-radius:var(--radius-lg);color:var(--color-neutral-50);margin:var(--space-2) 0 var(--space-4);box-shadow:var(--shadow-md);flex-direction:column;justify-content:space-between;padding:14px 16px;display:flex;position:relative}.phone-card.locked{background:linear-gradient(135deg, var(--color-neutral-700) 0%, var(--color-neutral-800) 100%)}.phone-card .brand{font-family:var(--font-display);font-size:.95rem;font-weight:var(--weight-bold)}.phone-card .brand .sub{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--color-brand-300);font-size:.52rem;font-weight:var(--weight-medium);margin-top:2px;display:block}.phone-card .num{font-family:var(--font-mono);letter-spacing:.1em;color:var(--color-neutral-300);font-size:.65rem}.phone-card .name{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.1em;color:var(--color-neutral-400);font-size:.58rem;font-weight:var(--weight-semibold);margin-top:2px}.phone-card .chip{background:linear-gradient(135deg, var(--color-brand-400) 0%, var(--color-brand-600) 100%);border-radius:var(--radius-sm);width:28px;height:22px;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.phone-card .lockbadge{font-family:var(--font-mono);background:var(--color-error-500);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.08em;color:#fff;font-size:.5rem;font-weight:var(--weight-medium);padding:2px 7px;position:absolute;top:14px;right:54px}.phone-success{margin:var(--space-3) auto;background:var(--color-success-500);color:#fff;width:56px;height:56px;font-size:1.4rem;font-weight:var(--weight-bold);border-radius:50%;justify-content:center;align-items:center;display:flex}.phone-warn-icon{margin:var(--space-3) auto;background:var(--color-error-50);width:52px;height:52px;color:var(--color-error-700);font-size:1.4rem;font-weight:var(--weight-bold);border-radius:50%;justify-content:center;align-items:center;display:flex}.phone-info-icon{margin:var(--space-3) auto;background:var(--color-brand-100);width:52px;height:52px;color:var(--color-brand-700);border-radius:50%;justify-content:center;align-items:center;font-size:1.3rem;display:flex}.phone-otp{gap:var(--space-2);margin:var(--space-4) 0 var(--space-2);display:flex}.phone-otp div{aspect-ratio:1;border:1px solid var(--border-default);border-radius:var(--radius-md);font-family:var(--font-display);font-size:1rem;font-weight:var(--weight-bold);flex:1;justify-content:center;align-items:center;display:flex}.phone-otp div.filled{border-color:var(--color-brand-500);color:var(--color-brand-700)}.mock-caption{text-align:center;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em}.mock-caption strong{font-family:var(--font-display);font-size:var(--text-sm);text-transform:none;letter-spacing:0;color:var(--text-primary);font-weight:var(--weight-bold);margin-bottom:var(--space-1);display:block}.state-machine{margin:var(--space-8) 0;background:var(--surface-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-8) var(--space-6);overflow-x:auto}.sm-row{justify-content:center;align-items:center;gap:var(--space-2);min-width:760px;margin-bottom:var(--space-3);flex-wrap:nowrap;display:flex}.sm-row:last-child{margin-bottom:0}.state-node{background:var(--surface-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary);white-space:nowrap;text-align:center;min-width:110px;font-weight:var(--weight-medium)}.state-node.start{background:var(--color-brand-50);border-color:var(--color-brand-300);color:var(--color-brand-700)}.state-node.active{background:var(--color-success-50);border-color:var(--color-success-500);color:var(--color-success-700)}.state-node.risk{background:var(--color-warning-50);border-color:var(--color-warning-500);color:var(--color-warning-700)}.state-node.error{background:var(--color-error-50);border-color:var(--color-error-500);color:var(--color-error-700)}.state-node.end{background:var(--surface-tertiary);color:var(--text-tertiary);border-style:dashed}.sm-arrow{font-family:var(--font-mono);color:var(--text-tertiary);font-size:var(--text-base);-webkit-user-select:none;user-select:none;font-weight:var(--weight-medium)}.sm-legend{gap:var(--space-6);margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border-subtle);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;flex-wrap:wrap;display:flex}.sm-legend>div{align-items:center;gap:var(--space-2);display:flex}.sm-legend .dot{border-radius:var(--radius-sm);width:12px;height:12px;display:inline-block}.perm-table{border-collapse:collapse;width:100%;margin:var(--space-8) 0;background:var(--surface-primary);border-radius:var(--radius-xl);border:1px solid var(--border-subtle);overflow:hidden}.perm-table th,.perm-table td{text-align:left;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-subtle);font-size:var(--text-sm)}.perm-table tr:last-child td{border-bottom:none}.perm-table th{font-family:var(--font-display);font-weight:var(--weight-semibold);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);background:var(--surface-secondary);border-bottom:2px solid var(--border-default)}.perm-table th.col-role,.perm-table td.role{text-align:center}.perm-table .yes{color:var(--color-success-700);font-family:var(--font-mono);font-weight:var(--weight-medium)}.perm-table .no{color:var(--text-tertiary);font-family:var(--font-mono)}.perm-table .scoped{background:var(--color-warning-50);color:var(--color-warning-700);font-family:var(--font-mono);font-size:var(--text-xs);border-radius:var(--radius-full);font-weight:var(--weight-medium);padding:2px 8px;display:inline-block}.perm-table td.action{font-weight:var(--weight-semibold);color:var(--text-primary);font-family:var(--font-display)}.laptop{margin:var(--space-10) auto 0;max-width:920px}.laptop-frame{background:var(--surface-primary);border:1px solid var(--border-default);border-radius:var(--radius-xl) var(--radius-xl) var(--radius-md) var(--radius-md);padding:var(--space-3) var(--space-4) var(--space-4);box-shadow:var(--shadow-xl)}.laptop-controls{margin-bottom:var(--space-3);gap:6px;display:flex}.laptop-controls span{background:var(--color-neutral-200);border-radius:50%;width:10px;height:10px}.laptop-screen{background:var(--surface-secondary);border-radius:var(--radius-md);border:1px solid var(--border-subtle);min-height:440px;display:flex;overflow:hidden}.laptop-sidebar{background:var(--color-neutral-0);border-right:1px solid var(--border-subtle);width:200px;padding:var(--space-5)}.laptop-sidebar .logo{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--weight-extrabold);color:var(--text-primary);letter-spacing:-.01em}.laptop-sidebar .logo span{color:var(--color-brand-500)}.laptop-sidebar .logo .role-tag{font-family:var(--font-mono);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.1em;margin-top:var(--space-1);margin-bottom:var(--space-6);font-size:.58rem;font-weight:var(--weight-medium);display:block}.laptop-sidebar ul{padding:0;list-style:none}.laptop-sidebar li{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--text-secondary);font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;margin-bottom:2px}.laptop-sidebar li.active{background:var(--color-brand-50);color:var(--color-brand-700);font-weight:var(--weight-semibold)}.laptop-sidebar .role-badge{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.laptop-sidebar .role-badge .label{font-family:var(--font-mono);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;font-size:.6rem}.laptop-sidebar .role-badge .name{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--text-primary);margin-top:var(--space-1)}.laptop-sidebar .role-badge .sub{color:var(--text-tertiary);margin-top:2px;font-size:.7rem}.laptop-main{padding:var(--space-6) var(--space-8);background:var(--color-neutral-50);flex:1}.laptop-main h4{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-extrabold);color:var(--text-primary);letter-spacing:-.015em;align-items:center;gap:var(--space-3);display:flex}.read-only-badge{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;background:var(--color-warning-50);color:var(--color-warning-700);border-radius:var(--radius-full);font-size:.62rem;font-weight:var(--weight-medium);padding:3px 8px;display:inline-block}.laptop-main .subline{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-1);margin-bottom:var(--space-6)}.laptop-cards{gap:var(--space-3);margin-bottom:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.laptop-card{background:var(--surface-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-4)}.laptop-card .l-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);margin-bottom:var(--space-2);font-size:.62rem;font-weight:var(--weight-medium)}.laptop-card .l-num{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-extrabold);color:var(--text-primary);letter-spacing:-.015em;line-height:1}.laptop-card .l-num .unit{font-size:var(--text-sm);color:var(--text-secondary);font-weight:var(--weight-medium)}.laptop-card .l-delta{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-success-700);margin-top:var(--space-2);font-weight:var(--weight-medium)}.laptop-table{background:var(--surface-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);border-collapse:separate;border-spacing:0;width:100%;overflow:hidden}.laptop-table th,.laptop-table td{padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--text-sm);border-bottom:1px solid var(--border-subtle)}.laptop-table tr:last-child td{border-bottom:none}.laptop-table th{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);font-weight:var(--weight-medium);background:var(--surface-secondary)}.laptop-btn{background:var(--color-neutral-900);color:var(--color-neutral-0);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--weight-semibold);cursor:pointer;border:none}.laptop-btn.brand{background:var(--color-brand-500)}.laptop-btn.outline{color:var(--text-primary);border:1px solid var(--border-default);background:0 0}.ab-tests{margin:var(--space-10) 0;gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.ab-test{background:var(--surface-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-6);transition:border-color var(--duration-normal) var(--ease-out)}.ab-test:hover{border-color:var(--color-brand-300)}.ab-test-id{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-brand-700);background:var(--color-brand-50);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-3);font-weight:var(--weight-medium);padding:3px 10px;display:inline-block}.ab-test-name{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-bold);margin-bottom:var(--space-3);line-height:var(--leading-tight);color:var(--text-primary);letter-spacing:-.01em}.ab-test-hyp{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-4)}.ab-test-metric{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary);padding-top:var(--space-3);border-top:1px solid var(--border-subtle);line-height:var(--leading-relaxed)}.ab-test-metric strong{color:var(--text-primary);font-family:var(--font-display);font-weight:var(--weight-semibold)}.ds-intro-card{background:var(--color-neutral-0);color:var(--text-primary);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-8);margin-bottom:var(--space-8);position:relative;overflow:hidden}.ds-intro-card-inner{z-index:1;position:relative}.ds-intro-card .label{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--color-brand-600);margin-bottom:var(--space-3)}.ds-intro-card h3{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-extrabold);line-height:var(--leading-tight);margin-bottom:var(--space-4);letter-spacing:-.02em}.ds-intro-card h3 span{color:var(--color-brand-500)}.ds-intro-card p{color:var(--text-secondary);font-size:var(--text-base);max-width:600px;line-height:var(--leading-relaxed)}.ds-row{gap:var(--space-8);margin-top:var(--space-6);grid-template-columns:1fr 1fr;display:grid}.ds-section h4{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-brand-600);margin-bottom:var(--space-4);font-weight:var(--weight-medium)}.swatch-row{gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.swatch{border-radius:var(--radius-md);cursor:pointer;width:52px;height:52px;transition:transform var(--duration-fast) var(--ease-out);border:1px solid #0000000f;position:relative}.swatch:hover{transform:scale(1.08)}.swatch-stack{align-items:center;gap:var(--space-1);flex-direction:column;display:flex}.swatch-label{font-family:var(--font-mono);color:var(--text-tertiary);font-size:10px}.type-sample{margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle)}.type-sample:last-child{border-bottom:none;margin-bottom:0}.type-meta{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--space-1)}.ds-comp{background:var(--surface-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-3)}.ds-comp:last-child{margin-bottom:0}.ds-comp .preview{margin-bottom:var(--space-3);padding:var(--space-3);background:var(--surface-primary);border-radius:var(--radius-md)}.ds-comp-meta{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary)}.skill-grid{gap:var(--space-4);margin:var(--space-10) 0;grid-template-columns:1fr 1fr;display:grid}.skill-cell{background:var(--surface-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-5) var(--space-6);transition:border-color var(--duration-normal) var(--ease-out)}.skill-cell:hover{border-color:var(--color-brand-300)}.skill-cell .req{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-brand-700);background:var(--color-brand-50);border-radius:var(--radius-full);margin-bottom:var(--space-3);font-weight:var(--weight-medium);padding:3px 10px;display:inline-block}.skill-cell h4{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--text-primary);line-height:var(--leading-normal);letter-spacing:-.01em;margin:0}.contact-cta{text-align:center;padding:var(--space-20) 0;background:var(--color-neutral-0);color:var(--text-primary);border-top:1px solid var(--border-subtle);margin-top:var(--space-16);position:relative;overflow:hidden}.contact-cta-inner{z-index:1;position:relative}.contact-cta h2{font-family:var(--font-display);font-size:clamp(2rem, 4vw, var(--text-4xl));font-weight:var(--weight-extrabold);line-height:var(--leading-tight);margin-bottom:var(--space-4);letter-spacing:-.025em}.contact-cta h2 span{color:var(--color-brand-500)}.contact-cta p{font-family:var(--font-body);font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:var(--space-8);max-width:520px;margin-left:auto;margin-right:auto}.contact-buttons{gap:var(--space-3);flex-wrap:wrap;justify-content:center;display:inline-flex}.contact-btn{padding:var(--space-3) var(--space-6);background:var(--color-brand-500);color:#fff;font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-semibold);border-radius:var(--radius-full);transition:background var(--duration-fast) var(--ease-out);text-decoration:none}.contact-btn:hover{background:var(--color-brand-600)}.contact-btn.outline{background:var(--color-neutral-0);color:var(--text-primary);border:1px solid var(--border-default)}.contact-btn.outline:hover{background:var(--color-neutral-50);border-color:var(--color-neutral-300)}footer{background:var(--color-neutral-950);padding:var(--space-6) 0 var(--space-8)}footer .ft{max-width:var(--maxw-wide);padding:0 var(--space-6);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-neutral-600);justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;margin:0 auto;display:flex}@media (max-width:768px){.container,.container-wide,.container-narrow{padding:0 var(--space-5)}.hero{padding:var(--space-16) 0 var(--space-12)}.hero-meta{gap:var(--space-5);grid-template-columns:1fr 1fr}.ab-tests{grid-template-columns:1fr}.ds-row{gap:var(--space-6);grid-template-columns:1fr}.skill-grid{grid-template-columns:1fr}.laptop-screen{flex-direction:column}.laptop-sidebar{border-right:none;border-bottom:1px solid var(--border-subtle);width:100%}.laptop-cards{grid-template-columns:1fr}.stat{padding:var(--space-5);border-right:none;border-bottom:1px solid var(--border-subtle)}.stat:last-child{border-bottom:none}.phone-grid,.decisions{grid-template-columns:1fr}.perm-table{font-size:var(--text-xs)}.perm-table th,.perm-table td{padding:var(--space-3)}section.chapter{padding:var(--space-12) 0}}.hero-cta-row{margin-top:var(--space-8);align-items:flex-start;gap:var(--space-5);flex-direction:column;display:flex}.hero-cta{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--color-brand-500);color:var(--color-neutral-0);border-radius:var(--radius-lg,.625rem);font-family:var(--font-display);font-weight:var(--weight-semibold);font-size:var(--text-sm);text-decoration:none;transition:background .15s,transform .15s;display:inline-flex}.hero-cta:hover{background:var(--color-brand-600)}.hero-cta:active{transform:scale(.97)}.hero-chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.hero-chip{padding:var(--space-1) var(--space-3);background:var(--color-neutral-0);border:1px solid var(--border-default);color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--weight-medium);border-radius:9999px}