:root{color-scheme:light dark;--ink:#18181b;--muted:#52525b;--subtle:#71717a;--line:#e4e4e7;--line-strong:#d4d4d8;--surface:#fafaf9;--surface-soft:#f4f4f5;--surface-raised:#fff;--accent:#0f766e;--accent-dark:#0d5f59;--accent-ink:#fff;--accent-soft:#e6f2f1;--focus:#2563eb;--good:#15803d;--good-soft:#ecfdf3;--warn:#b45309;--bad:#be123c;--radius:.5rem;--shadow-sm:0 1px 2px #18181b0d;--shadow-md:0 4px 16px #18181b14;--content:72rem;--mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;color:var(--ink);background:var(--surface);font-synthesis:none;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--ink:#e8e8eb;--muted:#a1a1aa;--subtle:#8b8b94;--line:#27272a;--line-strong:#3f3f46;--surface:#0c0c0e;--surface-soft:#141417;--surface-raised:#18181b;--accent:#2dd4bf;--accent-dark:#5eead4;--accent-ink:#042f2c;--accent-soft:#10302d;--focus:#60a5fa;--good:#4ade80;--good-soft:#0f2a1a;--warn:#fbbf24;--bad:#fb7185;--shadow-sm:none;--shadow-md:0 4px 16px #0006}}*{box-sizing:border-box}html{touch-action:manipulation;min-width:20rem;scroll-padding-top:4.5rem;overflow-x:hidden}body{background:var(--surface);-webkit-font-smoothing:antialiased;min-height:100dvh;margin:0;line-height:1.6}a{color:var(--accent);text-decoration-color:color-mix(in srgb, currentColor 40%, transparent);text-underline-offset:.2em}a:hover{color:var(--accent-dark);text-decoration-color:currentColor}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.container{width:min(100% - 2rem, var(--content));margin-inline:auto}.skip-link{z-index:100;top:max(.5rem, env(safe-area-inset-top));color:var(--surface);background:var(--ink);padding:.7rem 1rem;position:fixed;left:.75rem;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.site-header{z-index:30;padding-top:env(safe-area-inset-top);border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--surface) 92%, transparent);backdrop-filter:saturate(1.4)blur(8px);position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:1rem;min-height:3.5rem;display:flex}.brand{min-height:2.75rem;color:var(--ink);letter-spacing:-.01em;align-items:center;gap:.55rem;font-size:1.05rem;font-weight:700;text-decoration:none;display:inline-flex}.brand span{width:1.6rem;height:1.6rem;color:var(--accent-ink);background:var(--accent);border-radius:.35rem;place-items:center;font-size:1rem;line-height:1;display:grid}.brand:hover{color:var(--ink)}.desktop-nav{display:none}.mobile-nav{position:relative}.mobile-nav summary{cursor:pointer;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface-raised);place-items:center;min-width:4rem;min-height:2.5rem;font-size:.92rem;font-weight:600;list-style:none;display:grid}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav nav{z-index:20;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-raised);width:min(18rem,100vw - 2rem);box-shadow:var(--shadow-md);padding:.35rem;display:grid;position:absolute;top:calc(100% + .5rem);right:0}.mobile-nav nav a,.desktop-nav a{min-height:2.75rem;color:var(--muted);border-radius:.375rem;align-items:center;padding-inline:.75rem;font-weight:500;text-decoration:none;display:flex}.mobile-nav nav a:hover,.desktop-nav a:hover{color:var(--ink);background:var(--surface-soft)}.hero{border-bottom:1px solid var(--line);padding-block:clamp(3rem,8vw,5.5rem)}.hero-copy{max-width:46rem}.hero-grid{align-items:center;gap:clamp(2rem,5vw,4rem);display:grid}.eyebrow{color:var(--accent);letter-spacing:.04em;text-transform:uppercase;margin:0 0 .6rem;font-size:.8rem;font-weight:600}h1,h2,h3,p{overflow-wrap:anywhere}h1,h2,h3{color:var(--ink);text-wrap:balance}h1{letter-spacing:-.025em;margin:0;font-size:clamp(2rem,5vw,3.25rem);font-weight:700;line-height:1.1}.hero h1{max-width:18ch}h2{letter-spacing:-.015em;font-size:clamp(1.35rem,3vw,1.75rem);font-weight:650;line-height:1.25}h3{font-size:1.1rem;font-weight:650;line-height:1.35}.lede{max-width:42rem;color:var(--muted);margin-block:1rem 0;font-size:clamp(1.02rem,1.6vw,1.15rem)}.hero-actions{flex-wrap:wrap;gap:.75rem;margin-top:1.75rem;display:flex}.button{border-radius:var(--radius);border:1px solid #0000;justify-content:center;align-items:center;min-height:2.75rem;padding-inline:1.1rem;font-weight:600;text-decoration:none;display:inline-flex}.button-primary{color:var(--accent-ink);background:var(--accent)}.button-primary:hover{color:var(--accent-ink);background:var(--accent-dark)}.button-secondary{border-color:var(--line-strong);color:var(--ink);background:var(--surface-raised)}.button-secondary:hover{color:var(--ink);background:var(--surface-soft)}.hero-proof{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-raised);max-width:32rem;box-shadow:var(--shadow-sm);padding:clamp(1.25rem,3vw,1.75rem)}.formula{font-family:var(--mono);flex-wrap:wrap;align-items:center;gap:.5rem;margin-block:1rem 1.5rem;font-size:.9rem;display:flex}.formula b{color:var(--subtle);font-weight:400}.formula span,.formula strong{border:1px solid var(--line);background:var(--surface-soft);border-radius:.35rem;padding:.35rem .6rem}.formula strong{color:var(--accent-ink);background:var(--accent);border-color:#0000;font-weight:600}.hero-proof dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:0;display:grid}.hero-proof dl div{border-top:1px solid var(--line);min-width:0;padding-top:.85rem}.hero-proof dt{color:var(--muted);font-size:.78rem}.hero-proof dd{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:.2rem 0 0;font-size:clamp(.9rem,2vw,1rem);font-weight:650}.section{padding-block:clamp(2.5rem,6vw,4rem)}.section-heading{max-width:42rem;margin-bottom:1.5rem}.section-heading h2,.section-heading p{margin-block:0 .5rem}.section-heading p,.card p{color:var(--muted)}.card-grid{gap:1rem;display:grid}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-raised);min-width:0;padding:1.25rem}.category-card{flex-direction:column;transition:border-color .12s;display:flex;position:relative}.category-card:hover{border-color:var(--line-strong)}.category-card .card-link{margin-top:auto}.category-card .card-link:after{content:"";position:absolute;inset:0}.category-aws{--card-accent:#c2410c}.category-gcp{--card-accent:#1d4ed8}.category-ai{--card-accent:#7c3aed}.category-startup{--card-accent:#047857}.category-career{--card-accent:#be123c}@media (prefers-color-scheme:dark){.category-aws{--card-accent:#fb923c}.category-gcp{--card-accent:#60a5fa}.category-ai{--card-accent:#a78bfa}.category-startup{--card-accent:#34d399}.category-career{--card-accent:#fb7185}}.card-mark{color:var(--card-accent,var(--accent));font-family:var(--mono);letter-spacing:.04em;align-self:flex-start;align-items:center;gap:.4rem;margin-bottom:.75rem;font-size:.75rem;font-weight:600;display:inline-flex}.card-mark:before{content:"";background:currentColor;border-radius:2px;width:.5rem;height:.5rem}.card h3,.card p{margin-block:0 .5rem}.card-link{align-items:center;min-height:2.75rem;font-weight:600;text-decoration:none;display:inline-flex}.card-link:hover{text-decoration:underline}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-raised);padding:clamp(1.25rem,3vw,1.75rem)}.panel>h2:first-child,.panel>p:first-child{margin-top:0}.prose{max-width:46rem;margin-top:2rem}.section.prose,.section>.prose:first-child{margin-top:0}.prose p,.prose li{color:color-mix(in srgb, var(--ink) 85%, var(--muted))}.prose li+li{margin-top:.35rem}.calculator-intro{max-width:50rem;margin-bottom:1.75rem}.calculator-page{padding-top:.5rem;position:relative}.calculator-page h1{font-size:clamp(1.85rem,4vw,2.6rem)}.calculator-grid,.calculator-form{gap:1rem;display:grid}.calculator-form button{border:1px solid var(--line-strong);border-radius:var(--radius);color:var(--ink);background:var(--surface-raised);cursor:pointer;justify-self:start;padding-inline:1rem;font-weight:500}.results{border-color:color-mix(in srgb, var(--accent) 35%, var(--line));background:var(--surface-raised);box-shadow:inset 0 3px 0 var(--accent);overflow:hidden}.results h2{letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin-block:0;font-size:clamp(1.9rem,5vw,2.75rem);font-weight:700}.results [data-annual]{color:var(--muted);font-variant-numeric:tabular-nums;margin-block:.25rem 0}.results dl:not(:empty){border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;gap:.5rem 1rem;margin:1.25rem 0 0;padding-top:1rem;font-size:.95rem;display:grid}.results dt{color:var(--muted)}.results dd{font-variant-numeric:tabular-nums;text-align:right;margin:0;font-weight:600}.share-controls{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.share-controls button{border:1px solid var(--line-strong);border-radius:var(--radius);min-height:2.5rem;color:var(--ink);background:var(--surface-raised);cursor:pointer;padding-inline:.85rem;font-size:.92rem;font-weight:500}.share-controls button:hover,.calculator-form button:hover{background:var(--surface-soft)}.calculator-page>.prose{border-top:1px solid var(--line);margin-top:3rem;padding-top:2rem}.calculator-page>.prose>h2:first-child{margin-top:0}.verification{color:var(--good);background:var(--good-soft);border-radius:999px;flex-wrap:wrap;gap:.35rem;padding:.3rem .7rem;font-size:.875rem;display:inline-flex}.source-link a{font-weight:600}.share-controls [role=status]{color:var(--muted);align-self:center;font-size:.9rem}@media (width>=58rem){.calculator-grid{grid-template-columns:minmax(0,1fr) minmax(20rem,1fr);align-items:start}.results{position:sticky;top:4.5rem}}.breadcrumbs{color:var(--subtle);padding-block:1rem;font-size:.875rem}.breadcrumbs a{color:var(--muted);text-decoration:none}.breadcrumbs a:hover{color:var(--ink);text-decoration:underline}.breadcrumbs ol{flex-wrap:wrap;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.breadcrumbs li:not(:last-child):after{color:var(--line-strong);content:"/";margin-left:.35rem}label{margin-bottom:.35rem;font-size:.92rem;font-weight:600;display:block}input,select,textarea,button{min-height:2.75rem;font:inherit;font-size:1rem}input,select,textarea{border:1px solid var(--line-strong);border-radius:var(--radius);width:100%;color:var(--ink);background:var(--surface-raised);font-variant-numeric:tabular-nums;padding:.6rem .75rem;transition:border-color .12s,box-shadow .12s}input:hover,select:hover,textarea:hover{border-color:var(--subtle)}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 20%, transparent);outline:none}input:user-invalid,textarea:user-invalid{border-color:var(--bad)}.table-wrap{overscroll-behavior-inline:contain;max-width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--line);text-align:left;font-variant-numeric:tabular-nums;padding:.65rem .75rem}th{color:var(--muted);font-size:.85rem;font-weight:600}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;min-height:3rem;padding-block:.75rem;font-weight:600;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{color:var(--subtle);content:"+";flex:none;font-size:1.25rem;font-weight:400}.faq details[open] summary:after{content:"−"}.faq summary:hover{color:var(--accent)}.faq details p{color:var(--muted);margin-top:0}.home-guide-copy h3{margin-top:2rem}.site-footer{padding-block:2rem calc(2rem + env(safe-area-inset-bottom));border-top:1px solid var(--line);color:var(--muted);background:var(--surface-soft);margin-top:3rem;font-size:.9rem}.site-footer strong{color:var(--ink)}.site-footer a{color:var(--muted);text-decoration:none}.site-footer a:hover{color:var(--ink);text-decoration:underline}.footer-inner,.site-footer nav{flex-wrap:wrap;gap:.6rem 1.25rem;display:flex}.footer-inner{flex-direction:column}.footer-inner p{margin:0}.tool-list{gap:.5rem;margin:1rem 0 2rem;padding:0;list-style:none;display:grid}.prose .tool-list li+li{margin-top:0}.tool-list a{border:1px solid var(--line);border-radius:var(--radius);min-height:2.75rem;color:var(--ink);background:var(--surface);justify-content:space-between;align-items:center;gap:.75rem;padding:.6rem .9rem;font-weight:500;text-decoration:none;display:flex}.tool-list a:after{color:var(--subtle);content:"→"}.tool-list a:hover{border-color:var(--accent);color:var(--accent)}@media (width>=44rem){.container{width:min(100% - 3rem, var(--content))}.card-grid,.tool-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=58rem){.hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(22rem,.85fr)}.desktop-nav{gap:.1rem;display:flex}.desktop-nav a{min-height:2.25rem;padding-inline:.55rem;font-size:.875rem}.mobile-nav{display:none}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.insights{gap:.5rem;margin:1.25rem 0 0;padding:0;list-style:none;display:grid}.insights:empty{display:none}.insights li{border:1px solid var(--line);border-left:3px solid var(--accent);background:var(--surface);border-radius:.375rem;padding:.65rem .85rem;font-size:.9rem;line-height:1.5}.insights li[data-tone=warn]{border-left-color:var(--warn)}.insights li[data-tone=bad]{border-left-color:var(--bad)}.insights li[data-tone=good]{border-left-color:var(--good)}.detail{margin-top:1rem;overflow-x:auto}.detail h2{margin-top:0;font-size:1.1rem}.detail h2:not(:first-child){margin-top:1.5rem}.detail table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.9rem}.detail th,.detail td{border-bottom:1px solid var(--line);text-align:right;white-space:nowrap;padding:.5rem .65rem}.detail th:first-child,.detail td:first-child{text-align:left}.detail th{color:var(--muted);font-weight:600}.detail tbody tr:hover td{background:var(--surface-soft)}.detail tr[data-highlight] td{color:var(--accent);background:var(--accent-soft);font-weight:650}.share-bar{background:var(--accent);vertical-align:middle;border-radius:999px;min-width:2px;height:.5rem;display:inline-block}
