.product-page{inline-size:min(100%,70rem);margin-inline:auto}.home-hero{border:1px solid var(--color-border);border-radius:var(--radius-xl);gap:clamp(var(--space-5), 3vw, var(--space-8));padding:clamp(var(--space-5), 3vw, var(--space-7));background:radial-gradient(circle at 10% 10%, var(--color-primary-soft), transparent 36%), var(--color-surface);grid-template-columns:minmax(0,1.2fr) minmax(17rem,.8fr);display:grid}.eyebrow{margin:0 0 var(--space-2);color:var(--color-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-eyebrow);text-transform:uppercase}.hero-copy h1,.page-intro h1{letter-spacing:-.035em;max-inline-size:49rem;margin:0;font-size:clamp(1.9rem,3.2vw,3rem);line-height:1.1}.hero-copy,.hero-feature{min-inline-size:0}.hero-lead,.page-intro>p:last-of-type{max-inline-size:44rem;margin-block:var(--space-4);color:var(--color-text-secondary);font-size:var(--font-size-md);line-height:var(--line-height-relaxed)}.hero-search-button{border:2px solid var(--color-primary);border-radius:var(--radius-md);align-items:center;gap:var(--space-3);min-block-size:3.5rem;inline-size:100%;padding-inline:var(--space-4);background:var(--color-surface);color:var(--color-text-primary);font:inherit;font-weight:var(--font-weight-medium);text-align:start;cursor:pointer;display:flex}.hero-search-island .search-trigger{border:2px solid var(--color-primary);background:var(--color-surface);min-block-size:3.5rem;color:var(--color-text-primary)}.hero-search-island .search-trigger kbd{color:var(--color-primary)}.hero-search-button span:last-child{color:var(--color-primary);margin-inline-start:auto}.hero-search-button.compact{max-inline-size:34rem;margin-block-start:var(--space-6)}.hero-hint{margin-block:var(--space-2) 0;color:var(--color-text-muted);font-size:var(--font-size-xs)}.hero-badges{gap:var(--space-2);flex-wrap:wrap;margin-block-start:var(--space-5);display:flex}.hero-badges span{padding:var(--space-2) var(--space-3);background:var(--color-success-soft);color:var(--color-text-primary);font-size:var(--font-size-xs);border-radius:999px}.hero-feature,.category-tool{border-radius:var(--radius-lg);padding:clamp(var(--space-4), 2vw, var(--space-6));color:#f5f7fa;background:#122238}.hero-feature>p:first-child{color:#8cc5ff;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;margin:0}.hero-feature h2{margin-block:var(--space-2);font-size:var(--font-size-xl)}.hero-feature p,.hero-feature li{color:#c6d2e2}.hero-feature ul{gap:var(--space-2);margin-block:var(--space-5);font-size:var(--font-size-xs);flex-wrap:wrap;padding:0;list-style:none;display:flex}.hero-feature li{border:1px solid #42546d;border-radius:999px;padding:.25rem .55rem}.primary-link{min-block-size:var(--touch-target);border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:var(--space-6);padding-inline:var(--space-4);background:var(--color-primary);color:#fff;font-weight:var(--font-weight-bold);text-decoration:none;display:inline-flex}.product-section{padding-block:clamp(var(--space-6), 3vw, var(--space-9))}.product-section+.product-section{border-block-start:1px solid var(--color-border)}.section-heading,.activity-heading{justify-content:space-between;align-items:flex-start;gap:var(--space-5);margin-block-end:var(--space-5);display:flex}.section-heading h2,.page-intro h1{margin-block:0}.product-section>h2{margin-block:0 var(--space-5)}.section-heading p:not(.eyebrow){max-inline-size:48rem;color:var(--color-text-secondary)}.section-heading>a,.method-links a,.publication-note a{color:var(--color-primary);font-weight:var(--font-weight-bold)}.product-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);align-items:center;gap:var(--space-4);min-block-size:7rem;padding:var(--space-5);background:var(--color-surface);color:var(--color-text-primary);box-shadow:var(--shadow-xs);grid-template-columns:auto minmax(0,1fr) auto;text-decoration:none;display:grid}.product-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.product-card strong,.product-card small,.product-card em{display:block}.product-card small{color:var(--color-text-secondary);margin-block-start:var(--space-1)}.product-card em{color:var(--color-text-muted);font-size:var(--font-size-xs);margin-block-start:var(--space-2);font-style:normal}.card-icon{border-radius:var(--radius-md);background:var(--color-primary-soft);block-size:3rem;inline-size:3rem;color:var(--color-primary);place-items:center;font-size:1.5rem;display:grid}.activity-grid,.trust-grid,.how-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.activity-card,.trust-grid article,.how-grid article{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);background:var(--color-surface)}.activity-heading h3{margin:0}.text-button{min-block-size:var(--touch-target);color:var(--color-primary);font:inherit;font-weight:var(--font-weight-bold);cursor:pointer;background:0 0;border:0;padding:0}.activity-empty,.activity-local{color:var(--color-text-secondary)}.activity-local{font-size:var(--font-size-xs)}.activity-list{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.activity-list li{border-block-start:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:var(--space-3);padding-block-start:var(--space-3);display:flex}.activity-list strong,.activity-list small{display:block}.activity-list small{color:var(--color-text-muted)}.trust-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-block-start:var(--space-5)}.trust-grid h3,.how-grid h3{margin-block:var(--space-2);font-size:var(--font-size-lg)}.trust-grid p,.how-grid p{color:var(--color-text-secondary);margin-block-end:0}.how-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-block-start:var(--space-5)}.method-links{gap:var(--space-5);flex-wrap:wrap;margin-block-start:var(--space-6);display:flex}.page-intro{padding-block:var(--space-6) var(--space-10)}.page-intro h1{font-size:clamp(2rem,4vw,3.25rem)}.catalogue-group{border-block-start:1px solid var(--color-border);padding-block:var(--space-8)}.catalogue-group h2 a{color:inherit}.catalogue-grid{gap:var(--space-4);display:grid}.compact-calculator-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.compact-calculator,.category-index a,.project-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-primary);text-decoration:none}.compact-calculator{align-content:center;gap:var(--space-1) var(--space-3);min-block-size:4.5rem;padding:var(--space-3) var(--space-4);grid-template-columns:minmax(0,1fr) auto;display:grid}.compact-calculator strong,.compact-calculator small,.category-index strong,.category-index small,.project-card strong,.project-card small,.project-card em,.project-card>span{display:block}.compact-calculator small,.category-index small,.project-card small{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.compact-calculator>span{color:var(--color-primary);grid-area:1/2/span 2;align-self:center}.compact-calculator:hover,.category-index a:hover,.project-card:hover,.guide-grid a:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.category-index{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.category-index a{align-content:center;gap:var(--space-1) var(--space-3);min-block-size:5.5rem;padding:var(--space-4);grid-template-columns:minmax(0,1fr) auto;display:grid}.category-index a>span{color:var(--color-primary);grid-area:1/2/span 2;align-self:center}.catalog-category-index{gap:var(--space-2);flex-wrap:wrap;margin-block-end:var(--space-8);display:flex}.catalog-category-index a{border:1px solid var(--color-border);min-block-size:2.5rem;padding-inline:var(--space-3);background:var(--color-surface);color:var(--color-text-primary);font-size:var(--font-size-sm);border-radius:999px;align-items:center;text-decoration:none;display:inline-flex}.project-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.project-card{align-content:start;gap:var(--space-2);min-block-size:10rem;padding:var(--space-5);display:grid}.project-card strong{font-size:var(--font-size-lg)}.project-card em{color:var(--color-text-muted);font-size:var(--font-size-xs);font-style:normal}.project-card>span{color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);margin-block-start:auto}.guide-topic+.guide-topic{margin-block-start:var(--space-8)}.guide-topic h3{border-block-end:1px solid var(--color-border);padding-block-end:var(--space-2)}.guide-topic>p,.project-intro,.project-limitations p{max-inline-size:48rem;color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.guide-list{margin:var(--space-4) 0 0;padding:0;list-style:none}.guide-list li{border-block-end:1px solid var(--color-border)}.guide-list a{min-block-size:var(--touch-target);gap:var(--space-1) var(--space-4);padding-block:var(--space-3);color:var(--color-text-primary);grid-template-columns:minmax(0,1fr) auto;align-items:center;text-decoration:none;display:grid}.guide-list a:hover{color:var(--color-primary)}.guide-list strong,.guide-list small{grid-column:1;display:block}.guide-list a:not(:has(>span)){grid-template-columns:minmax(0,1fr)}.guide-list small{color:var(--color-text-secondary)}.guide-list a span{color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);grid-area:1/2/span 2}@media (width<=48rem){.guide-list a{gap:var(--space-2);grid-template-columns:minmax(0,1fr)}.guide-list a span{grid-area:auto/1}}.workflow-list{gap:var(--space-3);counter-reset:workflow;margin:0;padding:0;list-style:none;display:grid}.workflow-list li{gap:var(--space-4);grid-template-columns:6.5rem minmax(0,1fr);align-items:start;display:grid}.workflow-marker{padding-block:var(--space-3);color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase}.workflow-list h3{font-size:var(--font-size-md);margin:0}.workflow-list p{margin-block:var(--space-1) var(--space-2);color:var(--color-text-secondary)}.workflow-list a{min-block-size:var(--touch-target);color:var(--color-primary);font-weight:var(--font-weight-bold);align-items:center;display:inline-flex}.information-list p,.category-scope p{margin-block:var(--space-2) 0;color:var(--color-text-secondary)}.information-list{gap:var(--space-6);max-inline-size:var(--container-reading);display:grid}.information-list section{border-block-start:1px solid var(--color-border);padding-block-start:var(--space-5)}.activity-empty-compact{border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);padding:var(--space-4);background:var(--color-surface-muted)}.category-tool{justify-content:space-between;align-items:center;gap:var(--space-6);margin-block-end:var(--space-8);display:flex}.category-tool h2{margin-block:var(--space-2);font-size:var(--font-size-2xl)}.category-tool p:not(.eyebrow){color:#c6d2e2;max-inline-size:46rem}.category-tool .eyebrow{color:#8cc5ff}.large-icon{color:#7eb0ff;font-size:clamp(4rem,9vw,8rem)}.category-explain{grid-template-columns:repeat(3,minmax(0,1fr))}.guide-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));margin-block-start:var(--space-5);display:grid}.guide-grid a{border:1px solid var(--color-border);border-radius:var(--radius-md);gap:var(--space-1) var(--space-3);min-block-size:var(--touch-target);padding:var(--space-4);background:var(--color-surface);color:var(--color-text-primary);grid-template-columns:minmax(0,1fr) auto;text-decoration:none;display:grid}.guide-grid small{color:var(--color-text-secondary)}.guide-grid span{grid-area:1/2/span 2}.publication-note{border-inline-start:4px solid var(--color-primary);margin-block:var(--space-4) var(--space-10);padding:var(--space-4) var(--space-5);background:var(--color-primary-soft)}.publication-note p{margin-block-start:0}@media (width<=64rem){.home-hero{grid-template-columns:minmax(0,1fr)}.trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=42rem){.compact-calculator-grid,.category-index,.project-grid,.guide-grid{grid-template-columns:minmax(0,1fr)}.workflow-list li{gap:var(--space-1);grid-template-columns:minmax(0,1fr)}.workflow-list>li>span{padding-block:0}.home-hero{padding:var(--space-5)}.activity-grid,.trust-grid,.how-grid,.guide-grid{grid-template-columns:1fr}.section-heading,.category-tool{flex-direction:column;align-items:flex-start}.large-icon{display:none}.product-card{grid-template-columns:auto minmax(0,1fr)}.product-card>span:last-child{display:none}}.saved-tools{min-width:0;margin-top:2rem}.saved-tools button{min-height:44px;padding:.6rem 1rem}.saved-tools fieldset{border:1px solid var(--color-border);border-radius:12px;padding:1rem}.saved-variant-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:.5rem;display:grid}.saved-variant-list label{overflow-wrap:anywhere;align-items:center;gap:.6rem;min-height:44px;display:flex}.saved-variant-list small{color:var(--color-text-muted)}.saved-backup{border-top:1px solid var(--color-border);flex-wrap:wrap;align-items:end;gap:1rem;margin-top:1rem;padding-top:1rem;display:flex}.saved-backup p{flex-basis:100%}.saved-backup>div{flex:240px;min-width:0}.saved-backup label{margin-bottom:.5rem;display:block}.saved-comparison-scroll{overflow-x:auto}.saved-comparison table{border-collapse:collapse;width:100%}.saved-comparison th,.saved-comparison td{text-align:start;border-bottom:1px solid var(--color-border);overflow-wrap:anywhere;min-width:120px;padding:.75rem}.saved-comparison th{color:var(--color-text-primary)}.saved-comparison caption{text-align:start;color:var(--color-text-muted);padding:.75rem 0}.saved-tools button,.project-progress button{border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-primary);font:inherit;cursor:pointer;border-radius:8px;font-weight:600}.saved-tools>button{background:var(--color-primary);color:var(--color-on-primary);margin-top:1rem}.saved-tools button:hover:not(:disabled),.project-progress button:hover:not(:disabled){border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.saved-tools button:disabled,.project-progress button:disabled{background:var(--color-surface-muted);color:var(--color-text-muted);cursor:default}.saved-tools button:focus-visible,.project-progress button:focus-visible,.saved-comparison-scroll:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}.saved-variant-list input{accent-color:var(--color-primary)}.saved-variant-list label:focus-within{outline:2px solid var(--color-primary);outline-offset:2px}.saved-file-name{overflow-wrap:anywhere;color:var(--color-text-secondary);margin-top:.35rem;display:block}.saved-comparison th{overflow-wrap:normal}.saved-comparison th:first-child{background:var(--color-surface);min-width:160px;position:sticky;left:0}.saved-scroll-hint{color:var(--color-text-secondary)}