/* Website product story. Scoped to the public page; no workspace/auth styles. */
.product-page[data-product="websites"]{--web-ink:#203454;--web-muted:#748198;--web-line:#e3e8ee;background:#fff;color:var(--web-ink)}
.product-page[data-product="websites"] .site-header{background:#ffffffed;background-image:none;border-bottom:1px solid var(--web-line)}
.product-page[data-product="websites"] .button{background:var(--web-ink);border-radius:999px;box-shadow:none;font-size:12px;min-height:46px;padding:13px 22px;gap:18px}
.product-page[data-product="websites"] .button .arrow-box{background:none;width:auto;height:auto;font-size:15px}
.product-page[data-product="websites"] .button:hover{background:#385682;transform:translateY(-1px)}
.product-page[data-product="websites"] .website-hero{max-width:1328px;margin:auto;padding:30px 48px 74px;border-inline:1px solid var(--web-line);background:radial-gradient(ellipse at 80% 60%,#f0f3f950,transparent 65%)}
.website-hero .product-breadcrumb{margin:0 0 38px;font-size:10px}
.website-hero-grid{display:grid;grid-template-columns:.82fr 1.18fr;align-items:center;gap:72px}
.website-hero-copy>.eyebrow{font-size:9px;letter-spacing:.16em;color:#526da3}
.website-hero-copy h1{font:400 clamp(46px,4.6vw,67px)/1.02 'Instrument Serif',serif;letter-spacing:-.025em;margin:24px 0}
.website-hero-copy h1 em{color:#526b98;font-weight:400}
.website-hero-copy>p{max-width:355px;font-size:14px;line-height:1.85;color:var(--web-muted);margin:0 0 29px}
.website-hero-copy .product-actions{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:20px;margin:0}
.website-hero-copy .product-actions>a{font-size:11px;color:var(--web-ink)}
.web-studio{min-width:0;--site-accent:#3c5f54;--site-wash:#edf1e8}
.web-studio-tabs{display:flex;gap:6px;justify-content:center;margin:0 0 20px}
.web-studio-tabs button{font-size:11px;padding:10px 13px;color:#8390a3;border-radius:999px;min-height:40px;transition:background .2s,color .2s}
.web-studio-tabs button span{font:9px 'DM Mono',monospace;margin-right:7px;color:#93a0b5}
.web-studio-tabs button[aria-selected="true"]{background:#edf2fa;color:#203454}
.web-browser{border:1px solid #dfe5ed;border-radius:14px;background:white;box-shadow:0 20px 65px #253e5c0b;overflow:hidden}
.web-browser-bar{height:40px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--web-line);font:8px 'DM Mono',monospace;color:#8390a5}
.web-browser-dots{letter-spacing:3px;color:#bac4d3}
.web-site{position:relative;padding:22px 26px 0;background:var(--site-wash);color:var(--site-accent);transition:background .25s,color .25s;min-height:300px}
.web-site-nav{display:flex;align-items:center;justify-content:space-between;font-size:8px;gap:15px}
.web-site-nav strong{font:18px 'Instrument Serif',serif;letter-spacing:-.02em}
.web-site-content{position:relative;z-index:1;padding-top:21px;width:75%}
.web-site-content>small{font:7px 'DM Mono',monospace;letter-spacing:.12em}
.web-site-content h2{font:400 clamp(29px,2.8vw,36px)/1.03 'Instrument Serif',serif;letter-spacing:-.025em;overflow-wrap:anywhere;margin:12px 0 15px;min-height:65px;color:inherit}
.web-site-content>span{display:inline-block;background:var(--site-accent);color:#fff;font-size:8px;border-radius:999px;padding:10px 16px}
.web-house{display:block;width:100%;height:96px;margin-top:4px;color:var(--site-accent)}
.web-assistant-launch{position:absolute;right:17px;bottom:18px;display:flex;align-items:center;gap:8px;border:1px solid #e3e8ee;background:#fff;border-radius:999px;padding:7px 12px 7px 7px;font-size:9px;color:#263a56;box-shadow:0 5px 14px #2134540c}
.web-orb{display:block;flex:none;width:25px;height:25px;border-radius:50%;background:radial-gradient(at 25% 25%,#e7e8df,transparent 60%),radial-gradient(at 75% 20%,#c4d4e8,transparent 70%),conic-gradient(from 80deg,#758daa,#d9d9ef,#8aa8c1,#203e68,#b9c9d8);box-shadow:inset -3px -3px 7px #23456a15}
.web-panel{border-top:1px solid var(--web-line);padding:16px 22px;min-height:137px;background:#fff}
.web-panel[hidden]{display:none!important}
.web-edit-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:10px;font-size:10px;color:#607086}
.web-reset{font-size:9px;color:#6980a0;text-decoration:underline;text-underline-offset:3px}
.web-headline-input{width:100%;border:0;border-bottom:1px solid #dce3ed;border-radius:0;background:transparent;font:12px 'DM Sans',sans-serif;color:#203454;padding:6px 0 11px;outline-offset:3px}
.web-palette{display:flex;gap:13px;margin-top:16px;align-items:center;font-size:9px;color:#8994a4}
.web-palette button{width:23px;height:23px;border-radius:50%;border:3px solid white;box-shadow:0 0 0 1px #dfe5ed;background:var(--swatch)}
.web-palette button[aria-pressed="true"]{box-shadow:0 0 0 1px #526b91}
.web-palette>small{margin-left:auto;font-size:9px}
.web-chat-panel{padding:17px 21px}
.web-chat-title{display:flex;align-items:center;gap:8px;font-size:10px;margin-bottom:12px}
.web-chat-question{font-size:10px;border:1px solid #dce4ef;border-radius:999px;padding:7px 11px;color:#587299;margin:0 6px 5px 0;min-height:32px}
.web-chat-answer{font-size:11px;line-height:1.65;margin:10px 0 0;max-width:45ch;color:#65768e}
.web-launch-list{display:flex;flex-wrap:wrap;gap:8px 18px;margin-bottom:14px}
.web-launch-list label{display:flex;align-items:center;gap:6px;font-size:10px;color:#63748b;cursor:pointer}
.web-launch-list input{accent-color:#506f98;width:13px;height:13px}
.web-launch-action{display:flex;align-items:center;justify-content:space-between;gap:14px}
.web-launch-action>p{font-size:10px;line-height:1.65;max-width:25ch;color:#8592a4;margin:0}
.web-launch-action button{background:#203454;color:white;border-radius:999px;font-size:10px;padding:10px 15px;min-height:38px}
.web-launch-action button:disabled{background:#eff2f6;color:#93a0b2;cursor:default}
.web-sample-note{text-align:center;font-size:9px;line-height:1.7;color:#929dae;margin:15px 0 0}
.web-review-dialog{border:1px solid #e0e6ef;border-radius:18px;padding:35px;max-width:min(430px,calc(100vw - 32px));color:#203454;background:white;box-shadow:0 24px 85px #1b315233}
.web-review-dialog::backdrop{background:#23365555;backdrop-filter:blur(3px)}
.web-review-dialog h2{font:35px 'Instrument Serif',serif;margin:0 0 14px}
.web-review-dialog p{font-size:13px;line-height:1.8;color:#75849b;margin-bottom:24px}
.product-page[data-product="websites"] .product-anchor-nav{background:#fff;border-color:var(--web-line);font-size:10px}
.product-page[data-product="websites"] .product-section{max-width:1328px;margin:auto;border-color:var(--web-line);padding:78px 48px;background:#fff}
.product-page[data-product="websites"] .product-section-heading h2,.product-page[data-product="websites"] .product-pricing-section h2,.product-page[data-product="websites"] .product-faq h2{font:400 clamp(35px,3.6vw,49px)/1.07 'Instrument Serif',serif;letter-spacing:-.02em;color:var(--web-ink)}
.product-page[data-product="websites"] .product-section-heading>p{font-size:13px;max-width:430px;line-height:1.8;color:var(--web-muted)}
.product-page[data-product="websites"] .product-steps{gap:35px}
.product-page[data-product="websites"] .product-steps article{border-top:1px solid var(--web-line);border-radius:0;padding:20px 0;background:none;box-shadow:none}
.product-page[data-product="websites"] .product-steps h3{font-size:16px;margin:17px 0 10px}
.product-page[data-product="websites"] .product-steps p{font-size:12px;line-height:1.8;max-width:30ch;color:var(--web-muted)}
.web-conversation{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:80px}
.web-conversation h2{font:400 clamp(37px,3.8vw,51px)/1.07 'Instrument Serif',serif;margin:20px 0}
.web-conversation h2 em{color:#526b98}
.web-conversation p{font-size:13px;line-height:1.85;color:var(--web-muted);max-width:370px;margin-bottom:18px}
.web-conversation .text-link{font-size:11px;margin-top:8px}
.web-conversation .web-scope{font-size:10px;margin-top:19px;color:#8a96a8;max-width:360px}
.web-inquiry{position:relative;min-height:300px;display:flex;flex-direction:column;justify-content:center;padding:40px 35px;background:radial-gradient(ellipse at 40% 30%,#eef1f8 0,transparent 65%)}
.web-inquiry-question{align-self:flex-end;background:white;border:1px solid var(--web-line);border-radius:18px 18px 5px 18px;padding:13px 19px;font-size:12px;max-width:85%;box-shadow:0 8px 25px #20345405}
.web-inquiry-reply{display:flex;align-items:center;gap:12px;font-size:12px;line-height:1.7;max-width:300px;margin:26px 0;color:#677b99}
.web-inquiry-reply .web-orb{width:42px;height:42px}
.web-inquiry-line{height:27px;border-left:1px dashed #acbbce;margin:0 0 14px 21px}
.web-inquiry-record{margin-left:21px;border:1px solid #dce4ee;border-radius:12px;padding:20px 22px;background:#fff;box-shadow:0 10px 30px #20345406}
.web-inquiry-record>small{font:8px 'DM Mono',monospace;letter-spacing:.12em;color:#8291a6}
.web-inquiry-record>strong{display:block;font-size:15px;font-weight:500;margin:11px 0 4px}
.web-inquiry-record>span{font-size:10px;color:#8a96a7}
.web-inquiry-record>div{margin-top:17px;padding-top:12px;border-top:1px solid #edf0f5;display:flex;justify-content:space-between;font-size:9px;color:#71829b}
.product-page[data-product="websites"] .service-capability-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:0 80px}
.product-page[data-product="websites"] .service-capability-groups{min-width:0}
.product-page[data-product="websites"] .service-capability-group{background:#fff;border:0;border-bottom:1px solid var(--web-line);border-radius:0;box-shadow:none}
.product-page[data-product="websites"] .service-capability-group>summary{padding:22px 0}
.product-page[data-product="websites"] .service-capability-items{grid-template-columns:1fr}
.product-page[data-product="websites"] .service-capability-items article{padding:15px 0;background:none;border:0;border-radius:0}
.product-page[data-product="websites"] .service-capability-items p{font-size:12px;line-height:1.8}
.product-page[data-product="websites"] .service-scope{grid-column:2;padding:20px 0;background:none;border:0;margin:0}
.product-page[data-product="websites"] .service-scope p{font-size:10px;line-height:1.8}
.web-legacy-preview{grid-column:1/-1;margin-top:32px;border-top:1px solid var(--web-line)}
.web-legacy-preview>summary{cursor:pointer;color:#6c809e;padding:18px 0;font-size:11px;list-style:none}
.web-legacy-preview .product-preview{max-width:100%;margin:0;box-shadow:none}
.product-page[data-product="websites"] .product-pricing-section{gap:70px;align-items:center;border-top:1px solid var(--web-line)}
.product-page[data-product="websites"] .product-pricing-section>div>p{font-size:13px;line-height:1.8;color:var(--web-muted)}
.product-page[data-product="websites"] .product-price{background:white;border:1px solid var(--web-line);border-radius:14px;padding:35px;box-shadow:0 12px 35px #20345404}
.product-page[data-product="websites"] .price-value{font:58px 'Instrument Serif',serif;letter-spacing:-.025em;color:#203454;margin:15px 0}
.product-page[data-product="websites"] .price-value small{font:11px 'DM Sans',sans-serif;letter-spacing:0;color:#8491a3;margin-left:8px}
.product-page[data-product="websites"] .product-price>p{font-size:12px;line-height:1.8;color:#75849b}
.product-page[data-product="websites"] .price-terms{font-size:10px;line-height:1.8;color:#8994a7}
.product-page[data-product="websites"] .plan-scope{background:#fff;border-top:0;margin-top:0;padding-top:5px}
.product-page[data-product="websites"] .plan-scope-item{background:#fff;border-radius:0;border:0;border-bottom:1px solid var(--web-line)}
.product-page[data-product="websites"] .related-products a{background:white;border:0;border-top:1px solid var(--web-line);border-radius:0;padding:24px 0}
.product-page[data-product="websites"] .product-close{background:#f7f9fc;border-color:var(--web-line);padding:80px 24px}
.product-page[data-product="websites"] .product-close h2{font:49px/1.06 'Instrument Serif',serif}
.product-page[data-product="websites"] .product-close p{font-size:13px}
@media(max-width:1050px){.website-hero-grid{gap:36px;grid-template-columns:.85fr 1.15fr}.web-site{padding-inline:20px}.web-conversation,.product-page[data-product="websites"] .service-capability-section{gap:35px}.product-page[data-product="websites"] .website-hero,.product-page[data-product="websites"] .product-section{padding-inline:30px}.website-hero-copy h1{font-size:49px}.web-site-content h2{font-size:32px}}
@media(max-width:760px){.product-page[data-product="websites"] .website-hero{padding:24px 21px 45px}.website-hero .product-breadcrumb{margin-bottom:35px}.website-hero-grid{grid-template-columns:1fr;gap:38px}.website-hero-copy h1{font-size:49px;max-width:12ch}.website-hero-copy>p{font-size:13px;margin-bottom:24px}.website-hero-copy .product-actions{flex-direction:row;align-items:center;gap:18px}.web-studio-tabs{justify-content:flex-start;gap:3px}.web-studio-tabs button{font-size:10px;padding:9px}.web-site{min-height:355px}.web-site-content h2{font-size:36px}.web-site-content{width:75%}.web-panel{padding:17px;min-height:145px}.web-palette>small{font-size:8px}.web-browser-bar{font-size:7px}.web-launch-list{gap:10px}.web-launch-action>p{max-width:19ch}.product-page[data-product="websites"] .product-section{padding:50px 22px}.web-conversation,.product-page[data-product="websites"] .service-capability-section{grid-template-columns:1fr;gap:25px}.web-conversation h2{font-size:41px}.web-inquiry{min-height:300px;padding:22px 6px}.web-inquiry-record{margin-left:10px}.web-inquiry-line{margin-left:20px}.product-page[data-product="websites"] .service-scope{grid-column:1}.product-page[data-product="websites"] .product-pricing-section{gap:44px}.product-page[data-product="websites"] .product-price{padding:26px}.product-page[data-product="websites"] .product-close h2{font-size:42px}}
@media(prefers-reduced-motion:reduce){.web-site,.web-studio-tabs button,.product-page[data-product="websites"] .button{transition:none}}

.product-page[data-product="websites"] .service-capability-section .product-section-heading{min-width:0;max-width:100%;width:auto}
.product-page[data-product="websites"] .service-capability-section .product-section-heading h2,.product-page[data-product="websites"] .service-capability-section .product-section-heading>p{max-width:100%}
.product-page[data-product="websites"] .service-capability-groups{grid-template-columns:1fr}
.product-page[data-product="websites"] .product-section-heading h2 em{color:#526b98}