:root{--color-primary-50:#e6f0fa;--color-primary-100:#cce0f5;--color-primary-200:#99c2eb;--color-primary-300:#66a3e0;--color-primary-400:#3385d6;--color-primary-500:#06c;--color-primary-600:#0052a3;--color-primary-700:#003d7a;--color-primary-800:#002952;--color-primary-900:#001429;--color-secondary-50:#eaf0f2;--color-secondary-500:#3a4a57;--color-secondary-900:#141c22;--color-accent-500:#0f6;--color-accent-contrast:#0d0d0d;--color-neutral-50:#f5f7fa;--color-neutral-100:#e8ecf1;--color-neutral-200:#cdd5df;--color-neutral-300:#a4b0bf;--color-neutral-400:#6e7b8a;--color-neutral-500:#4a5560;--color-neutral-600:#333b44;--color-neutral-700:#21272e;--color-neutral-800:#14181d;--color-neutral-900:#0d0d0d;--color-semantic-success:#00c766;--color-semantic-warning:#e0a82c;--color-semantic-danger:#e04848;--color-semantic-info:#06c;--color-surface-background:#0d0d0d;--color-surface-elevated:#14181d;--color-surface-overlay:rgba(0,0,0,.66);--font-heading:var(--font-heading-src,"Manrope"),system-ui,sans-serif;--font-body:var(--font-body-src,"Lora"),Georgia,serif;--font-mono:var(--font-mono-src,"JetBrains Mono"),ui-monospace,monospace;--fs-xs:12px;--fs-sm:14px;--fs-base:16px;--fs-md:18px;--fs-lg:24px;--fs-xl:32px;--fs-2xl:48px;--fs-3xl:64px;--lh-tight:1.15;--lh-normal:1.5;--lh-relaxed:1.75;--ls-tight:-0.02em;--ls-normal:0;--ls-wide:0.05em;--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--space-10:128px;--radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-none:none;--shadow-sm:0 1px 2px rgba(0,0,0,.4);--shadow-md:0 4px 12px rgba(0,0,0,.5);--shadow-lg:0 12px 32px rgba(0,0,0,.6);--shadow-xl:0 24px 64px rgba(0,0,0,.7);--shadow-glow:0 0 24px rgba(0,255,102,.35);--dur-fast:150ms;--dur-normal:250ms;--dur-slow:400ms;--ease-standard:cubic-bezier(0.4,0,0.2,1);--ease-enter:cubic-bezier(0,0,0.2,1);--ease-exit:cubic-bezier(0.4,0,1,1)}*,:after,:before{box-sizing:border-box}*{margin:0}html{scroll-behavior:smooth}body{background:var(--color-surface-background);color:var(--color-neutral-50);font-family:var(--font-body);font-size:var(--fs-base);line-height:var(--lh-normal);-webkit-font-smoothing:antialiased}.font-heading,h1,h2,h3,h4{font-family:var(--font-heading);line-height:var(--lh-tight)}.mono{font-family:var(--font-mono)}a{color:inherit;text-decoration:none}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-4)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-heading);font-weight:700;font-size:var(--fs-base);padding:var(--space-4) var(--space-6);border-radius:var(--radius-md);cursor:pointer;border:1px solid transparent;transition:transform var(--dur-normal) var(--ease-standard),box-shadow var(--dur-normal) var(--ease-standard)}.btn-primary{background:var(--color-accent-500);color:var(--color-accent-contrast)}.btn-primary:hover{transform:scale(1.02);box-shadow:var(--shadow-glow)}.btn-ghost{background:transparent;color:var(--color-neutral-50);border-color:var(--color-neutral-700)}.btn-ghost:hover{border-color:var(--color-accent-500)}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:hsla(0,0%,5%,.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-neutral-800)}.site-header .inner{display:flex;align-items:center;justify-content:space-between;height:64px}.logo{font-family:var(--font-heading);font-weight:700;font-size:var(--fs-md);color:var(--color-neutral-50)}.logo b{color:var(--color-accent-500)}.nav{display:flex;gap:var(--space-6);align-items:center}.nav a{font-family:var(--font-heading);font-size:var(--fs-sm);color:var(--color-neutral-300)}.nav a:hover{color:var(--color-neutral-50)}@media (max-width:768px){.nav .nav-links{display:none}}.hero{padding:var(--space-9) 0}.hero .grid{display:grid;grid-template-columns:55fr 45fr;grid-gap:var(--space-8);gap:var(--space-8);align-items:center}.eyebrow{font-family:var(--font-heading);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:var(--ls-wide);color:var(--color-accent-500)}.hero h1{font-size:var(--fs-3xl);font-weight:700;margin:var(--space-4) 0}.hero p.lead{font-family:var(--font-body);font-size:var(--fs-md);line-height:var(--lh-relaxed);color:var(--color-neutral-300);max-width:460px}.hero .cta-row{display:flex;gap:var(--space-4);margin-top:var(--space-6);flex-wrap:wrap}.hero-visual{aspect-ratio:4/3;border-radius:var(--radius-lg);background:radial-gradient(circle at 50% 40%,var(--color-neutral-800),var(--color-surface-background));box-shadow:var(--shadow-glow);display:flex;align-items:center;justify-content:center;color:var(--color-neutral-600);font-family:var(--font-mono);font-size:var(--fs-sm)}@media (max-width:1200px){.hero .grid{grid-template-columns:1fr}.hero h1{font-size:var(--fs-xl)}}.section{padding:var(--space-8) 0}.section h2{font-size:var(--fs-xl);margin-bottom:var(--space-6)}.cards{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-5);gap:var(--space-5)}@media (max-width:1200px){.cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.cards{grid-template-columns:1fr}}.card{background:var(--color-surface-elevated);border:1px solid var(--color-neutral-700);border-radius:var(--radius-lg);padding:var(--space-5);transition:transform var(--dur-normal) var(--ease-standard),border-color var(--dur-normal) var(--ease-standard)}.card:hover{transform:translateY(-2px);border-color:var(--color-accent-500);box-shadow:var(--shadow-md)}.card h3{font-size:var(--fs-md);font-weight:500}.card .rule{width:var(--space-5);height:2px;background:var(--color-accent-500);margin:var(--space-3) 0}.card .price,.card p{color:var(--color-neutral-300);font-size:var(--fs-sm)}.card .price{font-family:var(--font-mono);margin-top:var(--space-3);display:block}.cta-band{background:var(--color-neutral-800);padding:var(--space-8) 0;text-align:center}.cta-band h2{font-size:var(--fs-xl);margin-bottom:var(--space-5)}.site-footer{border-top:1px solid var(--color-neutral-800);padding:var(--space-8) 0 var(--space-5);color:var(--color-neutral-400);font-size:var(--fs-sm)}.site-footer .cols{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--space-6);gap:var(--space-6)}@media (max-width:1000px){.site-footer .cols{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.site-footer .cols{grid-template-columns:1fr}}.site-footer h4{font-family:var(--font-heading);font-size:var(--fs-sm);color:var(--color-neutral-200);margin-bottom:var(--space-3)}.site-footer a{display:block;color:var(--color-neutral-400);padding:2px 0}.site-footer a:hover{color:var(--color-neutral-50)}.footer-strip{text-align:center;color:var(--color-neutral-500);font-size:var(--fs-xs);margin-top:var(--space-7)}.page-header{padding:var(--space-8) 0 var(--space-6);border-bottom:1px solid var(--color-neutral-800)}.page-header h1{font-size:var(--fs-2xl);margin:var(--space-3) 0}.page-header .lead{font-family:var(--font-body);font-size:var(--fs-md);color:var(--color-neutral-300);max-width:620px;line-height:var(--lh-relaxed)}@media (max-width:768px){.page-header h1{font-size:var(--fs-xl)}}.detail{display:grid;grid-template-columns:1fr 320px;grid-gap:var(--space-8);gap:var(--space-8);align-items:start}.detail-main h2{font-size:var(--fs-lg);margin:var(--space-6) 0 var(--space-3)}.detail-main h2:first-child{margin-top:0}.detail-main p{color:var(--color-neutral-300);line-height:var(--lh-relaxed)}.list{list-style:none;padding:0}.list li{color:var(--color-neutral-300);padding:var(--space-2) 0 var(--space-2) var(--space-5);position:relative}.list li:before{content:"—";position:absolute;left:0;color:var(--color-accent-500)}.detail-side{background:var(--color-surface-elevated);border:1px solid var(--color-neutral-700);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4);position:-webkit-sticky;position:sticky;top:88px}.price-big{font-size:var(--fs-lg);color:var(--color-neutral-50)}.link-back{color:var(--color-neutral-400);font-size:var(--fs-sm);font-family:var(--font-heading)}.link-back:hover{color:var(--color-accent-500)}@media (max-width:1000px){.detail{grid-template-columns:1fr}.detail-side{position:static}}.price-table{width:100%;border-collapse:collapse}.price-table td{padding:var(--space-4) var(--space-3);border-bottom:1px solid var(--color-neutral-700)}.price-table tr:hover{background:var(--color-neutral-800)}.price-table td:last-child{text-align:right;color:var(--color-neutral-50);white-space:nowrap}.pkg{display:flex;flex-direction:column;gap:var(--space-3);align-items:flex-start}.pkg-featured{border-color:var(--color-accent-500);box-shadow:var(--shadow-glow)}.faq-list{max-width:820px}.faq-item{border-bottom:1px solid var(--color-neutral-800);padding:var(--space-4) 0}.faq-item summary{font-family:var(--font-heading);font-weight:500;color:var(--color-neutral-50);cursor:pointer;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:before{content:"+ ";color:var(--color-accent-500)}.faq-item[open] summary:before{content:"– "}.faq-item p{color:var(--color-neutral-300);margin-top:var(--space-3);line-height:var(--lh-relaxed)}.article{max-width:760px}.article-intro{font-family:var(--font-body);font-size:var(--fs-md);color:var(--color-neutral-200);line-height:var(--lh-relaxed);margin-bottom:var(--space-5)}.article h2{font-size:var(--fs-lg);margin:var(--space-6) 0 var(--space-3)}.article p{color:var(--color-neutral-300);line-height:var(--lh-relaxed);margin-bottom:var(--space-3)}.article .btn{margin-top:var(--space-5)}.lead-form{gap:var(--space-4);max-width:480px}.lead-form,.lead-form label{display:flex;flex-direction:column}.lead-form label{gap:var(--space-2);font-family:var(--font-heading);font-size:var(--fs-sm);color:var(--color-neutral-300)}.lead-form input{background:var(--color-surface-elevated);border:1px solid var(--color-neutral-700);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);color:var(--color-neutral-50);font-family:var(--font-body);font-size:var(--fs-base)}.lead-form input:focus{outline:none;border-color:var(--color-accent-500)}.form-note{color:var(--color-neutral-500);font-size:var(--fs-xs)}.calc{background:var(--color-surface-elevated);border:1px solid var(--color-neutral-700);border-radius:var(--radius-lg);padding:var(--space-6)}.calc-grid{display:grid;grid-template-columns:1fr 320px;grid-gap:var(--space-7);gap:var(--space-7)}@media (max-width:900px){.calc-grid{grid-template-columns:1fr}}.calc-label{display:block;font-family:var(--font-heading);font-size:var(--fs-sm);color:var(--color-neutral-300);margin-bottom:var(--space-2)}.calc-input{width:100%;background:var(--color-surface-background);border:1px solid var(--color-neutral-700);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);color:var(--color-neutral-50);font-size:var(--fs-lg)}.calc-input:focus{outline:none;border-color:var(--color-accent-500)}.calc-services-title{font-family:var(--font-heading);font-size:var(--fs-sm);color:var(--color-neutral-300);margin:var(--space-5) 0 var(--space-3)}.calc-services{flex-direction:column}.calc-chip,.calc-services{display:flex;gap:var(--space-2)}.calc-chip{align-items:center;padding:var(--space-3);border:1px solid var(--color-neutral-700);border-radius:var(--radius-md);cursor:pointer;font-size:var(--fs-sm)}.calc-chip.on{border-color:var(--color-accent-500);background:var(--color-neutral-800)}.calc-chip .mono{margin-left:auto;color:var(--color-neutral-400)}.calc-result{background:var(--color-surface-background);border:1px solid var(--color-neutral-700);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);height:-moz-fit-content;height:fit-content}.calc-row{color:var(--color-neutral-300);font-size:var(--fs-sm)}.calc-row,.calc-total{display:flex;justify-content:space-between}.calc-total{align-items:baseline;border-top:1px solid var(--color-neutral-700);padding-top:var(--space-3);margin-top:var(--space-2);font-family:var(--font-heading);font-size:var(--fs-lg);color:var(--color-neutral-50)}.calc-total .mono{color:var(--color-accent-500)}.calc-note{font-size:var(--fs-xs);color:var(--color-neutral-500)}.roi-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-4);gap:var(--space-4);margin:var(--space-5) 0}@media (max-width:700px){.roi-grid{grid-template-columns:1fr}}.roi-col{border:1px solid var(--color-neutral-700);border-radius:var(--radius-md);padding:var(--space-4)}.roi-col h3{font-size:var(--fs-md);margin-bottom:var(--space-3)}.roi-ours{border-color:var(--color-accent-500)}.quiz{background:var(--color-surface-elevated);border:1px solid var(--color-neutral-700);border-radius:var(--radius-lg);padding:var(--space-7);max-width:640px}.quiz-progress{color:var(--color-accent-500);margin-bottom:var(--space-3)}.quiz-q{font-size:var(--fs-lg);margin-bottom:var(--space-5)}.quiz-opts{display:flex;flex-direction:column;gap:var(--space-3)}.quiz-opt{text-align:left;background:var(--color-surface-background);border:1px solid var(--color-neutral-700);border-radius:var(--radius-md);padding:var(--space-4);color:var(--color-neutral-50);font-family:var(--font-body);font-size:var(--fs-base);cursor:pointer;transition:border-color var(--dur-normal) var(--ease-standard)}.quiz-opt:hover{border-color:var(--color-accent-500)}.quiz-result h3{font-size:var(--fs-xl);margin:var(--space-3) 0}.quiz-result p{color:var(--color-neutral-300);margin-bottom:var(--space-5)}.quiz-result .link-back{background:none;border:none;cursor:pointer;margin-top:var(--space-4);display:inline-block}.compare-wrap{overflow-x:auto}.compare-table{width:100%;border-collapse:collapse;min-width:680px}.compare-table td,.compare-table th{padding:var(--space-4);border-bottom:1px solid var(--color-neutral-700);text-align:left;font-size:var(--fs-sm);vertical-align:top}.compare-table .row-label,.compare-table th{font-family:var(--font-heading);color:var(--color-neutral-200)}.compare-table .col-ours{background:var(--color-neutral-800);color:var(--color-neutral-50)}.compare-table th.col-ours{color:var(--color-accent-500)}.checklist{counter-reset:ci;list-style:none;padding:0}.checklist li{color:var(--color-neutral-300);padding:var(--space-3) 0 var(--space-3) var(--space-6);border-bottom:1px solid var(--color-neutral-800);position:relative}.checklist li strong{color:var(--color-neutral-50);font-family:var(--font-heading)}.checklist li:before{content:"✓";position:absolute;left:0;color:var(--color-accent-500);font-weight:700}.guide-cta{margin-top:var(--space-7);padding:var(--space-6);background:var(--color-surface-elevated);border:1px solid var(--color-neutral-700);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-3);align-items:flex-start}.timeline{list-style:none;padding:0;border-left:2px solid var(--color-neutral-700);margin-left:var(--space-3)}.timeline li{position:relative;padding:0 0 var(--space-6) var(--space-6)}.timeline li:before{content:"";position:absolute;left:calc(-1 * var(--space-3) - 5px);top:4px;width:12px;height:12px;border-radius:var(--radius-full);background:var(--color-accent-500)}.timeline h3{font-size:var(--fs-md)}.timeline .step-time{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--color-accent-500)}.timeline p{color:var(--color-neutral-300);font-size:var(--fs-sm);margin-top:var(--space-2)}.glossary-item{padding:var(--space-4) 0;border-bottom:1px solid var(--color-neutral-800)}.glossary-item dt{font-family:var(--font-heading);color:var(--color-neutral-50);font-size:var(--fs-md)}.glossary-item dd{color:var(--color-neutral-300);margin:var(--space-2) 0 0;font-size:var(--fs-sm);line-height:var(--lh-relaxed)}.ph-card{background:var(--color-surface-elevated);border:1px dashed var(--color-neutral-600);border-radius:var(--radius-lg);padding:var(--space-5)}.ph-card .ph-avatar{width:48px;height:48px;border-radius:var(--radius-full);background:var(--color-neutral-700);margin-bottom:var(--space-3)}.ph-card .ph-meta{font-family:var(--font-heading);color:var(--color-neutral-200);font-size:var(--fs-sm)}.ph-card p{color:var(--color-neutral-400);font-size:var(--fs-sm);margin-top:var(--space-2)}.ph-video{aspect-ratio:16/9;background:var(--color-neutral-800);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-neutral-500);font-family:var(--font-mono);font-size:var(--fs-xs);margin-bottom:var(--space-3)}.assort-links{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-3)}.assort-links a{display:inline-block;padding:var(--space-2) var(--space-4);border:1px solid var(--color-neutral-700);border-radius:var(--radius-full);color:var(--color-neutral-200);font-family:var(--font-heading);font-size:var(--fs-sm);transition:border-color var(--dur-normal) var(--ease-standard)}.assort-links a:hover{border-color:var(--color-accent-500);color:var(--color-neutral-50)}.finder{background:var(--color-surface-elevated);border:1px solid var(--color-neutral-700);border-radius:var(--radius-lg);padding:var(--space-6);max-width:640px}.finder select.calc-input{cursor:pointer}.finder-result{margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--color-neutral-700)}.finder-result h3{font-size:var(--fs-md);margin:var(--space-3) 0}.finder-links{display:flex;gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap}