/* Calm surfaces, clear information hierarchy and deliberate motion. */
:root{--paper:#d4dde1;--surface:#c9d5da;--white:#e2e8eb;--ink:#152731;--muted:#3e515e;--line:#9bafb9;--accent:#b5e76f;--accent-ink:#005b63;--glow-opacity:.09;color-scheme:light}
:root[data-theme=dark]{--paper:#06090d;--surface:#111a21;--white:#142029;--ink:#edf5fa;--muted:#bdccd6;--line:#415660;--accent:#b5e76f;--accent-ink:#8ee8e7;--glow-opacity:.12;color-scheme:dark}
body{font-size:16px;color:var(--ink)}
[hidden]{display:none!important}
p,.small,.note,.field-help,.selection-explainer,.care-response,.care-example{color:var(--muted)}
.small,.field-help,.selection-explainer,.note,.project>p,.check-list,.check-option small,.service-table article>p{font-size:14px;line-height:1.65}
.eyebrow{color:var(--muted);font-weight:700}.section-top p{font-size:16px;line-height:1.7;max-width:650px}.section-top{margin-bottom:38px}.section{padding-top:80px;padding-bottom:64px}
.hero-description{color:var(--muted);font-size:17px}.cyber-haze{opacity:.35}.cyber-grid{opacity:.18}.cursor-aura{opacity:.65}.hero-copy h1 .accent-word{background-image:linear-gradient(100deg,var(--accent-ink),#52529e)}
[data-theme=dark] .hero-copy h1 .accent-word{background-image:linear-gradient(100deg,#90e5e4,#b5a7fb)}
.brand-symbol{width:44px;height:44px}.brand-symbol svg{width:100%;height:100%;overflow:visible}.brand-symbol .logo-signal{stroke:var(--accent-ink)}
.brand-symbol .logo-trace{opacity:0}.header .logo-trace{animation:draw-letter 1.35s ease both}.header .logo-shell{animation:build-letter 1.35s cubic-bezier(.2,.8,.2,1) both;transform-origin:32px 34px}.header .logo-signal{animation:signal-letter 1.7s ease both}
@keyframes draw-letter{0%{opacity:1;stroke-dasharray:1;stroke-dashoffset:1}70%{opacity:1;stroke-dashoffset:0}100%{opacity:0;stroke-dashoffset:0}}
@keyframes build-letter{0%,20%{opacity:0;transform:translateY(4px) scale(.96)}75%,100%{opacity:1;transform:none}}
@keyframes signal-letter{0%,65%{opacity:0;transform:translateX(-8px)}100%{opacity:1;transform:none}}
.theme-toggle,.menu-toggle{height:44px;min-width:44px;align-items:center;justify-content:center}.theme-toggle svg{width:20px;height:20px;display:block}.menu-glyph{width:20px;height:20px;display:block;position:relative;flex:0 0 20px;transform:none}
.menu-glyph i{position:absolute;width:7px;height:7px;border:1.5px solid currentColor;background:none;transform:none!important;transition:all .25s;left:0;top:0}.menu-glyph i:nth-child(2){left:13px;top:0}.menu-glyph i:nth-child(3){left:0;top:13px}.menu-glyph i:nth-child(4){left:13px;top:13px}
.menu-toggle[aria-expanded=true] .menu-glyph i{width:24px;height:2px;border:0;background:currentColor;left:-2px;top:9px;border-radius:1px;transform:rotate(45deg)!important}.menu-toggle[aria-expanded=true] .menu-glyph i:nth-child(2){transform:rotate(-45deg)!important}.menu-toggle[aria-expanded=true] .menu-glyph i:nth-child(n+3){opacity:0}
.preview-controls button{width:40px;height:40px;min-width:40px}.preview-controls{align-items:center}.button{min-height:52px}.button span[aria-hidden],.mobile-shortcuts a>span{display:inline-grid;place-items:center;line-height:1;flex-shrink:0}
.old-price{margin-top:24px;font-size:21px;line-height:1.4;font-weight:650;color:#745057}.old-price s{text-decoration-color:#9e334b;text-decoration-thickness:2.5px}.price-card.featured .old-price,[data-theme=dark] .old-price{color:#e2b7bc}.price-card.featured .old-price s,[data-theme=dark] .old-price s{text-decoration-color:#ff8fa1}.price-card .price{font-size:46px;font-weight:800;color:var(--ink);margin:6px 0 26px}.price-card .price small{font-size:27px;vertical-align:baseline;color:inherit}.price-card .price span{font-size:28px}.price-card.featured .price{color:#d9f9ad}.price-card .check-list{font-size:14px}.price-card.featured p,.price-card.featured .eyebrow,.price-card.featured .check-list{color:#c6d7df}.price-card h3{font-size:29px}.price-card>p{font-size:15px;min-height:50px}.package-price{font-size:40px;font-weight:800;color:var(--accent-ink)}.table-price{font-size:24px;font-weight:750;color:var(--ink)}.table-price .old-price{font-size:20px;margin:0 0 5px}.table-price>small{font-size:13px;font-weight:500;color:var(--muted)}.price-bottom p{font-size:14px;max-width:650px}.package-row h4{font-size:16px}.package-row p{font-size:15px}.limit{font-size:14px}.limit p{font-size:14px}
.product-routes{display:grid;grid-template-columns:1fr 1fr;border-block:1px solid var(--line);margin-top:35px;gap:32px}.product-routes a{padding:27px 0;display:grid;grid-template-columns:1fr auto;gap:15px}.product-routes a>span{grid-column:1/-1;font-family:Pixel,monospace;font-size:8px;color:var(--accent-ink)}.product-routes b{font-size:17px}.product-routes strong{font-size:16px;color:var(--accent-ink)}.product-routes a:hover b{text-decoration:underline;text-underline-offset:5px}
.estimate-section{background:var(--surface);padding-block:70px}.estimate-grid{align-items:start;gap:50px;grid-template-columns:minmax(0,1.3fr) minmax(320px,.8fr)}.estimate-grid fieldset{min-width:0;margin-bottom:38px}.estimate-grid legend{font-size:20px;line-height:1.5;margin-bottom:22px}.estimate-grid legend>span{font-family:Pixel,monospace;font-size:9px;line-height:1.8}.estimate-grid label{font-size:15px}.selection-explainer{margin-top:18px}.selection-explainer p{margin:7px 0}.selection-explainer p:first-child{font-weight:700;color:var(--ink)}.included-callout{padding:22px;margin:23px 0 0;background:var(--white)}.included-callout h4{margin:12px 0 16px;font-size:20px}.included-callout .check-list{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;margin:0}.included-callout .check-list li{padding:0 0 0 19px;border:0;font-size:13px;position:relative}.included-callout .check-list li:before{position:absolute;left:0;top:0}.extra-group{margin-top:24px}.extra-group h4{font-size:15px;letter-spacing:.01em;margin-bottom:14px;color:var(--ink)}.check-option{min-height:112px;padding:17px;gap:13px}.check-option>span{font-size:14px;font-weight:700}.check-option small{font-size:13px;font-weight:400;line-height:1.55;margin-top:8px}.check-option input{width:19px;height:19px;margin-top:2px;accent-color:var(--accent-ink)}.check-option:has(input:disabled){opacity:1;background:var(--surface)}.extra-state{font-size:12px}.monthly-options{display:grid;gap:24px}.monthly-options>div{padding:0;border:0}.monthly-options label{display:block;font-weight:700;margin-bottom:10px}
.quote{padding:28px;position:sticky;top:calc(var(--header-height) + 18px);max-height:calc(100dvh - var(--header-height) - 34px);overflow:auto;scrollbar-width:thin}.quote h3{font-size:25px;line-height:1.3;margin-top:20px}.quote-summary strong{font-size:48px;letter-spacing:-.04em;line-height:1.25;white-space:normal}.quote .small,.quote p,.quote-note,.quote .eyebrow{color:#c2d3dc}.quote-breakdown li{font-size:13px;gap:8px 15px;position:relative}.quote-old{font-size:16px;color:#e2b7bc;order:-1;margin:0;flex-basis:100%}.quote-old s{text-decoration-color:#ff8fa1;text-decoration-thickness:2px}.quote #quote-items{font-size:12px}.quote-note{font-size:13px}.quote .monthly-breakdown>div{font-size:13px}.quote .monthly-line span{font-size:14px}.quote .button{width:100%;font-size:13px;padding:15px 12px}
.support-plain{max-width:850px;margin-bottom:28px}.support-plain h3{font-size:27px;margin-bottom:15px}.support-plain p{font-size:16px}.time-example{display:flex;gap:18px;align-items:center;background:var(--surface);border-left:3px solid var(--accent-ink);padding:16px 20px;margin-top:22px;font-size:14px}.time-example b{font-family:Pixel,monospace;font-size:9px;color:var(--accent-ink)}.care-card h3{font-size:26px}.care-card .price{font-size:40px;font-weight:750}.care-card p,.care-response{font-size:14px}.care-note{margin-top:25px;padding:25px;display:flex;align-items:center;justify-content:space-between;gap:24px}.care-note p{font-size:14px;margin-top:8px}.growth-compact{display:flex;align-items:center;gap:50px;border-top:1px solid var(--line);padding-top:38px;margin-top:42px}.growth-compact>div{flex:1}.growth-compact h3{font-size:30px;margin:12px 0}.growth-compact p{font-size:15px;max-width:600px}.growth-compact>a{flex-shrink:0}.promotion-category .section-intro{font-size:16px;line-height:1.7}.promotion-category>h3{font-size:30px}.promotion-category .service-table article{grid-template-columns:1fr .6fr 1.4fr}.service-table h3{font-size:22px;line-height:1.3}.terms-grid p{font-size:14px;line-height:1.7}.support-price-intro p{font-size:15px}
.brief-layout{grid-template-columns:240px minmax(0,1fr);gap:50px}.brief-panel{padding:34px;border:1px solid var(--line);box-shadow:none}.brief-steps-nav button{font-size:15px;min-height:52px}.brief-steps-nav button span{font-family:Pixel,monospace;font-size:9px}.brief-sidebar .small{font-size:13px;line-height:1.6;margin-top:25px}.brief-direct{display:inline-block;font-size:13px;margin-top:25px}.brief-progress{font-size:13px;color:var(--muted);margin-bottom:24px}.brief-fields{display:grid;grid-template-columns:1fr;gap:22px}.brief-fields label{font-size:15px;font-weight:650;line-height:1.5}.brief-fields input,.brief-fields textarea{font-size:16px;line-height:1.6;background:var(--paper);border-color:var(--line);padding:14px 16px}.brief-fields textarea{min-height:100px}.brief-fields :is(input,textarea)::placeholder{color:var(--muted);opacity:.9;font-size:14px;font-weight:400}.brief-more{margin-top:25px;padding:18px 0;border-block:1px solid var(--line)}.brief-more summary{display:flex;align-items:center;gap:14px;font-size:14px;font-weight:650;cursor:pointer}.brief-more summary small{font-size:12px;color:var(--muted);font-weight:400}.brief-more summary span{margin-left:auto}.brief-more .brief-fields{padding-top:24px}.brief-controls{margin-top:26px;gap:16px}.brief-result{margin-top:26px;border-top:2px solid var(--accent-ink);padding-top:24px}.brief-result h3{font-size:28px}.brief-result .small{font-size:13px}.brief-actions{display:flex;flex-wrap:wrap;gap:12px}.brief-actions .button{font-size:13px}.brief-result summary{display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:15px}.brief-result pre{max-height:350px;overflow:auto}.faq summary{font-size:21px}.faq details p{font-size:15px}.faq details summary>span,.brief-more summary>span,.brief-result summary>span{position:relative;display:block;width:24px;height:24px;flex:0 0 24px;border:1px solid var(--line);border-radius:50%;font-size:0;color:var(--accent-ink)}.faq summary>span:before,.faq summary>span:after,.brief-more summary>span:before,.brief-more summary>span:after,.brief-result summary>span:before,.brief-result summary>span:after{content:'';position:absolute;left:6px;top:10px;width:10px;height:2px;background:currentColor;border-radius:1px;transform:none}.faq summary>span:after,.brief-more summary>span:after,.brief-result summary>span:after{transform:rotate(90deg)}details[open]>summary>span:after{transform:rotate(0deg)}
.select-shell{position:relative;min-width:0;margin-top:11px}.select-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:54px;padding:14px 17px;text-align:left;border:1px solid var(--line);background:var(--white);color:var(--ink);border-radius:10px;font-family:inherit;font-size:15px;line-height:1.5;font-weight:500;cursor:pointer}.select-trigger>span:first-child{min-width:0}.select-chevron{width:9px;height:9px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:rotate(45deg);flex:0 0 9px;margin-right:3px;margin-top:-5px;transition:transform .2s}.select-trigger[aria-expanded=true] .select-chevron{transform:rotate(225deg);margin-top:4px}.select-trigger:focus-visible{outline:2px solid var(--accent-ink);outline-offset:3px}.select-shell.is-open{z-index:35}.select-list{position:absolute;left:0;right:0;top:calc(100% + 7px);border:1px solid var(--accent-ink);border-radius:12px;padding:6px;background:var(--white);color:var(--ink);box-shadow:0 16px 40px #06121d30;max-height:270px;overflow:auto;scrollbar-width:thin;animation:select-in .16s ease-out;isolation:isolate}.select-list>button{display:block;min-height:47px;width:100%;padding:12px 14px;text-align:left;border:0;border-radius:7px;background:transparent;color:var(--ink);font:inherit;font-size:14px;line-height:1.5;cursor:pointer}.select-list>button[aria-selected=true]{font-weight:750;color:var(--accent-ink)}.select-list>button:hover,.select-list>button.is-active{background:var(--surface);box-shadow:inset 3px 0 var(--accent-ink)}@keyframes select-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.reveal:not(.revealed){opacity:1;transform:translateY(15px)}.reveal.revealed{opacity:1;transform:none}.service-num,.card-top>.eyebrow,.project-index,.price-filter button,.footer-meta>span{font-family:Pixel,monospace;font-size:8px;line-height:1.9}.price-filter button{font-size:8px;padding:12px;min-height:44px}.card-top>.eyebrow{font-size:7px}.project-index{font-size:8px}.footer p{font-size:14px}
@media(max-width:1100px){.estimate-grid{gap:28px;grid-template-columns:minmax(0,1fr) 330px}.price-card .price{font-size:36px}.price-card h3{font-size:25px}.quote-summary strong{font-size:39px}.product-routes a{grid-template-columns:1fr}.brief-layout{grid-template-columns:200px minmax(0,1fr);gap:30px}}
@media(max-width:900px){.estimate-grid{grid-template-columns:1fr}.quote{position:static;max-height:none;overflow:visible}.quote-summary strong{font-size:46px}.brief-layout{grid-template-columns:1fr}.brief-steps-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.brief-steps-nav button{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:14px;font-size:13px}.brief-sidebar .small{display:none}.brief-direct{margin-top:18px}.growth-compact{flex-direction:column;align-items:flex-start;gap:20px}.included-callout .check-list{gap:12px 20px}}
@media(max-width:600px){body{font-size:15px}.section{padding-top:60px;padding-bottom:40px}.brand-symbol{width:37px;height:37px}.menu-toggle{padding-inline:12px}.hero-description,.section-top p{font-size:15px}.hero .eyebrow{font-size:8px}.hero-bottom{font-size:13px}.hero-copy h1{letter-spacing:-.05em}.price-card .price{font-size:43px}.old-price{font-size:21px}.price-card>p{min-height:0}.price-card h3{font-size:29px}.price-card .check-list{font-size:14px}.package-price{font-size:34px}.package-row h3{font-size:28px}.product-routes{grid-template-columns:1fr;gap:0}.product-routes a+a{border-top:1px solid var(--line)}.product-routes a{padding:22px 0;gap:12px;grid-template-columns:1fr}.product-routes strong{font-size:20px}.estimate-grid legend{font-size:19px;gap:14px}.included-callout{padding:19px}.included-callout .check-list{grid-template-columns:1fr}.check-option{padding:17px;min-height:100px}.check-option>span{font-size:15px}.check-option small{font-size:14px}.quote{padding:25px}.quote-summary strong{font-size:43px}.quote h3{font-size:28px}.quote-breakdown li{font-size:13px}.quote-breakdown li b{max-width:52%}.care-note{display:block}.care-note a{display:inline-block;margin-top:17px}.time-example{align-items:flex-start;flex-direction:column;gap:12px}.support-plain h3{font-size:24px}.support-plain p{font-size:15px}.care-card h3{font-size:27px}.promotion-category .service-table article{grid-template-columns:1fr;gap:12px}.promotion-category>h3{font-size:27px}.service-table h3{font-size:23px}.table-price{font-size:27px}.brief-layout{gap:22px}.brief-panel{padding:22px 18px}.brief-steps-nav button{padding:12px 9px;font-size:11px}.brief-steps-nav button span{font-size:8px}.brief-more summary{flex-wrap:wrap;font-size:13px;gap:6px}.brief-more summary small{font-size:11px}.brief-controls .button{padding:13px;font-size:13px}.brief-result h3{font-size:25px}.brief-actions{display:grid;grid-template-columns:1fr}.brief-actions .button{width:100%;font-size:14px}.select-trigger,.select-list>button{font-size:16px}.select-list{max-height:240px}.select-trigger{padding:14px}.faq summary{font-size:18px}.preview-controls button{width:38px;height:38px;min-width:38px}.price-filter button{font-size:7px;padding:11px 9px}.price-hero .button{font-size:12px}.download-strip a{font-size:15px}}
@media(max-width:360px){.menu-toggle{width:44px;padding:0}.quote-summary strong{font-size:37px}.price-card .price{font-size:37px}.price-card{padding:24px}.brief-panel{padding:22px 15px}.brief-step legend{font-size:25px}.brief-steps-nav button{font-size:10px;padding:12px 7px}.package-price{font-size:30px}}
.menu-toggle[aria-expanded=true] .menu-glyph{transform:none}.menu-toggle[aria-expanded=true] .menu-glyph i:nth-child(-n+2){opacity:1;right:auto;bottom:auto}.mobile-menu a{opacity:1;animation:none}
@media(prefers-reduced-motion:reduce){.header .logo-shell,.header .logo-signal{animation:none}.header .logo-trace{animation:none;opacity:0}.reveal:not(.revealed){transform:none}.select-list{animation:none}}
