/* KohinoorHosting Pulse Studio v19 — shared visual theme. Component behavior: elite.css. */
:root { --ink:#272329; --ink-deep:#1d191e; --muted:#69616a; --green:#bf243e; --green-dark:#991d32; --green-pale:#fff0f3; --line:#e9e3e7; --soft:#f7f6f8; --radius:16px; --shadow:0 18px 55px rgb(37 20 31 / 8%); }
html { scroll-padding-top:102px; }
body { color:var(--ink); background:#fff; }
.wrap { width:min(1240px,calc(100% - 64px)); }
h1,h2,h3 { letter-spacing:-.04em; }
em { font-family:inherit; font-style:normal; font-weight:inherit; color:var(--green); }
::selection { background:#f6c8d2; color:#30121c; }
:where(a,button,summary,input,select,textarea):focus-visible { outline:3px solid #cd3852; outline-offset:4px; }
.button { min-height:50px; border-radius:7px; padding:13px 21px; background:var(--green); border-color:var(--green); box-shadow:none; font-size:.86rem; }
.button:hover { background:var(--green-dark); box-shadow:0 5px 18px rgb(168 33 58 / 16%); transform:translateY(-1px); }
.button.secondary { border-color:#d8cdd3; color:#3e343d; background:#fff; }
.button.secondary:hover { border-color:var(--green); background:#fff5f7; color:var(--green); box-shadow:none; }
.eyebrow { color:var(--green); font-size:.68rem; letter-spacing:.115em; }
.icon-tile { background:#fff0f3; border-color:#fae2e8; color:var(--green); border-radius:12px; }
.header { background:#fff; border-bottom:1px solid #ece6e9; }
.nav-row { min-height:84px; }
.brand-logo-image { width:230px; }
.account-links { border-color:#e7dfe4; }
.dropdown-panel { border-radius:12px; border-color:#e8e1e5; box-shadow:0 20px 55px rgb(32 15 26 / 13%); }
.dropdown-link { border-radius:8px; }
.dropdown-icon,.dropdown-link:nth-of-type(3n+2) .dropdown-icon,.dropdown-link:nth-of-type(3n) .dropdown-icon { background:#fff0f3; color:#b62740; border-color:#f6dfe5; border-radius:10px; }
.dropdown-link:hover,.dropdown-link[aria-current=page] { background:#fff4f6; border-color:#f2d8df; }
.dropdown-link[aria-current=page] strong::after { color:#b62740; }
.dropdown-help { color:#ae263e; }
.product-nav { background:#faf9fa; border-bottom:1px solid #eae4e8; }
.product-nav-inner { display:flex; align-items:center; gap:25px; min-height:53px; }
.product-nav-home { display:flex; align-items:center; gap:8px; flex:none; padding-right:24px; border-right:1px solid #ded6dd; font-size:.76rem; font-weight:740; }
.product-nav-home svg { color:var(--green); }
.product-nav-links { display:flex; min-width:0; gap:5px; padding-block:6px; overflow-x:auto; scrollbar-width:thin; }
.product-nav-links a { display:flex; align-items:center; gap:6px; flex:none; min-height:38px; padding:8px 12px; white-space:nowrap; border-radius:5px; font-size:.72rem; font-weight:600; color:#5b5059; }
.product-nav-links a:hover,.product-nav-links a[aria-current=page] { background:#f3e8ed; color:#8d263c; }
.product-nav-links a span { background:#fce0e7; color:#a42842; border-radius:4px; padding:1px 5px; font-size:.64rem; }
/* Warm charcoal, with no navy. Original illustration is decorative, not telemetry. */
.pulse-hero,.topic-hero { background:radial-gradient(ellipse at 83% 45%,#50232f 0,transparent 48%),#211c21; color:#fff; }
.hero::before { display:none; }
.hero-grid { grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); gap:60px; align-items:center; padding-block:70px 64px; }
.hero-copy h1 { font-size:clamp(3.1rem,5.25vw,4.75rem); line-height:1.04; font-weight:780; }
.hero-copy h1 em { color:#ff6f85; }
.hero-copy .eyebrow { color:#f5b7c3; margin-bottom:23px; font-size:.66rem; }
.hero-copy .dot { background:#ff7187; box-shadow:0 0 0 5px rgb(246 99 128 / 10%); }
.pulse-tagline { color:#fff; font-size:1.25rem; font-weight:640; line-height:1.5; margin-top:20px; letter-spacing:-.025em; }
.hero-copy .lead { max-width:570px; margin:14px 0 24px; font-size:.95rem; color:#d5cbd2; line-height:1.8; }
.pulse-benefits { display:grid; grid-template-columns:1fr 1fr; gap:14px 20px; list-style:none; padding:0; margin:0 0 30px; max-width:540px; }
.pulse-benefits li { display:flex; align-items:center; gap:9px; font-size:.8rem; color:#e8dfe5; }
.pulse-benefits svg { color:#ff8ea1; }
.hero-copy .actions { gap:12px; }
.pulse-hero .button { background:#d3314d; border-color:#d3314d; color:#fff; }
.pulse-hero .button:hover { background:#b4253e; border-color:#b4253e; }
.pulse-hero .button.secondary,.topic-grid > div:first-child .button.secondary { background:transparent; border-color:#71616c; color:#fff; }
.pulse-hero .button.secondary:hover,.topic-grid > div:first-child .button.secondary:hover { background:#3c2c35; border-color:#ba8f9f; }
.hero-offer-note { color:#c1b3bc; font-size:.69rem; line-height:1.7; max-width:550px; margin-top:16px; }
.hero-offer-note svg { color:#ea9bb0; }
.pulse-hero-bottom { border-top:1px solid rgb(238 210 224 / 12%); background:rgb(0 0 0 / 8%); }
.pulse-hero-bottom .wrap { display:flex; align-items:center; justify-content:space-between; gap:20px; padding-block:19px; }
.pulse-hero-bottom .wrap > span { display:flex; align-items:center; gap:8px; flex-wrap:wrap; color:#cabac5; font-size:.76rem; }
.pulse-hero-bottom strong { color:#fff; font-weight:650; }
.pulse-hero-bottom a { display:flex; gap:8px; align-items:center; color:#ffaabc; font-size:.73rem; font-weight:650; }
.trust-section { background:#fff; border-bottom:1px solid #eee8ec; }
.trust-grid { padding-block:26px; }
.trust-grid article > span { background:#fff1f4; color:#b12440; border-radius:10px; }
.trust-grid strong { font-size:.77rem; }
.trust-grid small { font-size:.67rem; }
.section { padding-block:80px; }
.section-head h2,.center-head h2 { font-size:clamp(2rem,3.2vw,3rem); }
.section-head > p { font-size:.88rem; }
.center-head { text-align:center; max-width:700px; margin:0 auto 42px; }
.center-head .eyebrow { justify-content:center; margin-bottom:12px; }
.center-head > p:last-child { margin-top:17px; font-size:.88rem; }
.pulse-services { background:#f7f6f8; }
.service-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; }
.service-card { background:#fff; padding:28px 23px 24px; border:1px solid #e8e2e7; border-radius:12px; box-shadow:0 7px 23px rgb(36 20 32 / 3%); transition:transform .2s,border-color .2s; }
.service-card:hover { border-color:#d9a0b1; transform:translateY(-3px); }
.service-icon { width:61px; height:61px; display:grid; place-items:center; border-radius:16px; background:linear-gradient(135deg,#fff3f6,#fbe4eb); color:#bc2c49; margin-bottom:24px; }
.service-card h3 { font-size:1.15rem; line-height:1.25; letter-spacing:-.025em; }
.service-card > p { font-size:.74rem; line-height:1.75; margin-top:12px; min-height:62px; }
.service-price { min-height:130px; padding-top:23px; }
.service-price > span,.service-price > small { display:block; font-size:.64rem; color:#786874; }
.service-price > strong { display:block; color:#2e212b; font-size:2.2rem; line-height:1.3; letter-spacing:-.04em; margin-block:8px 5px; }
.service-price > strong small { font-size:.65rem; font-weight:450; letter-spacing:0; color:#72616e; }
.service-price > .service-custom { font-size:1.2rem; margin-block:15px; letter-spacing:-.02em; }
.service-card .button { font-size:.72rem; padding:10px 11px; min-height:46px; gap:7px; }
.service-card:first-child .button { background:var(--green); color:#fff; border-color:var(--green); }
.service-card ul { list-style:none; padding:18px 0 0; margin:20px 0 0; border-top:1px solid #eee8ed; display:grid; gap:11px; }
.service-card li { display:flex; align-items:flex-start; gap:7px; font-size:.69rem; color:#62545f; }
.service-card li svg { color:#b62743; }
.service-help { display:flex; justify-content:center; align-items:center; gap:8px; flex-wrap:wrap; margin-top:29px; color:#74636f; font-size:.76rem; }
.service-help > svg { color:var(--green); }
.service-help a { display:flex; gap:6px; align-items:center; color:var(--green); font-weight:650; min-height:40px; }
#plans { background:#fff; }
.sale-banner { border:1px solid #f0d8e0; background:#fff5f7; border-radius:9px; }
.sale-banner-icon { background:#fbe1e8; color:#a8223e; border-radius:8px; }
.sale-banner small { color:#795864; }
.sale-banner-badge { background:#bf243e; border-radius:5px; }
.billing-switch { border-radius:8px; background:#f7f3f5; }
.billing-option { border-radius:5px; color:#6c5060; min-height:44px; }
.billing-option.active { background:#bf243e; color:#fff; box-shadow:none; }
.billing-option.active span { color:#fff; }
.pricing-controls p { font-size:.75rem; }
.plan-finder { background:#faf8fa; border-radius:10px; }
.finder-options button { color:#674755; border-color:#e2d6dd; border-radius:6px; }
.plan-card,.plan-card.featured-plan { background:#fff; padding:30px 26px 25px; border-radius:13px; border:1px solid #e4dbe1; box-shadow:0 8px 30px rgb(43 22 35 / 4%); }
.plan-card.featured-plan { border:2px solid #c63955; padding:29px 25px 24px; background:linear-gradient(180deg,#fff2f5,#fff 33%); }
.plan-card:hover { transform:translateY(-2px); border-color:#c98b9f; }
.plan-card.selected { box-shadow:0 0 0 3px #f2bfd0,var(--shadow); }
.plan-badge { border-radius:5px; background:#fce5ed; color:#aa2846; }
.plan-badge.popular { background:#b52a45; color:#fff; }
.plan-icon { background:#fff0f4; color:#b32c49; border-radius:12px; }
.plan-label { color:#785764; }
.dual-price { background:#faf7f9; border-color:#eee3e9; border-radius:10px; }
.discount-pill { background:#f6dfe8; color:#9c2840; }
.currency-label,.regular-price-line,.regular-price-line del,.price-line span { color:#77616e; }
.price-line strong { color:#34212d; }
.savings-line,.savings-line strong,.usd-save,.usd-price > strong { color:#ad2342; }
.usd-price { border-color:#eadce4; }
.free-price-summary { background:#fff1f5; border-color:#f0d3df; color:#a32747; border-radius:9px; }
.free-price-summary small { color:#815567; }
.all-deals summary { color:#765063; }
.all-deals summary:hover { background:#fff3f7; }
.price-note { font-size:.73rem; line-height:1.7; }
.plan-microcopy { color:#7e5969; }
.comparison { border-radius:12px; }
.comparison thead,.comparison thead th { background:#f7f1f5; color:#785466; }
.comparison td:last-child { background:#fdf7fa; }
.agency-strip { background:#faf4f7; border-color:#ecdde5; border-radius:10px; }
.assurance-grid > a { border-radius:12px; }
.assurance-grid > a:hover { border-color:#dfb1c3; }
.domain-box { background:#f8f0f4; border-color:#ead9e3; border-radius:15px; }
.domain-box .eyebrow { color:#b7294d; }
.domain-input { border-color:#debecd; border-radius:9px; }
.soft,.project-section { background:#f7f6f8; border-color:#ece7ec; }
.project-card,.project-card:first-child { background:#fff; border-color:#e7dfe5; border-radius:13px; }
.project-card:hover { border-color:#d6a9bb; box-shadow:0 15px 30px rgb(50 20 36 / 6%); }
.project-card-label,.project-card-meta { color:#765b6a; }
.project-card .icon-tile { color:#aa3555; background:#fff0f5; border-color:#f5dce8; border-radius:13px; }
.project-card-arrow { color:#9f3151; border-color:#e9d8e1; }
.benefit-cards article { border-radius:12px; }
.steps article > span { color:#b02b4a; }
.dns-box { border-radius:12px; }
.copy-row button,.topic-dns button { color:#a62848; border-color:#ead3dd; background:#fff8fa; }
.migration-box { background:#f8f3f6; border-color:#e8dce4; border-radius:15px; }
.migration-list > div > span { color:#a8294d; }
.faq-list details { border-radius:9px; border-color:#e8dfe6; }
.faq-list summary { font-size:.88rem; }
.faq-list details[open] { background:#fff8fb; }
.final-box { background:radial-gradient(ellipse at 85% 0,#5e2c41,transparent 60%),#251e26; border:0; border-radius:16px; color:#fff; }
.final-box h2 em { color:#ff92ad; }
.final-box .eyebrow { color:#f2b0c6; }
.final-box > p:not(.eyebrow) { color:#d6c2cf; }
.final-box .button.secondary { background:transparent; color:#f7ecf2; border-color:#8b6379; }
footer { background:#211c22; color:#fff; border:0; }

.footer-about p,.footer-grid > div > a:not(.brand):not(.text-link),.footer-bottom { color:#c6b8c4; }
footer .text-link { color:#f0a7c0; }
.footer-grid h3 { color:#fff; font-size:.81rem; }
.footer-grid > div > a:not(.brand):not(.text-link) { font-size:.76rem; }
.footer-grid > div > a:hover,.footer-bottom a:hover { color:#fff; text-decoration:underline; text-underline-offset:4px; }
.footer-bottom { border-color:#45333f; }
.socials a { color:#f0d2e0; border-color:#725264; background:transparent; }
/* Distinct topic content and tools sit inside a consistent hosting layout. */
.topic-page { --topic-accent:#b32a4a; --topic-tint:#fff0f5; }
.accent-violet { --topic-accent:#775086; --topic-tint:#f2eaf7; }
.accent-blue { --topic-accent:#356d7a; --topic-tint:#eaf4f5; }
.accent-peach { --topic-accent:#926040; --topic-tint:#fff0e5; }
.topic-hero { padding-block:25px 58px; }
.breadcrumbs { color:#c9abbc; font-size:.67rem; margin-bottom:37px; }
.breadcrumbs a { color:#f1c6d9; }
.topic-grid { grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr); gap:65px; align-items:center; }
.topic-grid h1 { color:#fff; font-size:clamp(2.7rem,4.3vw,4rem); line-height:1.08; margin-top:22px; }
.topic-grid > div:first-child .eyebrow { color:#f4b8cf; font-size:.64rem; }
.topic-tagline { color:#ffb2ce; font-size:1.12rem; margin-top:19px; }
.topic-grid .lead { color:#d6c4d0; font-size:.9rem; line-height:1.85; margin-block:17px 23px; }
.topic-highlights { gap:12px 16px; }
.topic-highlights li { color:#ead4e1; font-size:.73rem; }
.topic-highlights svg,.topic-cta-note svg { color:#f99cbe; }
.topic-jump a { color:#f2b2cb; }
.topic-cta-note { color:#cdb1c1; font-size:.71rem; }
.topic-summary { color:#332630; background:#fff; border:1px solid rgb(255 255 255 / 40%); border-radius:16px; box-shadow:0 22px 60px rgb(9 5 10 / 20%); padding:0; }
.topic-visual { padding:26px; }
.visual-headline { font-size:2.15rem; }
.topic-plan-details { padding:24px 26px; }
.topic-plan-details .eyebrow { color:#a43153; }
.topic-summary h2 { font-size:1.4rem; margin-block:12px; }
.topic-plan-details .topic-price { color:#a9294d; font-size:1.8rem; }
.topic-plan-details .topic-facts li { background:#faf2f6; color:#785569; }
.topic-plan-details .topic-disclosure { font-size:.64rem; }
.page-sections { display:flex; flex-wrap:wrap; gap:8px; margin-block:25px 10px; border:0; }
.page-sections a { display:flex; justify-content:center; align-items:center; gap:8px; flex:1; padding:14px; border:1px solid #ece2e8; border-radius:7px; background:#faf7f9; color:#775365; font-size:.72rem; }
.page-sections a:hover { background:#fff0f5; border-color:#e1b5c8; }
.topic-tool-section { padding-top:35px; }
.tool-surface,.topic-content article,.decision-grid article { border-radius:12px; box-shadow:none; }
.tool-surface { border-color:#e7d8e2; }
.panel-tabs button[aria-selected=true] { background:#a92e50; border-color:#a92e50; color:#fff; }
.topic-related a { border-color:#e9dce5; border-radius:10px; }
.topic-related small { font-size:.73rem; }
.topic-final > .wrap { background:#fff1f6; border-color:#ecd2df; border-radius:13px; }
.topic-final .eyebrow { color:#aa2b50; }
.layout-business .topic-content article { border-top-color:#deb2c6; }
.layout-plans .topic-grid { max-width:970px; }
@media(min-width:1051px) {
 #navigation > .nav-link > .nav-icon,.nav-dropdown > summary > .nav-icon,.nav-login > .nav-icon { color:#bd2b47; }
}
@media(max-width:1100px) {
 .hero-grid,.topic-grid { gap:35px; }
 .service-grid { gap:15px; }
 .service-card { padding:24px 18px; }
 .service-card .button { font-size:.68rem; }
 .product-nav-inner { gap:16px; }
 .product-nav-home { padding-right:16px; }
 .product-nav-links a { padding-inline:9px; }
}
@media(max-width:1050px) {
 .nav-row { min-height:74px; }
 .menu-toggle { background:#fff7fa; border-color:#e6cdd8; color:#a3294c; border-radius:8px; }
 .mobile-menu-close { border-radius:8px; background:#fff4f8; border-color:#ebd3de; color:#ae2e53; }
 .mobile-intro p { color:#aa3152; }
 .mobile-intro strong { color:#34212c; }
 .mobile-shortcuts a,.mobile-shortcuts a:last-child { background:#fff1f6; border-color:#f0d6e2; color:#ac2f51; border-radius:10px; }
 .mobile-shortcuts span { color:#5e3b4a; }
 .nav-icon { background:#fff3f7; color:#b42e53; border-color:#f1dce6; border-radius:11px; }
 .nav-count { background:#f7e6ee; color:#9b3655; }
 .nav-copy small { color:#766570; }
 .nav-dropdown[open] > summary { background:#fff1f6; border-color:#edcddc; }
 #navigation > .nav-link:hover,.nav-dropdown > summary:hover,.nav-login:hover { background:#fff7fa; border-color:#f0dce6; }
 .dropdown-panel { background:#fffbfd; border-color:#efdae5; border-radius:10px; }
 .account-links { border-color:#ebdce4; }
 .nav-cta { border-radius:7px; }
 .nav-backdrop { background:rgb(28 17 25 / 57%); }
 .nav-chevron { color:#a8788d; }
 .hero-grid { padding-block:52px; }
 .hero-copy h1 { font-size:3.35rem; }
 .pulse-benefits { gap:12px; }
 .pulse-benefits li { font-size:.73rem; }
 .service-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
 .service-card { padding:28px; }
 .service-card > p { min-height:0; }
 .service-price { min-height:124px; }
 .service-card .button { font-size:.8rem; }
}
@media(max-width:900px) {
 .wrap { width:calc(100% - 44px); }
 .hero-grid { grid-template-columns:1fr; max-width:730px; gap:30px; }
 .hero-copy h1 { font-size:3.8rem; }
 .pulse-benefits { gap:16px 25px; }
 .pulse-benefits li { font-size:.8rem; }
 .hero-copy .lead { max-width:620px; }
 .product-nav-home { display:none; }
 .product-nav-links { width:100%; }
 .product-nav-links a { padding-inline:13px; }
 .topic-grid { grid-template-columns:1fr; gap:32px; }
 .topic-summary { display:grid; grid-template-columns:1fr 1fr; max-width:none; }
 .topic-grid h1 { max-width:750px; font-size:3.1rem; }
 .topic-grid .lead { max-width:690px; }
 .topic-highlights { max-width:650px; }
 .pulse-hero-bottom .wrap { flex-wrap:wrap; gap:10px; }
}
@media(max-width:640px) {
 .wrap { width:calc(100% - 36px); }
 .nav-row { min-height:70px; }
 .product-nav-inner { width:100%; padding-inline:18px; min-height:50px; }
 .product-nav-links { gap:2px; }
 .product-nav-links a { font-size:.7rem; padding-inline:10px; }
 .hero-grid { padding-block:38px 28px; gap:30px; }
 .hero-copy h1 { font-size:clamp(2.6rem,10.4vw,3.9rem); line-height:1.05; }
 .hero-copy .eyebrow { font-size:.56rem; letter-spacing:.09em; margin-bottom:20px; }
 .pulse-tagline { font-size:1.07rem; line-height:1.5; margin-top:20px; }
 .hero-copy .lead { font-size:.88rem; line-height:1.8; margin-block:13px 23px; }
 .pulse-benefits { gap:13px 12px; margin-bottom:25px; }
 .pulse-benefits li { font-size:.7rem; gap:7px; }
 .pulse-benefits svg { width:17px; }
 .hero-copy .actions { display:grid; grid-template-columns:1fr; }
 .hero-copy .button { min-height:51px; width:100%; font-size:.85rem; }
 .hero-offer-note { font-size:.66rem; margin-top:14px; }
 .pulse-hero-bottom .wrap { padding-block:18px; gap:11px; }
 .pulse-hero-bottom .wrap > span { font-size:.68rem; gap:6px; }
 .pulse-hero-bottom a { font-size:.68rem; min-height:36px; }
 .trust-grid { grid-template-columns:1fr 1fr; gap:22px 14px; padding-block:26px; }
 .trust-grid article { border:0; padding:0; gap:8px; }
 .trust-grid article > span { width:29px; height:33px; background:transparent; }
 .trust-grid article svg { width:21px; }
 .trust-grid strong { font-size:.69rem; }
 .trust-grid small { font-size:.62rem; }
 .section { padding-block:55px; }
 .section-head h2,.center-head h2 { font-size:2rem; }
 .section-head > p,.center-head > p:last-child { font-size:.82rem; }
 .center-head { margin-bottom:28px; }
 .center-head .eyebrow { font-size:.56rem; }
 .service-grid { grid-template-columns:1fr; gap:18px; }
 .service-card { padding:25px; position:relative; }
 .service-icon { float:right; width:48px; height:48px; margin:0 0 14px 14px; border-radius:12px; }
 .service-icon svg { width:28px; }
 .service-card h3 { font-size:1.15rem; padding-top:3px; }
 .service-card > p { max-width:230px; font-size:.78rem; }
 .service-price { padding-top:21px; min-height:120px; clear:both; }
 .service-price > span,.service-price > small { font-size:.69rem; }
 .service-card .button { font-size:.81rem; min-height:48px; }
 .service-card li { font-size:.76rem; }
 .service-help { font-size:.73rem; gap:5px; text-align:center; }
 .sale-banner { padding:16px; align-items:flex-start; }
 .sale-banner strong { font-size:.81rem; }
 .sale-banner small { font-size:.71rem; }
 .sale-banner-badge { display:none; }
 .pricing-controls { gap:14px; }
 .pricing-controls p { font-size:.69rem; }
 .billing-switch { width:100%; }
 .billing-option { flex:1; }
 .plan-card,.plan-card.featured-plan { padding:26px 22px; }
 .topic-hero { padding-block:22px 33px; }
 .breadcrumbs { font-size:.6rem; margin-bottom:27px; }
 .topic-grid h1 { font-size:clamp(2.2rem,9vw,3rem); margin-top:17px; }
 .topic-grid > div:first-child .eyebrow { font-size:.57rem; }
 .topic-tagline { font-size:1.02rem; line-height:1.45; }
 .topic-grid .lead { font-size:.85rem; line-height:1.8; }
 .topic-highlights { gap:12px; }
 .topic-highlights li { font-size:.71rem; }
 .topic-cta-note { font-size:.67rem; }
 .topic-summary { display:block; }
 .topic-visual,.topic-plan-details { padding:24px; }
 .visual-headline { font-size:2.05rem; }
 .page-sections { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:20px; }
 .page-sections a { font-size:.63rem; padding:12px 7px; }
 .topic-tool-section { padding-top:23px; }
 .faq-list summary { font-size:.81rem; }
 .topic-final > .wrap { padding:26px; }
 .footer-grid > div > a:not(.brand):not(.text-link) { font-size:.71rem; }
}
@media(max-width:360px) {
 .wrap { width:calc(100% - 28px); }
 .product-nav-inner { padding-inline:14px; }
 .hero-copy h1 { font-size:2.65rem; }
 .pulse-tagline { font-size:1rem; }
 .pulse-benefits { grid-template-columns:1fr; gap:11px; }
 .pulse-benefits li { font-size:.77rem; }
 .trust-grid { grid-template-columns:1fr; gap:17px; }
 .trust-grid strong { font-size:.76rem; }
 .trust-grid small { font-size:.66rem; }
 .topic-visual,.topic-plan-details { padding:21px; }
 .service-card { padding:23px; }
}

/* v15 Pulse Studio — quieter surfaces, useful product visuals and clearer choices. */
:root { --ink:#292329; --muted:#675f66; --green:#bd2543; --green-dark:#962039; --line:#e8e1e5; --soft:#f7f5f6; }
body { text-rendering:optimizeLegibility; }
[hidden] { display:none !important; }
.button { border-radius:10px; min-height:50px; }
.button svg { transition:transform .18s ease; }
.button:hover > svg:last-child { transform:translateX(2px); }
.icon-tile { border-radius:15px; background:linear-gradient(145deg,#fff,#fceaf0); border-color:#eddae2; box-shadow:inset 0 1px 0 #fff; }
.header.scrolled { box-shadow:0 5px 24px rgb(40 23 34 / 7%); }
.product-nav { background:#f8f6f7; }
.product-nav-links a { min-height:42px; border-radius:8px; }
.studio-hero { background:radial-gradient(ellipse at 85% 25%,#54313d 0,transparent 50%),linear-gradient(120deg,#241d23,#302129); }
.studio-hero .hero-grid { grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr); gap:clamp(30px,5vw,72px); padding-block:72px; }
.studio-hero h1 { font-size:clamp(3rem,5.25vw,4.85rem); font-weight:760; letter-spacing:-.055em; }
.studio-hero h1 em { color:#ff9cac; }
.studio-hero .hero-copy .eyebrow { font-size:.7rem; letter-spacing:.12em; margin-bottom:22px; }
.hero-mark { display:grid; place-items:center; width:29px; height:29px; border:1px solid #785361; background:#4c303e; border-radius:8px; }
.studio-hero .pulse-tagline { font-size:1.3rem; margin-top:21px; }
.studio-hero .lead { font-size:1rem; line-height:1.75; color:#dfd0d8; }
.studio-hero .pulse-benefits { margin-bottom:30px; gap:15px 20px; }
.studio-hero .pulse-benefits li { font-size:.82rem; }
.studio-hero .hero-offer-note { font-size:.74rem; color:#cdbcc6; max-width:490px; line-height:1.6; }
.hosting-workspace { color:#33252f; background:#fffafa; min-width:0; border:1px solid #9b7283; border-radius:22px; box-shadow:0 30px 70px rgb(10 4 9 / 22%); overflow:hidden; }
.workspace-top { display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:65px; padding:18px 24px; border-bottom:1px solid #ecdee5; background:#fff; }
.workspace-brand { display:flex; align-items:center; gap:10px; min-width:0; color:#b32949; }
.workspace-brand strong { color:#35262e; font-size:.82rem; font-weight:670; letter-spacing:-.015em; }
.workspace-label { color:#81566a; background:#f8edf2; border:1px solid #eedce5; padding:5px 8px; border-radius:6px; font-size:.65rem; white-space:nowrap; }
.workspace-intro { padding:28px 28px 20px; background:radial-gradient(ellipse at 100% 0,#f7d9e5,transparent 75%); }
.workspace-intro > span { font-size:.63rem; letter-spacing:.09em; font-weight:720; color:#91516c; }
.workspace-intro h2 { color:#402935; font-size:clamp(1.7rem,2.8vw,2.45rem); font-weight:700; line-height:1.13; margin-top:13px; letter-spacing:-.045em; }
.workspace-intro p { font-size:.77rem; color:#846978; margin-top:13px; }
.workspace-apps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; padding:4px 26px 24px; }
.workspace-apps a { display:flex; flex-direction:column; align-items:center; gap:10px; padding:15px 5px; border:1px solid #ebdfe5; background:#fff; border-radius:12px; transition:border-color .2s,background .2s; }
.workspace-apps a:hover { background:#fff0f5; border-color:#c4849f; }
.workspace-apps a > span { display:grid; place-items:center; width:39px; height:39px; border-radius:10px; background:#f9edf3; color:#ad3458; }
.workspace-apps a:nth-child(2) > span,.workspace-apps a:nth-child(5) > span { color:#77557b; background:#f3ecf5; }
.workspace-apps a:nth-child(3) > span,.workspace-apps a:nth-child(6) > span { color:#546961; background:#edf3ef; }
.workspace-apps strong { font-size:.68rem; font-weight:600; text-align:center; line-height:1.35; }
.workspace-offer { display:flex; align-items:center; gap:13px; margin:0 24px; padding:19px 18px; background:#342330; border:1px solid #573a4b; border-radius:13px; color:#fff; }
.workspace-offer-icon { display:grid; place-items:center; flex:none; height:44px; width:44px; background:#573649; color:#ffc0d4; border:1px solid #8b526e; border-radius:12px; }
.workspace-offer > div { min-width:0; }
.workspace-offer > div > span { font-size:.6rem; color:#e7b6cb; letter-spacing:.08em; font-weight:650; }
.workspace-offer strong { display:block; font-size:2rem; line-height:1.2; margin-block:6px; letter-spacing:-.04em; }
.workspace-offer strong small { color:#e6bcd0; font-size:.95rem; font-weight:500; letter-spacing:0; }
.workspace-offer p { color:#e3cad7; font-size:.68rem; }
.workspace-offer > a { flex:none; display:grid; place-items:center; width:44px; height:44px; margin-left:auto; border:1px solid #95617c; border-radius:50%; color:#ffcede; }
.workspace-offer > a:hover { background:#674256; }
.workspace-caption { font-size:.61rem; line-height:1.5; color:#857080; padding:13px 26px 17px; }
.pulse-hero-bottom { background:rgb(0 0 0 / 9%); }
.pulse-hero-bottom a { min-height:44px; }
.pulse-hero-bottom .wrap { padding-block:11px; }
.trust-grid { padding-block:28px; }
.trust-grid strong { font-size:.8rem; }
.trust-grid small { font-size:.71rem; }
.section { padding-block:88px; }
.section-head { margin-bottom:37px; }
.section-head > p { font-size:.94rem; line-height:1.75; }
.service-card { display:flex; flex-direction:column; border-radius:17px; padding:27px 22px; border-color:#e6dfe3; box-shadow:0 8px 24px rgb(30 17 25 / 3%); }
.service-icon { width:55px; height:55px; border-radius:15px; margin-bottom:24px; }
.service-card > p { font-size:.81rem; line-height:1.65; min-height:54px; }
.service-card li { font-size:.75rem; line-height:1.5; }
.service-price { min-height:132px; }
.service-price > span,.service-price > small { font-size:.7rem; }
.service-card .button { font-size:.76rem; margin-top:auto; border-radius:9px; }
.service-help { font-size:.82rem; }
.plan-finder { display:block; padding:25px; background:#f8f5f7; border:1px solid #e8dce4; border-radius:16px; margin-block:24px; }
.finder-heading { display:flex; align-items:center; gap:12px; margin-bottom:19px; }
.finder-heading strong { font-size:1.04rem; letter-spacing:-.025em; }
.finder-heading p { font-size:.79rem; margin-top:3px; }
.finder-heading .icon-tile { width:44px; height:44px; }
.finder-options { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; width:100%; }
.finder-options button { display:flex; align-items:center; text-align:left; gap:12px; min-width:0; padding:17px 14px; background:#fff; border:1px solid #e2d6df; border-radius:10px; color:#a73455; }
.finder-options button > span { min-width:0; }
.finder-options strong { display:block; color:#3d2b36; font-size:.82rem; font-weight:680; }
.finder-options small { display:block; margin-top:4px; font-size:.7rem; color:#7b6271; font-weight:400; }
.finder-options button > svg:last-child { margin-left:auto; }
.finder-options button:hover { border-color:#bc809b; }
.finder-options button[aria-pressed=true] { background:#fff0f5; border-color:#b52d50; box-shadow:0 0 0 1px #b52d50; color:#9f2446; }
.finder-result { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:8px 20px; margin-top:17px; }
.finder-result #recommendation { margin:0; font-size:.79rem; line-height:1.7; flex:1 1 460px; }
.finder-result .text-link { min-height:44px; font-size:.77rem; }
.plan-card,.plan-card.featured-plan { border-radius:18px; }
.plan-card.featured-plan { background:linear-gradient(180deg,#fcebf2,#fff 33%); }
.plan-card .features { line-height:1.75; }
.plan-card.selected { border-color:#b2294c; box-shadow:0 0 0 3px #f3c5d6,0 18px 38px rgb(67 26 43 / 8%); }
.plan-summary { font-size:.88rem; }
.plan-microcopy { font-size:.74rem; }
.pricing-foot { font-size:.77rem; }
.hosting-showcase { background:#f8f5f7; }
.showcase-grid { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); gap:20px; }
.showcase-grid article { min-width:0; border:1px solid #e7dce3; border-radius:20px; padding:32px; background:#fff; }
.showcase-grid article > .icon-tile { margin-bottom:23px; }
.showcase-grid p:not(.eyebrow) { font-size:.9rem; line-height:1.8; margin-block:17px; }
.showcase-grid h3 { font-size:1.55rem; }
.showcase-grid .text-link { min-height:44px; font-size:.85rem; }
.showcase-main { grid-row:span 2; background:linear-gradient(140deg,#fce8f0,#fff8fb) !important; display:flex; flex-direction:column; align-items:flex-start; }
.showcase-main .eyebrow { font-size:.68rem; }
.showcase-main h3 { font-size:clamp(2rem,3.2vw,3.15rem); margin-top:17px; font-weight:730; }
.showcase-app-row { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; width:100%; padding-top:34px; margin-top:auto; }
.showcase-app-row > span { display:grid; justify-items:center; gap:12px; padding:20px 5px; background:#fff; border:1px solid #ebdce4; border-radius:12px; color:#a63657; }
.showcase-app-row strong { color:#77536a; font-size:.7rem; font-weight:600; }
.showcase-small.showcase-help { background:#f5f1f7; }
.project-card { border-radius:18px; }
.project-card-arrow { background:#fff; border-color:#e2cdd9; }
.project-card h3 { font-size:1.55rem; }
.project-card p { font-size:.87rem; }
.migration-box,.domain-box { border-radius:22px; }
.faq-list details { border-radius:12px; }
.faq-list summary { font-size:.92rem; min-height:66px; }
.faq-list p { font-size:.87rem; line-height:1.85; }
.final-box { border-radius:22px; }
/* All nine topic pages receive useful quick facts and matching, larger icon tiles. */
.topic-hero { background:radial-gradient(ellipse at 90% 35%,#4e2a3b,transparent 60%),#251d25; padding-block:28px 65px; }
.topic-grid,.layout-plans .topic-grid { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr); max-width:none; text-align:left; gap:64px; }
.layout-plans .topic-summary { display:block; }
.layout-plans .topic-grid .eyebrow,.layout-plans .topic-grid .actions,.layout-plans .topic-highlights,.layout-plans .topic-cta-note { justify-content:flex-start; }
.layout-plans .topic-grid .lead { margin-inline:0; }
.topic-grid h1 { font-size:clamp(2.65rem,4.3vw,4.1rem); letter-spacing:-.05em; }
.topic-grid .lead { font-size:.97rem; }
.topic-summary { border-radius:20px; border-color:#ac7d94; }
.topic-plan-details { padding:25px 28px 28px; }
.topic-plan-details > p:not(.eyebrow) { font-size:.82rem; }
.topic-plan-details .topic-disclosure { font-size:.71rem; }
.topic-plan-details .text-link { min-height:44px; font-size:.8rem; }
.topic-plan-details .topic-facts { font-size:.73rem; }
.topic-visual { padding:26px 28px; }
.topic-overview { background:#fbf8fa; border-bottom:1px solid #eae0e7; }
.overview-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); padding-block:31px; gap:28px; }
.overview-grid article { display:flex; align-items:flex-start; gap:13px; min-width:0; }
.overview-grid article + article { padding-left:28px; border-left:1px solid #e6dbe3; }
.overview-icon { display:grid; place-items:center; flex:none; width:46px; height:46px; background:#fff; border:1px solid #ead7e2; border-radius:13px; color:var(--topic-accent); }
.overview-grid p { font-size:.68rem; font-weight:650; color:#856778; margin-bottom:7px; }
.overview-grid h2 { color:#3b2a35; font-size:1.03rem; line-height:1.35; letter-spacing:-.025em; margin-bottom:7px; }
.overview-grid article div > span { display:block; color:#806a78; font-size:.74rem; line-height:1.65; }
.page-sections a { min-height:48px; border-radius:9px; font-size:.78rem; }
.topic-card-head { display:flex; justify-content:space-between; align-items:center; gap:20px; }
.topic-card-head .topic-number { font-size:.8rem; color:#917584; font-weight:550; }
.topic-content article { border-radius:17px; padding:30px; }
.topic-content h3 { font-size:1.32rem; margin-block:22px 14px; }
.topic-content p { font-size:.9rem; }
.plans-concept { display:grid; gap:9px; margin-block:22px 5px; }
.plans-concept > div { display:flex; align-items:center; gap:12px; padding:13px 16px; border:1px solid #e8d4df; border-radius:10px; background:#fff; }
.plans-concept strong { display:block; font-size:.82rem; color:#54374b; }
.plans-concept small { display:block; font-size:.65rem; color:#876a7d; margin-top:3px; }
.plans-concept > div > svg:last-child { margin-left:auto; }
.tool-surface { border-radius:18px; }
.topic-final > .wrap { border-radius:20px; background:#f9ebf2; }
.topic-related a { background:#fff; border-radius:14px; padding:23px; }
/* Group the menu by intent; the exact same links reflow to one column on mobile. */
.menu-group { min-width:0; }
.menu-group h2 { font-size:.64rem; text-transform:uppercase; letter-spacing:.08em; color:#98768a; padding:8px 11px 14px; font-weight:650; }
.hosting-mega .dropdown-link { display:flex; align-items:center; gap:12px; min-height:75px; }
.hosting-mega .dropdown-icon { width:39px; height:39px; border-radius:11px; flex:none; }
.hosting-mega .dropdown-link strong { font-size:.8rem; line-height:1.4; }
.hosting-mega .dropdown-link small { font-size:.7rem; line-height:1.55; }
.hosting-mega .dropdown-help { background:#fbf3f7; border:1px solid #efdee7; padding:15px; border-radius:11px; align-items:center; font-size:.76rem; }
.hosting-mega .dropdown-help strong { font-weight:700; }
@media(min-width:1051px) {
 .hosting-mega { width:min(910px,calc(100vw - 64px)); gap:12px; border-radius:18px; padding:23px; }
 .hosting-mega .dropdown-intro { padding-bottom:19px; margin-bottom:0; }
 .hosting-mega .dropdown-intro strong { font-size:1.12rem; }
 .hosting-mega .dropdown-intro span { font-size:.78rem; }
 .hosting-mega .menu-group + .menu-group { border-left:1px solid #eee4eb; padding-left:12px; }
}
@media(max-width:1100px) {
 .studio-hero .hero-grid,.topic-grid,.layout-plans .topic-grid { gap:32px; }
 .workspace-top { padding-inline:20px; }
 .workspace-label { display:none; }
 .workspace-apps { padding-inline:20px; }
 .workspace-offer { margin-inline:20px; padding:16px 13px; gap:11px; }
 .workspace-offer-icon { display:none; }
 .finder-options button { gap:9px; padding:15px 11px; }
 .finder-options button > svg:last-child { display:none; }
 .overview-grid { gap:20px; }
 .overview-grid article + article { padding-left:20px; }
}
@media(max-width:1050px) {
 .nav-row { gap:14px; }
 .brand-logo-image { width:min(230px,100%); }
 .hosting-mega { gap:5px; padding:14px 10px; background:#fffbfd; }
 .menu-group h2 { font-size:.68rem; padding-top:20px; padding-bottom:10px; }
 .menu-group + .menu-group { border-top:1px solid #eddee7; margin-top:7px; }
 .hosting-mega .dropdown-link { min-height:73px; }
 .hosting-mega .dropdown-link small { font-size:.73rem; }
 .hosting-mega .dropdown-intro { padding:7px 10px 14px; }
 .hosting-mega .dropdown-intro strong { font-size:.86rem; }
 .hosting-mega .dropdown-intro span { font-size:.72rem; }
 .hosting-mega .dropdown-help { margin-top:16px; font-size:.73rem; }
 .mobile-intro { padding-block:24px 18px; }
 .mobile-intro strong { font-size:1.35rem; }
 .mobile-intro > span { font-size:.8rem; }
 .mobile-shortcuts a { padding:16px; }
 .mobile-shortcuts span { font-size:.8rem; }
 .nav-copy small { font-size:.76rem; }
 .nav-copy strong { font-size:.92rem; }
 .mobile-menu-foot a { font-size:.74rem; }
}
@media(max-width:900px) {
 .studio-hero .hero-grid,.topic-grid,.layout-plans .topic-grid { grid-template-columns:1fr; gap:36px; }
 .studio-hero .hero-grid { padding-block:48px; max-width:730px; }
 .studio-hero h1 { font-size:clamp(3.1rem,8.5vw,4.3rem); }
 .hosting-workspace { width:100%; max-width:590px; margin-inline:auto; }
 .workspace-label { display:block; }
 .workspace-offer-icon { display:grid; }
 .workspace-intro h2 { font-size:2.5rem; }
 .workspace-apps { grid-template-columns:repeat(3,minmax(0,1fr)); }
 .finder-options { grid-template-columns:1fr; }
 .finder-options button { padding:17px; }
 .finder-options button > svg:last-child { display:block; }
 .finder-options strong { font-size:.88rem; }
 .finder-options small { font-size:.78rem; }
 .showcase-grid { gap:18px; }
 .showcase-grid article { padding:25px; }
 .showcase-app-row { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .overview-grid { grid-template-columns:1fr; padding-block:27px; gap:21px; }
 .overview-grid article + article { padding:20px 0 0; border-left:0; border-top:1px solid #e9dce5; }
 .overview-grid h2 { font-size:1.07rem; }
 .overview-grid article div > span { font-size:.81rem; }
 .overview-grid p { font-size:.74rem; }
 .topic-summary,.layout-plans .topic-summary { display:grid; grid-template-columns:1fr 1fr; }
 .topic-grid h1 { font-size:clamp(2.6rem,6vw,3.6rem); }
}
@media(max-width:640px) {
 .studio-hero .hero-grid { padding-block:38px 32px; gap:32px; }
 .studio-hero h1 { font-size:clamp(2.65rem,10.3vw,3.8rem); }
 .studio-hero .hero-copy .eyebrow { font-size:.61rem; letter-spacing:.07em; }
 .studio-hero .pulse-tagline { font-size:1.1rem; }
 .studio-hero .lead { font-size:.93rem; }
 .studio-hero .pulse-benefits { gap:13px 10px; }
 .studio-hero .pulse-benefits li { font-size:.74rem; }
 .studio-hero .hero-offer-note { font-size:.74rem; }
 .hosting-workspace { border-radius:17px; }
 .workspace-top { padding:17px 19px; min-height:60px; }
 .workspace-brand strong { font-size:.77rem; }
 .workspace-label { display:none; }
 .workspace-intro { padding:24px 21px 20px; }
 .workspace-intro h2 { font-size:2.1rem; }
 .workspace-intro > span { font-size:.59rem; }
 .workspace-intro p { font-size:.75rem; }
 .workspace-apps { padding:0 18px 18px; gap:8px; }
 .workspace-apps a { gap:8px; padding:12px 4px; }
 .workspace-apps strong { font-size:.65rem; }
 .workspace-apps a > span { width:35px; height:35px; }
 .workspace-apps svg { width:22px; height:22px; }
 .workspace-offer { margin-inline:18px; padding:17px 13px; gap:10px; }
 .workspace-offer-icon { display:none; }
 .workspace-offer > div > span { font-size:.58rem; }
 .workspace-offer strong { font-size:1.9rem; }
 .workspace-offer p { font-size:.65rem; }
 .workspace-caption { padding:12px 19px 16px; font-size:.65rem; }
 .pulse-hero-bottom .wrap > span { font-size:.77rem; }
 .pulse-hero-bottom a { font-size:.77rem; }
 .trust-grid { gap:22px 15px; }
 .trust-grid strong { font-size:.76rem; }
 .trust-grid small { font-size:.69rem; }
 .section { padding-block:60px; }
 .section-head { margin-bottom:27px; }
 .section-head h2,.center-head h2 { font-size:2.05rem; }
 .section-head > p,.center-head > p:last-child { font-size:.88rem; }
 .service-card { padding:26px; }
 .service-icon { float:none; margin:0 0 21px; }
 .service-card > p { min-height:0; max-width:none; }
 .service-price { min-height:125px; }
 .service-card .button { font-size:.85rem; }
 .service-card li { font-size:.8rem; }
 .service-price > span,.service-price > small { font-size:.76rem; }
 .plan-finder { padding:20px; }
 .finder-heading .icon-tile { display:none; }
 .finder-heading strong { font-size:1.03rem; }
 .finder-options button { padding:16px 12px; }
 .finder-options small { font-size:.72rem; }
 .finder-result #recommendation { font-size:.79rem; }
 .showcase-grid { grid-template-columns:1fr; }
 .showcase-main { grid-row:auto; }
 .showcase-grid article { padding:27px 24px; border-radius:17px; }
 .showcase-main h3 { font-size:2.2rem; }
 .showcase-grid p:not(.eyebrow) { font-size:.87rem; }
 .showcase-app-row { grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; padding-top:23px; }
 .showcase-app-row > span { padding:16px 2px; }
 .showcase-app-row strong { font-size:.61rem; }
 .project-card h3 { font-size:1.45rem; }
 .topic-hero { padding-block:22px 35px; }
 .topic-grid h1 { font-size:clamp(2.25rem,9.2vw,3.2rem); }
 .topic-grid .lead { font-size:.93rem; }
 .topic-highlights li,.topic-cta-note { font-size:.76rem; }
 .topic-summary,.layout-plans .topic-summary { display:block; }
 .topic-visual,.topic-plan-details { padding:24px; }
 .page-sections { gap:9px; }
 .page-sections a { font-size:.72rem; padding:12px 9px; min-height:53px; line-height:1.5; }
 .page-sections a svg { width:17px; }
 .topic-content article { padding:26px; }
 .topic-content p { font-size:.86rem; }
 .topic-related a { padding:21px; }
 .faq-list summary { font-size:.88rem; }
 .faq-list p { font-size:.85rem; }
 .topic-final > .wrap { padding:26px; }
}
@media(max-width:360px) {
 .brand-logo-image { width:180px; }
 .mobile-brand-logo-image { width:170px; }
 .studio-hero .hero-copy .eyebrow { font-size:.56rem; }
 .studio-hero .pulse-benefits { grid-template-columns:1fr 1fr; }
 .studio-hero .pulse-benefits li { font-size:.69rem; gap:6px; }
 .studio-hero .pulse-benefits svg { width:15px; }
 .workspace-intro h2 { font-size:1.85rem; }
 .workspace-apps { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .workspace-offer > a { width:40px; height:40px; }
 .workspace-offer p { font-size:.6rem; }
 .showcase-app-row { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .showcase-app-row strong { font-size:.74rem; }
 .page-sections a { font-size:.68rem; }
 .page-sections a svg { width:15px; }
 .finder-options button { gap:8px; }
 .finder-options strong { font-size:.81rem; }
 .finder-options small { font-size:.68rem; }
}

/* v15.1 — consistent, prominent account actions on every page. */
.account-links .account-button,
footer .account-button {
 display:inline-flex; align-items:center; justify-content:center; gap:8px;
 min-width:0; min-height:46px; padding:11px 16px;
 border:1px solid #bd2543; border-radius:10px;
 background:#bd2543; color:#fff; font-size:.81rem; font-weight:800;
 line-height:1.35; text-decoration:none; white-space:nowrap; box-shadow:none;
}
.account-button strong { font-weight:800; color:inherit; }
.account-button > svg { color:inherit; }
.account-links .account-button:hover,
footer .account-button:hover { background:#971c35; border-color:#971c35; color:#fff; text-decoration:none; }
.account-links .account-button:focus-visible,
footer .account-button:focus-visible { outline:3px solid #e56882; outline-offset:4px; }
.footer-auth { display:flex; flex-wrap:wrap; gap:9px; margin-block:14px; }
footer .account-button { font-size:.77rem; padding-inline:13px; }
@media(min-width:1051px) and (max-width:1200px) {
 .account-links { gap:8px; padding-left:10px; }
 .account-links .account-button { padding-inline:12px; font-size:.77rem; }
}
@media(max-width:1050px) {
 .account-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding-top:20px; }
 .account-links .account-button { width:100%; min-height:52px; padding:13px 10px; margin:0; font-size:.87rem; white-space:normal; }
}
@media(max-width:360px) {
 .account-links { gap:9px; }
 .account-links .account-button { gap:7px; font-size:.82rem; padding-inline:8px; }
}

/* v18: consistent full-color identity, clearer purchase details and useful saved tools. */
.brand-logo-image,.mobile-brand-logo-image { display:block; width:230px; max-width:100%; height:auto; filter:none; }
.header .brand-official { flex:0 1 230px; min-width:0; }
.mobile-menu-brand { min-width:0; max-width:calc(100% - 64px); }
.mobile-menu-brand .brand-logo-image { width:220px; }
footer .footer-brand { width:fit-content; max-width:100%; padding:16px; background:#fff; border:1px solid #eadfe5; border-radius:12px; }
footer .brand-logo-image { width:230px; max-width:100%; filter:none; }
.footer-grid > div { min-width:0; }
.footer-grid a { overflow-wrap:anywhere; }
.product-nav-links a,.workspace-offer > a { min-height:44px; }
.workspace-offer > a { min-width:44px; }
.workspace-caption,.workspace-label,.workspace-intro > span,.workspace-offer > div > span { font-size:.7rem; }
.workspace-offer p { font-size:.75rem; }
.checkout-note { font-size:.73rem; line-height:1.65; color:#74606c; margin:12px 0 5px; }
.choice-details { padding-block:35px; background:#fff; border-block:1px solid #eee5ea; }
.choice-heading { display:flex; gap:12px; align-items:center; margin-bottom:18px; }
.choice-heading > svg { color:#bd2543; }
.choice-heading h2 { font-size:1.08rem; letter-spacing:-.02em; }
.choice-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.choice-grid details { min-width:0; padding:0 18px; border:1px solid #eadfe6; border-radius:12px; background:#fcfafb; }
.choice-grid summary { display:flex; align-items:center; justify-content:space-between; gap:12px; padding-block:17px; min-height:54px; list-style:none; cursor:pointer; font-size:.82rem; font-weight:650; }
.choice-grid summary::-webkit-details-marker { display:none; }
.choice-grid summary > svg { flex:none; color:#a73756; transition:transform .15s; }
.choice-grid details[open] summary > svg { transform:rotate(90deg); }
.choice-grid p { font-size:.8rem; line-height:1.8; padding-bottom:17px; }
.choice-grid a { color:#a32a47; text-decoration:underline; text-underline-offset:3px; }
.choice-foot { display:flex; align-items:center; flex-wrap:wrap; gap:8px 20px; margin-top:18px; font-size:.77rem; color:#755e6c; }
.choice-foot a { color:#a52e4b; min-height:44px; display:inline-flex; align-items:center; gap:7px; font-weight:650; }
.progress-save { margin-top:24px; padding:18px 20px; border:1px solid #e4d5df; border-radius:12px; background:#fbf6f9; }
.progress-save label { display:flex; align-items:center; gap:12px; min-height:44px; font-size:.85rem; font-weight:650; cursor:pointer; }
.progress-save input { width:20px; height:20px; flex:none; accent-color:#b02d4d; }
.progress-save .tool-note { margin-top:6px; }
@media(min-width:1051px) and (max-width:1200px) {
 .header .brand-official { flex-basis:200px; }
 .header .brand-logo-image { width:200px; }
}
@media(max-width:1050px) {
 .header .brand-official { max-width:calc(100% - 104px); }
 .menu-toggle,.mobile-menu-close { flex-shrink:0; }
}
@media(max-width:760px) {
 .choice-grid { grid-template-columns:1fr; gap:10px; }
 .choice-details { padding-block:26px; }
 .choice-heading h2 { font-size:1rem; }
 .choice-grid summary { font-size:.88rem; }
 .choice-grid p { font-size:.86rem; }
 .choice-foot { font-size:.8rem; }
 .checkout-note { font-size:.78rem; }
}
@media(max-width:640px) {
 .header .brand-logo-image,.mobile-menu-brand .brand-logo-image { width:200px; }
 footer .footer-brand { padding:15px; }
 .progress-save { padding:16px; }
 .progress-save label { font-size:.8rem; align-items:flex-start; }
 .workspace-offer { flex-wrap:wrap; }
 .workspace-offer-icon { display:none; }
 .workspace-offer > div { flex:1; min-width:0; }
}
@media(max-width:360px) {
 .header .brand-official { max-width:calc(100% - 68px); }
 .header .brand-logo-image,.mobile-menu-brand .brand-logo-image { width:180px; }
}

/* Pulse Studio v19 — editorial landing pages, lightweight project scenes.
   Native CSS artwork; shared header/menu behavior remains in elite.css. */
:root { --ink:#2a2423; --ink-deep:#211c1b; --muted:#716764; --green:#be293d; --green-dark:#992035; --green-pale:#fff0ef; --line:#e9e1dc; --soft:#f8f6f2; --shadow:0 20px 60px rgb(47 31 26 / 7%); }
body { text-rendering:optimizeLegibility; }
.wrap { width:min(1280px,calc(100% - 80px)); }
h1,h2,h3 { text-wrap:balance; }
p { text-wrap:pretty; }
.button { min-height:52px; border-radius:10px; padding:14px 22px; font-size:.9rem; font-weight:700; }
.button.secondary { border-color:#ded5ce; color:#352c28; }
.button.secondary:hover { background:#fff5f1; }
.text-link { min-height:44px; }
.eyebrow { font-size:.71rem; letter-spacing:.11em; }
.icon-tile { width:52px; height:52px; border-radius:15px; background:#fff0eb; color:#b82d3e; border-color:#f4dfd6; }
.header,.header.scrolled { border-bottom-color:#ebe5df; }
.header.scrolled { box-shadow:0 7px 28px rgb(45 30 24 / 6%); }
.product-nav { background:#faf8f5; border-color:#ece4dc; }
.product-nav-links a { font-size:.76rem; }
.product-nav-links a:hover,.product-nav-links a[aria-current=page] { background:#f6e9e2; color:#9c2e3a; }
.product-nav-links a span { background:#f9e0db; color:#a22a3b; }
.dropdown-panel { border-color:#e9e0d8; }
.dropdown-icon,.dropdown-link:nth-of-type(3n+2) .dropdown-icon,.dropdown-link:nth-of-type(3n) .dropdown-icon { background:#fff0eb; border-color:#f6e2da; color:#b32a3d; }
.hosting-mega .dropdown-link strong { font-size:.84rem; }
.hosting-mega .dropdown-link small { font-size:.75rem; color:#796b63; }
.hosting-mega .dropdown-help { background:#fdf5ef; border-color:#f0e1d5; color:#9e3439; }
.menu-group h2 { font-size:.69rem; color:#8a7065; }
.dropdown-link:hover,.dropdown-link[aria-current=page] { background:#fff3ec; border-color:#eed9cd; }
/* A strong typographic hero, with a composed website preview and useful links. */
.studio-hero.hero-refresh,.landing-hero { background:radial-gradient(ellipse at 82% 22%,#5e3834 0,transparent 58%),#272020; color:#fff; }
.studio-hero.hero-refresh .hero-grid { grid-template-columns:minmax(0,1.08fr) minmax(0,1fr); gap:64px; padding-block:76px 70px; align-items:center; }
.hero-refresh .hero-copy { min-width:0; }
.studio-hero.hero-refresh h1 { font-size:clamp(3.7rem,5.9vw,5.55rem); line-height:1.015; font-weight:770; letter-spacing:-.064em; margin:0; max-width:100%; }
.hero-refresh h1 em { color:#ffb5a5; }
.studio-hero.hero-refresh .hero-copy .eyebrow { color:#f5c7ba; margin-bottom:27px; font-size:.69rem; letter-spacing:.105em; gap:11px; }
.hero-eyebrow > span { display:grid; place-items:center; width:30px; height:30px; border:1px solid #7c5148; border-radius:8px; background:#50372f; }
.hero-deck { margin-top:25px; color:#fff3ec; font-size:1.18rem; font-weight:550; line-height:1.6; letter-spacing:-.025em; }
.studio-hero.hero-refresh .lead { margin:13px 0 27px; color:#d6c6bf; line-height:1.8; font-size:1rem; max-width:520px; }
.hero-refresh .actions { gap:12px; }
.hero-refresh .actions .button,.landing-copy .actions .button { background:#c32d41; border-color:#c32d41; color:#fff; }
.hero-refresh .actions .button:hover,.landing-copy .actions .button:hover { background:#a52236; border-color:#a52236; }
.hero-refresh .actions .button.secondary,.landing-copy .actions .button.secondary { background:transparent; color:#fff3ed; border-color:#8b6f64; }
.hero-refresh .actions .button.secondary:hover,.landing-copy .actions .button.secondary:hover { background:#533b32; border-color:#c19a86; }
.hero-essentials { display:flex; flex-wrap:wrap; gap:13px 20px; list-style:none; padding:0; margin:28px 0 0; }
.hero-essentials li { display:flex; align-items:center; gap:8px; color:#e7d7d0; font-size:.8rem; }
.hero-essentials svg { color:#f6b198; }
.studio-hero.hero-refresh .hero-offer-note { margin-top:18px; font-size:.77rem; line-height:1.7; color:#c9b6ac; max-width:490px; }
.studio-composition { min-width:0; padding:22px; border:1px solid #bd9785; border-radius:24px; background:#fbf8f2; box-shadow:0 28px 65px rgb(12 6 3 / 20%); color:#322723; }
.composition-heading { display:flex; align-items:center; gap:11px; padding-bottom:20px; }
.composition-heading > span:nth-child(2) { font-size:.61rem; font-weight:700; letter-spacing:.075em; line-height:1.5; color:#775a4d; }
.composition-symbol { display:grid; place-items:center; flex:none; width:38px; height:38px; border:1px solid #e6d5c6; background:#fff; color:#ad3542; border-radius:11px; }
.composition-star { margin-left:auto; flex:none; color:#b03843; }
.composition-body { display:grid; grid-template-columns:minmax(0,1fr) 144px; gap:12px; }
.idea-preview { position:relative; min-width:0; min-height:315px; padding:23px; border:1px solid #f1c3a7; border-radius:15px; background:#f7ceb3; overflow:hidden; }
.idea-caption { display:flex; align-items:flex-start; justify-content:space-between; gap:15px; position:relative; z-index:1; }
.idea-caption span { color:#784c3b; font-size:.53rem; font-weight:700; letter-spacing:.07em; max-width:125px; line-height:1.7; }
.idea-caption > svg { color:#984c39; }
.idea-preview > p { position:relative; z-index:1; color:#59342c; font-size:clamp(2rem,2.8vw,2.55rem); font-weight:470; line-height:1.075; letter-spacing:-.045em; margin-top:26px; }
.idea-preview > p strong { font-weight:750; }
.idea-line { position:relative; display:block; z-index:1; max-width:135px; color:#794c3b; font-size:.7rem; line-height:1.65; margin-top:14px; }
.idea-sculpture { position:absolute; right:-26px; bottom:42px; width:154px; height:142px; transform:rotate(-18deg); opacity:.95; }
.idea-sculpture > span { display:block; position:absolute; width:94px; height:94px; border-radius:50%; background:#b64242; border:1px solid #883238; box-shadow:inset -12px -8px 0 rgb(111 32 47 / 14%); }
.idea-sculpture > span:first-child { top:0; left:0; }
.idea-sculpture > span:nth-child(2) { top:47px; left:0; }
.idea-sculpture > span:nth-child(3) { top:24px; left:42px; background:#ef976e; border-color:#b76950; }
.idea-sculpture > i { position:absolute; left:47px; top:58px; width:25px; height:25px; background:#ffdb9a; border:1px solid #ce9953; border-radius:50%; }
.idea-baseline { display:flex; align-items:center; justify-content:space-between; gap:10px; position:absolute; bottom:19px; left:23px; right:23px; color:#785043; }
.idea-baseline span { font-size:.57rem; font-weight:650; letter-spacing:.07em; }
.composition-tools { display:grid; grid-template-rows:repeat(3,1fr); gap:10px; min-width:0; }
.composition-tools a { position:relative; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:9px; min-width:0; padding:14px; border:1px solid #e6ddd1; border-radius:13px; background:#fff; transition:background .15s,border-color .15s; }
.composition-tools a:hover { background:#fff4ed; border-color:#ca9b7f; }
.composition-tools a > span { display:grid; place-items:center; width:32px; height:32px; color:#ac3544; background:#fff0e9; border-radius:8px; }
.composition-tools a:nth-child(2) > span { color:#78634c; background:#f3eddf; }
.composition-tools a:nth-child(3) > span { color:#4f7861; background:#ecf2e6; }
.composition-tools a > svg:last-child { position:absolute; top:17px; right:12px; color:#9c7c6a; }
.composition-tools strong { display:block; font-size:.76rem; line-height:1.3; font-weight:700; }
.composition-tools small { display:block; color:#806f62; font-size:.62rem; line-height:1.5; margin-top:4px; }
.composition-offer { display:flex; align-items:center; gap:15px; padding:20px; margin-top:14px; min-width:0; border-radius:13px; background:#b8293b; color:#fff; transition:background .2s; }
.composition-offer:hover { background:#a32235; }
.offer-symbol { width:43px; height:43px; display:grid; place-items:center; flex:none; color:#ffd8c7; border:1px solid #d86c71; border-radius:12px; }
.composition-offer > span:nth-child(2) { min-width:0; }
.composition-offer small { display:block; color:#ffe0d3; font-size:.59rem; font-weight:650; letter-spacing:.08em; }
.composition-offer strong { display:block; color:#fff; font-size:2.05rem; line-height:1.3; letter-spacing:-.04em; margin-block:3px; }
.composition-offer strong span { font-size:.95rem; font-weight:450; letter-spacing:0; color:#ffdbcf; }
.composition-offer em { display:block; color:#ffe4d8; font-size:.72rem; font-weight:450; letter-spacing:0; }
.offer-arrow { display:grid; place-items:center; width:42px; height:42px; margin-left:auto; flex:none; border:1px solid #e7878b; border-radius:50%; }
.hero-bottom-row { background:rgb(0 0 0 / 9%); border-top:1px solid #5d423a; }
.hero-bottom-row > .wrap { display:flex; align-items:center; justify-content:space-between; gap:18px 30px; padding-block:13px; }
.hero-bottom-row p { display:flex; align-items:center; gap:10px; color:#d8c4b8; font-size:.79rem; line-height:1.6; }
.hero-bottom-row p > svg { color:#f3a997; }
.hero-bottom-row strong { color:#ffe4d8; font-weight:600; }
.hero-bottom-row a { display:flex; gap:9px; align-items:center; min-height:44px; color:#ffc6ad; font-size:.78rem; font-weight:600; flex:none; }
/* Topic hero variations: one clear proposition, one distinct project scene. */
.landing-hero { padding-block:26px 70px; }
.landing-hero .breadcrumbs { color:#c7aea2; font-size:.74rem; margin-bottom:39px; gap:12px; }
.landing-hero .breadcrumbs a { color:#edc4ae; min-height:38px; display:inline-flex; align-items:center; }
.landing-grid,.layout-plans .landing-grid { display:grid; grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr); gap:65px; max-width:none; align-items:center; text-align:left; }
.landing-grid .landing-copy { min-width:0; }
.landing-grid > .landing-copy .eyebrow { color:#f0bdaa; font-size:.7rem; letter-spacing:.08em; align-items:flex-start; }
.landing-grid > .landing-copy .eyebrow svg { margin-top:1px; }
.landing-grid h1 { font-size:clamp(2.85rem,4.7vw,4.65rem); font-weight:750; letter-spacing:-.055em; line-height:1.065; margin-top:22px; }
.landing-grid h1 em { color:#ffbda7; }
.landing-grid .topic-tagline { color:#ffe9df; font-size:1.16rem; font-weight:550; letter-spacing:-.023em; line-height:1.6; margin-top:24px; }
.landing-grid .lead { font-size:.99rem; line-height:1.8; color:#d8c4b9; margin:14px 0 27px; max-width:550px; }
.landing-grid .actions { gap:12px; justify-content:flex-start; }
.landing-grid .topic-highlights { display:flex; flex-wrap:wrap; list-style:none; padding:0; gap:13px 18px; margin:27px 0 0; justify-content:flex-start; }
.landing-grid .topic-highlights li { font-size:.78rem; color:#ead4c7; }
.landing-grid .topic-highlights svg,.landing-grid .topic-cta-note svg { color:#f5b08f; }
.landing-grid .topic-jump { margin-top:15px; }
.landing-grid .topic-jump a { display:inline-flex; align-items:center; gap:9px; min-height:44px; color:#ffbea2; font-size:.82rem; }
.landing-grid .topic-cta-note { font-size:.75rem; color:#c8afa0; margin-top:10px; line-height:1.7; max-width:520px; align-items:flex-start; justify-content:flex-start; }
.landing-grid .topic-cta-note svg { margin-top:3px; }
.landing-canvas { min-width:0; border:1px solid #b79380; border-radius:23px; background:#fff; box-shadow:0 25px 65px rgb(20 10 5 / 16%); overflow:hidden; }
.landing-scene { --scene-bg:#f9dfc4; --scene-ink:#6e4836; --scene-line:#e8c29c; --scene-white:#fffaf4; padding:27px 29px 17px; background:var(--scene-bg); color:var(--scene-ink); }
.scene-editor,.scene-journal { --scene-bg:#ede1ed; --scene-ink:#694b67; --scene-line:#d4bcd4; --scene-white:#fffbff; }
.scene-tools,.scene-toolkit { --scene-bg:#e9eddb; --scene-ink:#546642; --scene-line:#cbd5b2; --scene-white:#fcfdf7; }
.scene-portfolio { --scene-bg:#fde2c8; --scene-ink:#835032; --scene-line:#ecc6a1; --scene-white:#fff9f2; }
.scene-business { --scene-bg:#f1ddd0; --scene-ink:#805544; --scene-line:#dbb9a2; --scene-white:#fffaf5; }
.scene-accounts { --scene-bg:#f8dedb; --scene-ink:#914f4d; --scene-line:#e8b7b2; --scene-white:#fffafa; }
.scene-topline { display:flex; align-items:center; justify-content:space-between; gap:14px; }
.scene-topline > span { display:flex; align-items:center; gap:9px; font-size:.58rem; font-weight:720; letter-spacing:.06em; }
.scene-title { font-size:clamp(2rem,3.1vw,2.9rem); font-weight:680; line-height:1.11; letter-spacing:-.045em; margin-block:21px 25px; }
.scene-title em { color:inherit; font-weight:450; }
.scene-disclaimer { margin-top:16px; font-size:.66rem; color:var(--scene-ink); opacity:1; line-height:1.6; }
.landing-offer { padding:22px 28px; color:#382b24; background:#fffdf9; border-top:1px solid #eaddd1; }
.landing-offer-heading { display:flex; align-items:center; gap:12px; }
.landing-offer-heading > span { display:grid; place-items:center; flex:none; width:42px; height:42px; background:#fff0e9; color:#b73040; border:1px solid #f3ded1; border-radius:12px; }
.landing-offer-heading > div:not(.landing-offer-price) { min-width:0; }
.landing-offer-heading small { display:block; color:#886c5b; font-size:.59rem; font-weight:650; letter-spacing:.06em; line-height:1.5; }
.landing-offer-heading h2 { color:#362b27; font-size:1.14rem; line-height:1.35; margin-top:5px; letter-spacing:-.025em; text-wrap:initial; }
.landing-offer-price { margin-left:auto; flex:none; color:#b82b40; font-size:1.85rem; font-weight:700; line-height:1.2; letter-spacing:-.04em; text-align:right; }
.landing-offer-price small { font-size:.62rem; font-weight:450; letter-spacing:0; margin-top:5px; }
.landing-offer > p { font-size:.76rem; line-height:1.75; margin-top:14px; color:#79695b; }
.landing-offer-bottom { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:0 15px; margin-top:7px; }
.landing-offer-bottom > span { font-size:.68rem; color:#846d5d; }
.landing-offer-bottom a,.landing-offer > .text-link { display:inline-flex; align-items:center; min-height:44px; gap:7px; color:#aa3140; font-size:.73rem; font-weight:650; }
/* Native project artwork, with no external image requests or display-only controls. */
.story-window,.portfolio-board,.business-window,.client-board,.launch-board { background:var(--scene-white); border:1px solid var(--scene-line); border-radius:13px; overflow:hidden; }
.story-toolbar { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:13px 16px; border-bottom:1px solid var(--scene-line); }
.story-toolbar > span { display:flex; align-items:center; gap:9px; font-size:.68rem; font-weight:650; }
.story-toolbar > small { font-size:.49rem; letter-spacing:.06em; }
.story-cover { position:relative; min-height:133px; margin:14px; padding:20px; background:#ddc8db; border-radius:8px; overflow:hidden; }
.story-cover > span { position:relative; z-index:1; display:block; font-size:.54rem; letter-spacing:.08em; }
.story-cover > strong { position:relative; z-index:1; display:block; max-width:190px; font-size:1.45rem; font-weight:600; line-height:1.16; letter-spacing:-.04em; margin-top:15px; }
.story-cover-art { position:absolute; right:-28px; bottom:-40px; width:145px; height:165px; transform:rotate(25deg); }
.story-cover-art i { position:absolute; inset:0; display:block; border:1px solid #9c6e95; border-radius:80px 80px 0 0; background:#bd92b4; }
.story-cover-art i:nth-child(2) { inset:20px; background:#e9c8ba; border-color:#bd9585; }
.story-cover-art i:nth-child(3) { inset:40px; background:#f8e6c3; border-color:#d8bc8e; }
.story-lines { display:grid; gap:7px; margin:0 20px 20px; }
.story-lines i { display:block; height:5px; background:#e5d9e5; border-radius:4px; }
.story-lines i:nth-child(2) { width:90%; }
.story-lines i:nth-child(3) { width:58%; }
.scene-journal .story-cover { background:#eee0d0; }
.scene-apps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.scene-apps > div { display:flex; flex-direction:column; justify-content:center; align-items:center; gap:12px; min-height:100px; padding:14px 5px; background:var(--scene-white); border:1px solid var(--scene-line); border-radius:11px; }
.scene-apps > div > span { display:grid; place-items:center; width:37px; height:37px; background:#edf0e1; color:#59704d; border-radius:10px; }
.scene-apps > div:nth-child(3n+2) > span { color:#9a6850; background:#f6e8d8; }
.scene-apps strong { font-size:.66rem; font-weight:550; line-height:1.4; text-align:center; }
.scene-caption-row { display:flex; align-items:center; gap:9px; font-size:.63rem; line-height:1.6; margin-top:17px; }
.scene-plans { display:grid; gap:10px; }
.scene-plans > div { display:flex; align-items:center; gap:12px; padding:17px; border:1px solid var(--scene-line); border-radius:12px; background:var(--scene-white); }
.scene-plans > div:nth-child(2) { background:#fff2dc; border-color:#cda777; }
.scene-plan-icon { display:grid; place-items:center; width:39px; height:39px; background:#f8e8d8; border:1px solid #f1d4ba; border-radius:10px; flex:none; }
.scene-plans strong { display:block; font-size:.82rem; font-weight:650; }
.scene-plans small { display:block; font-size:.61rem; margin-top:4px; font-weight:400; line-height:1.5; letter-spacing:0; }
.scene-plan-price { margin-left:auto; flex:none; text-align:right; font-size:1.3rem; font-weight:680; letter-spacing:-.03em; }
.portfolio-head { display:flex; align-items:center; gap:11px; padding:18px; }
.portfolio-head strong { display:block; font-size:.81rem; line-height:1.4; font-weight:650; }
.portfolio-head small { display:block; font-size:.61rem; margin-top:5px; }
.portfolio-tiles { display:grid; grid-template-columns:1fr 1fr; gap:10px; padding:0 14px; }
.portfolio-tiles > div { display:flex; flex-direction:column; justify-content:space-between; align-items:flex-start; min-height:120px; padding:16px; border:1px solid #e6b88e; border-radius:8px; background:#f4d4ad; }
.portfolio-tiles > div:last-child { color:#715369; background:#e9d6e3; border-color:#d1b3c8; }
.portfolio-tiles strong { font-size:.75rem; line-height:1.4; margin-top:15px; font-weight:600; }
.portfolio-footer { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:17px; font-size:.51rem; letter-spacing:.04em; }
.business-window-nav { display:flex; align-items:center; gap:9px; padding:13px 17px; border-bottom:1px solid var(--scene-line); }
.business-window-nav strong { font-size:.76rem; font-weight:600; }
.business-window-nav > span { margin-left:auto; font-size:.47rem; letter-spacing:.05em; }
.business-window-hero { position:relative; padding:23px; min-height:148px; background:#efdbbe; overflow:hidden; }
.business-window-hero > span { position:relative; z-index:1; display:block; font-size:.5rem; letter-spacing:.09em; }
.business-window-hero > strong { position:relative; z-index:1; display:block; font-size:1.85rem; line-height:1.08; letter-spacing:-.04em; font-weight:650; margin-top:15px; }
.business-arch { position:absolute; width:120px; height:145px; bottom:-18px; right:21px; border:14px solid #c7a37a; background:#e4c396; border-radius:65px 65px 0 0; box-shadow:0 0 0 14px #e9cdab; }
.business-window-email { display:flex; align-items:center; gap:12px; padding:16px 20px; color:#855e46; font-size:.68rem; line-height:1.7; }
.business-window-email strong { font-weight:650; }
.client-board { padding:17px; }
.client-board-title { display:flex; align-items:center; gap:10px; font-size:.78rem; font-weight:600; padding-bottom:14px; }
.client-row { display:flex; align-items:center; gap:12px; border-top:1px solid #eed7d3; padding-block:13px; }
.client-row:last-child { padding-bottom:0; }
.client-row > div { min-width:0; }
.client-row small { display:block; font-size:.5rem; letter-spacing:.07em; margin-bottom:4px; }
.client-row strong { display:block; font-size:.75rem; font-weight:550; }
.client-row > svg:last-child { margin-left:auto; }
.launch-board { padding:21px; text-align:center; }
.launch-bloom { position:relative; width:146px; height:108px; margin:0 auto 19px; }
.launch-bloom span { display:block; position:absolute; width:83px; height:83px; border-radius:26px; transform:rotate(45deg); border:1px solid #ca966e; background:#efd0a0; }
.launch-bloom span:first-child { left:5px; top:17px; }
.launch-bloom span:nth-child(2) { right:5px; top:17px; background:#edb390; }
.launch-bloom span:nth-child(3) { left:32px; top:0; background:#b44243; border-color:#9e3739; }
.launch-bloom > svg { position:absolute; left:55px; top:24px; color:#ffe2bd; }
.launch-board > strong { display:block; font-size:.94rem; font-weight:600; }
.launch-road { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:22px; }
.launch-road > span { display:grid; justify-items:center; gap:6px; font-size:.63rem; }
.launch-road b { display:grid; place-items:center; width:25px; height:25px; border:1px solid #dfbd93; border-radius:50%; color:#966544; font-size:.58rem; font-weight:550; }
.launch-road i { display:block; flex:1; height:1px; background:#e6cfad; }
/* Editorial rhythm and readable type through the complete landing page. */
.section { padding-block:98px; }
.section-head { margin-bottom:38px; gap:36px; }
.section-head h2,.center-head h2 { font-size:clamp(2.15rem,3.7vw,3.4rem); line-height:1.1; letter-spacing:-.048em; }
.section-head .eyebrow,.center-head .eyebrow { margin-bottom:16px; }
.section-head > p,.center-head > p:last-child { font-size:1rem; line-height:1.8; }
.center-head { max-width:760px; margin-bottom:44px; }
.trust-grid { padding-block:30px; }
.trust-grid article > span { width:44px; height:44px; border:1px solid #f2e2d9; border-radius:12px; color:#b1323f; background:#fff4ed; }
.trust-grid strong { font-size:.85rem; }
.trust-grid small { font-size:.75rem; }
.pulse-services,.soft,.project-section { background:#f8f6f2; border-color:#ebe4dc; }
.service-grid { gap:18px; }
.service-card { border-color:#e8dfd5; padding:28px 23px; border-radius:18px; box-shadow:0 5px 20px rgb(72 49 32 / 3%); }
.service-card:first-child { border-color:#dca38e; background:#fff9f4; }
.service-icon { border:1px solid #f1d8c9; background:#ffefe3; color:#b3313f; width:57px; height:57px; border-radius:16px; }
.service-card:nth-child(2) .service-icon { background:#f0f1e5; border-color:#dce1c7; color:#677044; }
.service-card:nth-child(3) .service-icon { background:#f1e9f0; border-color:#e3cfe2; color:#82607e; }
.service-card:nth-child(4) .service-icon { background:#f8e8dc; border-color:#edcfb9; color:#a37248; }
.service-card h3 { font-size:1.17rem; }
.service-card > p { font-size:.85rem; line-height:1.75; min-height:54px; }
.service-price { padding-top:24px; min-height:143px; }
.service-price > strong { font-size:2.45rem; color:#412c24; margin-top:10px; }
.service-price > strong small,.service-price > span,.service-price > small { font-size:.74rem; color:#7f6757; }
.service-price > .service-custom { font-size:1.25rem; }
.service-card .button { min-height:48px; font-size:.78rem; padding-inline:9px; }
.service-card li { font-size:.79rem; }
.service-card ul { gap:12px; border-color:#eadfd5; }
.service-help { font-size:.86rem; margin-top:32px; }
.choice-details { background:#fffcf8; border-color:#eee3d8; padding-block:34px; }
.choice-heading h2 { font-size:1.16rem; }
.choice-grid details { border-color:#eadbce; background:#fff; }
.choice-grid summary { font-size:.87rem; min-height:61px; }
.choice-grid p { font-size:.86rem; line-height:1.8; }
.choice-foot { font-size:.8rem; }
.sale-banner { background:#fff4ef; border-color:#efd8c9; border-radius:12px; }
.sale-banner small { color:#805f4b; }
.billing-switch { background:#f6efea; border-color:#e7d9cc; border-radius:10px; }
.billing-option { border-radius:7px; }
.billing-option.active { background:#b72c3e; }
.pricing-controls p { font-size:.83rem; }
.plan-finder { background:#f8f5ef; border-color:#e8ded0; border-radius:17px; padding:27px; }
.finder-heading strong { font-size:1.14rem; }
.finder-heading p { font-size:.86rem; }
.finder-options button { padding:18px 15px; border-color:#e5dacc; color:#b03640; }
.finder-options button:hover { border-color:#cda083; }
.finder-options strong { font-size:.86rem; color:#422e23; }
.finder-options small { font-size:.75rem; color:#7c6756; }
.finder-options button[aria-pressed=true] { background:#fff1e8; border-color:#b64043; box-shadow:0 0 0 1px #b64043; }
.finder-result #recommendation { font-size:.85rem; }
.plan-card,.plan-card.featured-plan { border-radius:19px; border-color:#e5d9cd; padding:32px 29px 27px; }
.plan-card.featured-plan { border-color:#bd3040; background:linear-gradient(180deg,#fff0e8,#fff 31%); }
.plan-summary { font-size:.93rem; line-height:1.75; }
.plan-card .features { font-size:.86rem; gap:12px; }
.plan-microcopy,.price-note,.pricing-foot,.checkout-note { font-size:.8rem; line-height:1.75; }
.plan-icon { background:#fff0e6; color:#ae323f; }
.dual-price { background:#fdf9f4; border-color:#eee0d4; }
.plan-badge { background:#fce4d9; color:#a8313c; }
.plan-badge.popular { background:#b32c3c; }
.currency-label,.regular-price-line,.regular-price-line del,.price-line span { color:#7d6251; }
.price-line strong { color:#412d24; }
.free-price-summary { background:#fff2e9; border-color:#eaccb6; }
.discount-pill { background:#fbe4d9; }
.agency-strip { background:#fff8f1; border-color:#eedbca; }
.comparison { border-radius:16px; border-color:#e8dbcf; }
.comparison thead,.comparison thead th { background:#f7efe5; color:#78553e; }
.comparison td:last-child { background:#fffaf3; }
.assurance-grid > a { border-color:#e6ddd2; border-radius:16px; padding:24px; }
.assurance-grid strong { font-size:.94rem; }
.assurance-grid small { font-size:.8rem; }
.domain-box { background:#f2ede2; border-color:#e2d7c3; border-radius:24px; }
.domain-input { border-color:#cdbda6; }
.domain-copy p { font-size:.94rem; }
.project-card,.project-card:first-child { background:#fff; border-color:#e8ddd1; border-radius:18px; }
.project-card .icon-tile { background:#fff0e7; color:#b13440; border-color:#f1d8c6; }
.project-card-label,.project-card-meta { color:#826a59; font-size:.76rem; }
.project-card p { font-size:.9rem; line-height:1.8; }
.project-card h3 { font-size:1.6rem; }
.project-card-arrow { color:#a93b43; border-color:#e8d4c3; }
.hosting-showcase { background:#fff; }
.showcase-grid { grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); gap:22px; }
.showcase-grid article { padding:37px; border-color:#e6d7c6; border-radius:22px; }
.showcase-grid .showcase-main { background:#f2e4cd !important; }
.showcase-main .icon-tile { background:#fffbf3; border-color:#ddc5a0; color:#8a653c; }
.showcase-main .eyebrow { color:#81613e; font-size:.73rem; }
.showcase-main h3 { color:#563f27; font-size:clamp(2.2rem,3.5vw,3.35rem); line-height:1.08; letter-spacing:-.05em; }
.showcase-grid p:not(.eyebrow) { font-size:.97rem; line-height:1.85; }
.showcase-main p:not(.eyebrow) { color:#756146; }
.showcase-app-row { gap:12px; padding-top:38px; }
.showcase-app-row > span { background:#fff9ec; border-color:#dcc7a5; color:#937144; padding:23px 7px; border-radius:13px; }
.showcase-app-row strong { font-size:.75rem; color:#796348; }
.showcase-grid .showcase-small { background:#f4eef3; border-color:#e3d3e0; }
.showcase-small > .icon-tile { background:#fffafd; border-color:#dac5d5; color:#84627a; }
.showcase-grid .showcase-help { background:#edf0e5; border-color:#d6ddc4; }
.showcase-help > .icon-tile { background:#fbfdf7; border-color:#d2d9bd; color:#6b7950; }
.steps article p,.topic-guide-copy { font-size:.93rem; line-height:1.85; }
.steps article > span { color:#ae3c44; }
.dns-box { border-color:#e5d8c8; border-radius:15px; background:#fffcf7; }
.copy-row button,.topic-dns button { border-color:#e2c9b4; background:#fff6ed; color:#ab3940; min-height:44px; }
.migration-box { border-color:#e2d6c4; background:#f6f0e7; border-radius:24px; }
.migration-list > div > span { color:#ab4143; }
.faq-list details { background:#fff; border-color:#e7dbcf; border-radius:12px; }
.faq-list summary { font-size:.99rem; padding:21px 23px; min-height:70px; line-height:1.6; }
.faq-list p { font-size:.92rem; line-height:1.85; padding-inline:23px; }
.faq-list details[open] { background:#fffaf3; }
.faq-grid > div > p:not(.eyebrow) { font-size:.95rem; line-height:1.8; }
.final-box { background:radial-gradient(ellipse at 95% 0,#74483d,transparent 65%),#2e2421; border-radius:25px; }
.final-box h2 em { color:#ffb39c; }
.final-box .eyebrow { color:#f4b69c; }
.final-box > p:not(.eyebrow) { color:#dbc2b3; font-size:1rem; }
.final-box .button.secondary { border-color:#a78673; }
/* Supporting sections on all nine service pages. */
.topic-overview { background:#fbf7f0; border-color:#eadfd1; }
.overview-grid { padding-block:32px; gap:28px; }
.overview-grid article + article { border-color:#e6d8c9; }
.overview-icon { background:#fff; border-color:#ead8c4; color:#a24442; width:48px; height:48px; }
.overview-grid p { font-size:.72rem; color:#816955; }
.overview-grid h2 { font-size:1.13rem; color:#442f21; }
.overview-grid article div > span { font-size:.8rem; color:#806b5a; }
.page-sections { margin-block:30px 16px; gap:12px; }
.page-sections a { background:#fbf7f0; color:#805b43; border-color:#eadaca; font-size:.82rem; min-height:52px; }
.page-sections a:hover { background:#fff0e4; border-color:#c8a386; }
.topic-tool-section { padding-block:43px 70px; }
.tool-heading { gap:19px; margin-bottom:27px; }
.tool-heading h2 { font-size:clamp(1.75rem,2.5vw,2.5rem); line-height:1.16; letter-spacing:-.04em; }
.tool-heading p:not(.eyebrow) { font-size:.95rem; line-height:1.8; }
.tool-surface { padding:35px; border-radius:20px; border-color:#e4d6c5; background:#fff; box-shadow:0 10px 35px rgb(70 43 22 / 3%); }
.tool-surface h3 { font-size:1.4rem; }
.tool-surface p,.tool-bullets,.panel-workflow li { font-size:.92rem; line-height:1.85; }
.tool-surface .tool-note { font-size:.79rem; line-height:1.8; }
.tool-surface label { font-size:.86rem; }
.tool-surface input:not([type=checkbox]),.tool-surface select { font-size:1rem; border-color:#d8c7b6; border-radius:9px; min-height:48px; background:#fffcf8; }
.tool-plans article { border-color:#e7d6c4; background:#fffcf7; border-radius:14px; padding:24px; }
.tool-plans article:nth-child(2) { border-color:#c48c75; background:#fff5e9; }
.tool-plans article > span { font-size:.82rem; }
.tool-plans ul { font-size:.86rem; }
.tool-plans .tool-plan-price { font-size:1.65rem; color:#b33240; }
.tool-plan-controls button { min-height:44px; border-color:#dfc9b4; border-radius:8px; }
.tool-plan-controls button.active { background:#b83242; border-color:#b83242; color:#fff; }
.panel-tabs button { min-height:48px; border-radius:9px; font-size:.85rem; border-color:#e3d3c1; }
.panel-tabs button[aria-selected=true] { background:#b63242; border-color:#b63242; }
.workflow-icon { background:#f3eee2; color:#846342; border-color:#e1d1b9; border-radius:15px; }
.project-options button { border-color:#e2ccb4; background:#fffbf3; border-radius:12px; }
.project-options button[aria-pressed=true] { border-color:#b87e61; background:#fff0db; }
.project-options strong { font-size:.88rem; }
.project-options small { font-size:.76rem; }
.project-advice { background:#f8f1e6; border-color:#e3d3bc; border-radius:14px; }
.launch-checks label { border-color:#e6d8ca; background:#fffcf7; border-radius:10px; padding:17px; line-height:1.75; }
.launch-checks input { width:20px; height:20px; accent-color:#b32b3e; }
.launch-checks small { color:#886c53; font-size:.67rem; }
.progress-save { background:#f9f4ec; border-color:#e5d2bd; }
.tool-result,.calculator-result { border-radius:13px; background:#fbf5eb; border-color:#e7d3bc; }
.calculator-result dt { font-size:.82rem; }
.included-toolkit-intro { background:#f2eddf; border-color:#dfd0b9; border-radius:15px; }
.included-toolkit-grid article { border-color:#e7dac9; border-radius:12px; }
.included-toolkit-grid p { font-size:.84rem; }
.included-toolkit-grid h3 { font-size:1.04rem; }
.toolkit-upgrade { border-color:#e5d4bf; }
.topic-content article { border-color:#e6daca; padding:32px; border-radius:18px; }
.topic-content article:nth-child(2n) .icon-tile { color:#738157; background:#f2f4e7; border-color:#dfe4c8; }
.topic-content article:nth-child(3n) .icon-tile { color:#926977; background:#f7edf1; border-color:#e8d3db; }
.topic-content h3 { font-size:1.4rem; margin-block:24px 15px; }
.topic-content p { font-size:.95rem; line-height:1.85; }
.topic-card-head .topic-number { font-size:.86rem; color:#7f6248; }
.layout-business .topic-content article { border-top-color:#d8b690; }
.decision-grid article { padding:30px; border-color:#e5d6c4; border-radius:17px; }
.decision-grid p,.project-brief p { font-size:.93rem; line-height:1.85; }
.project-brief { border-color:#e5d6c4; background:#fbf7ee; border-radius:16px; padding:26px; }
.topic-steps li { font-size:.95rem; line-height:1.85; border-color:#e9ddd0; }
.topic-steps li::before { color:#a83c44; background:#fff0e5; border-color:#efceba; }
.topic-dns { background:#fcf6ec; border-color:#e5d4bb; border-radius:14px; }
.topic-dns > small { font-size:.78rem; line-height:1.75; }
.topic-related a { border-color:#e7d9c9; padding:25px; border-radius:16px; }
.topic-related strong { font-size:.96rem; line-height:1.45; }
.topic-related small { font-size:.79rem; color:#87705a; line-height:1.7; }
.topic-final { padding-block:0 75px; }
.topic-final > .wrap { padding:37px; background:#f7e9d5; border:1px solid #e6ceb0; border-radius:22px; }
.topic-final h2 { font-size:clamp(1.65rem,2.5vw,2.5rem); line-height:1.14; }
.topic-final p:not(.eyebrow) { color:#7c6147; font-size:.91rem; line-height:1.8; }
footer { background:#28211f; }
footer .footer-brand { border-color:#f2ddd0; }
.footer-grid h3 { font-size:.9rem; }
.footer-grid > div > a:not(.brand):not(.text-link) { font-size:.83rem; color:#d1bfb2; }
.footer-about p { color:#cebaac; font-size:.87rem; line-height:1.85; }
footer .text-link { color:#ffb59a; }
.footer-bottom { color:#cbb4a4; border-color:#544034; font-size:.78rem; }
.socials a { color:#f4d9c3; border-color:#8b6850; }
/* Reflow at each layout boundary; never constrain the fixed navigation sheet. */
@media(min-width:1051px) {
 .hosting-mega .menu-group + .menu-group { border-color:#ede2d7; }
}
@media(max-width:1200px) {
 .wrap { width:calc(100% - 64px); }
 .studio-hero.hero-refresh .hero-grid,.landing-grid,.layout-plans .landing-grid { gap:35px; }
 .studio-composition { padding:18px; }
 .composition-body { grid-template-columns:minmax(0,1fr) 124px; gap:10px; }
 .composition-tools a { padding:12px; }
 .idea-preview { padding:20px; }
 .idea-preview > p { font-size:2.1rem; }
 .idea-line { max-width:112px; }
 .idea-sculpture { right:-40px; bottom:44px; transform:rotate(-18deg) scale(.9); }
 .landing-scene { padding-inline:24px; }
 .landing-offer { padding-inline:23px; }
 .service-card { padding-inline:20px; }
 .service-card .button { font-size:.74rem; }
 .plan-card,.plan-card.featured-plan { padding-inline:23px; }
}
@media(max-width:1050px) {
 .menu-toggle,.mobile-menu-close { color:#aa2d3d; background:#fff2e9; border-color:#e7cdbd; border-radius:10px; }
 .hosting-mega { background:#fffbf6; }
 .hosting-mega .dropdown-link { min-height:78px; }
 .hosting-mega .dropdown-link strong { font-size:.87rem; }
 .hosting-mega .dropdown-link small { font-size:.78rem; }
 .menu-group + .menu-group { border-color:#ecded1; }
 .nav-icon { color:#b82f3e; background:#fff1e9; border-color:#f0d9c9; }
 .nav-copy small { color:#7d695a; }
 .mobile-shortcuts a,.mobile-shortcuts a:last-child { background:#fff1e6; border-color:#f0d5c0; color:#aa3840; }
 .mobile-intro strong { color:#402b20; }
 .mobile-intro p { color:#a5353c; }
 .nav-dropdown[open] > summary { background:#fff1e8; border-color:#edcdb6; }
 .account-links { border-color:#e9d7c6; }
 .mobile-menu-foot a { font-size:.79rem; }
 .service-grid { gap:22px; }
 .service-card { padding:29px; }
 .service-card .button { font-size:.87rem; }
}
@media(max-width:1000px) {
 .studio-hero.hero-refresh .hero-grid,.landing-grid,.layout-plans .landing-grid { grid-template-columns:1fr; gap:42px; max-width:750px; margin-inline:auto; }
 .studio-hero.hero-refresh .hero-grid { padding-block:52px; }
 .studio-hero.hero-refresh h1 { font-size:clamp(3.7rem,8.5vw,5.3rem); }
 .studio-hero.hero-refresh .lead { max-width:590px; }
 .studio-composition { width:100%; max-width:615px; margin-inline:auto; padding:24px; }
 .composition-body { grid-template-columns:minmax(0,1fr) 170px; }
 .composition-tools a { padding:18px; }
 .composition-tools small { font-size:.69rem; }
 .composition-tools strong { font-size:.82rem; }
 .idea-preview { padding:26px; }
 .idea-preview > p { font-size:2.9rem; }
 .idea-line { max-width:160px; font-size:.76rem; }
 .idea-sculpture { right:-4px; bottom:29px; transform:rotate(-18deg); }
 .landing-hero { padding-bottom:50px; }
 .landing-hero .breadcrumbs { margin-bottom:28px; }
 .landing-grid h1 { font-size:clamp(3rem,6.9vw,4.6rem); }
 .landing-grid .lead { max-width:650px; }
 .landing-canvas { width:100%; max-width:600px; margin-inline:auto; }
 .landing-scene { padding:30px 32px 19px; }
 .scene-title { font-size:2.95rem; }
 .scene-apps { gap:12px; }
 .scene-apps > div { min-height:105px; }
 .scene-apps strong { font-size:.74rem; }
 .landing-offer { padding:24px 30px; }
 .landing-offer-heading h2 { font-size:1.25rem; }
 .landing-offer-heading small { font-size:.64rem; }
 .landing-offer > p { font-size:.82rem; }
 .landing-offer-bottom > span,.landing-offer-bottom a { font-size:.75rem; }
 .scene-plans strong { font-size:.88rem; }
 .scene-plans small { font-size:.7rem; }
 .scene-topline > span { font-size:.64rem; }
 .scene-disclaimer { font-size:.68rem; }
 .story-cover { min-height:160px; }
 .story-cover > strong { font-size:1.9rem; max-width:260px; }
 .story-cover-art { width:177px; right:0; height:190px; }
 .story-toolbar > span { font-size:.76rem; }
 .portfolio-head strong { font-size:.94rem; }
 .portfolio-head small,.portfolio-tiles strong { font-size:.76rem; }
 .client-row strong { font-size:.83rem; }
 .business-window-hero { min-height:165px; }
 .business-window-hero > strong { font-size:2.1rem; }
 .business-arch { right:38px; width:160px; height:164px; border-radius:100px 100px 0 0; }
 .launch-road { max-width:370px; margin-inline:auto; }
 .section { padding-block:76px; }
 .showcase-grid article { padding:30px; }
 .showcase-app-row { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .tool-surface { padding:27px; }
}
@media(max-width:760px) {
 .wrap { width:calc(100% - 40px); }
 .hero-bottom-row > .wrap { flex-wrap:wrap; gap:4px; padding-block:16px; }
 .hero-bottom-row p { font-size:.82rem; align-items:flex-start; }
 .hero-bottom-row p svg { margin-top:3px; }
 .hero-bottom-row a { font-size:.81rem; }
 .section-head { gap:20px; }
 .overview-grid h2 { font-size:1.13rem; }
 .overview-grid article div > span { font-size:.86rem; }
 .overview-grid p { font-size:.77rem; }
 .choice-heading h2 { font-size:1.05rem; }
 .choice-grid summary { font-size:.92rem; }
 .choice-grid p { font-size:.9rem; }
 .showcase-grid { grid-template-columns:1fr; }
 .showcase-main { grid-row:auto; }
 .showcase-app-row { grid-template-columns:repeat(4,minmax(0,1fr)); }
 .topic-tool-section { padding-block:30px 50px; }
 .page-sections { gap:9px; }
 .page-sections a { flex:1 1 calc(50% - 9px); font-size:.76rem; padding:13px 10px; }
 .tool-heading { align-items:flex-start; }
 .tool-heading > .icon-tile { width:44px; height:44px; }
 .tool-heading h2 { font-size:1.95rem; }
 .tool-heading p:not(.eyebrow) { font-size:.9rem; }
 .tool-surface { padding:24px; }
 .topic-content article,.decision-grid article { padding:28px; }
 .topic-content p,.decision-grid p { font-size:.92rem; }
 .project-brief { padding:23px; }
 .topic-related a { padding:23px; }
 .topic-final > .wrap { padding:30px; }
}
@media(max-width:640px) {
 .wrap { width:calc(100% - 36px); }
 .studio-hero.hero-refresh .hero-grid { padding-block:40px 36px; gap:35px; }
 .studio-hero.hero-refresh h1 { font-size:clamp(2.8rem,10.9vw,4.3rem); letter-spacing:-.058em; }
 .studio-hero.hero-refresh .hero-copy .eyebrow { font-size:.63rem; letter-spacing:.07em; margin-bottom:22px; gap:9px; }
 .hero-eyebrow > span { width:28px; height:28px; }
 .hero-deck { font-size:1.1rem; line-height:1.65; margin-top:22px; }
 .studio-hero.hero-refresh .lead { font-size:.96rem; margin-top:11px; }
 .hero-refresh .actions,.landing-copy .actions { display:grid; grid-template-columns:1fr; gap:10px; }
 .hero-refresh .actions .button,.landing-copy .actions .button { width:100%; min-height:52px; font-size:.9rem; }
 .hero-essentials { gap:12px 16px; margin-top:24px; }
 .hero-essentials li { font-size:.77rem; }
 .studio-hero.hero-refresh .hero-offer-note { font-size:.77rem; margin-top:17px; }
 .studio-composition { padding:16px; border-radius:19px; }
 .composition-heading { padding-bottom:15px; gap:10px; }
 .composition-heading > span:nth-child(2) { font-size:.57rem; max-width:170px; }
 .composition-symbol { width:34px; height:34px; border-radius:10px; }
 .composition-star svg { width:22px; height:22px; }
 .composition-body { grid-template-columns:minmax(0,1fr); gap:12px; }
 .idea-preview { min-height:268px; padding:24px; border-radius:13px; }
 .idea-preview > p { margin-top:21px; font-size:clamp(2.35rem,9vw,3.2rem); }
 .idea-caption span { max-width:170px; font-size:.58rem; }
 .idea-line { max-width:160px; font-size:.76rem; }
 .idea-sculpture { bottom:40px; right:0; transform:rotate(-18deg) scale(.93); }
 .composition-tools { grid-template-columns:repeat(3,minmax(0,1fr)); grid-template-rows:auto; gap:8px; }
 .composition-tools a { padding:14px 5px; align-items:center; text-align:center; gap:10px; }
 .composition-tools a > svg:last-child { display:none; }
 .composition-tools small { display:none; }
 .composition-tools strong { font-size:.68rem; font-weight:600; }
 .composition-offer { margin-top:12px; padding:17px 14px; gap:12px; }
 .offer-symbol { display:none; }
 .composition-offer small { font-size:.59rem; }
 .composition-offer strong { font-size:2rem; }
 .composition-offer em { font-size:.68rem; }
 .offer-arrow { width:40px; height:40px; }
 .hero-bottom-row p { font-size:.8rem; }
 .landing-hero { padding-block:14px 38px; }
 .landing-hero .breadcrumbs { font-size:.65rem; margin-bottom:23px; flex-wrap:wrap; gap:8px; }
 .landing-grid,.layout-plans .landing-grid { gap:33px; }
 .landing-grid > .landing-copy .eyebrow { font-size:.62rem; letter-spacing:.065em; }
 .landing-grid h1 { font-size:clamp(2.25rem,8.5vw,3.5rem); letter-spacing:-.05em; margin-top:19px; }
 .landing-grid .topic-tagline { font-size:1.08rem; margin-top:19px; }
 .landing-grid .lead { font-size:.95rem; line-height:1.8; margin-bottom:24px; }
 .landing-grid .topic-highlights { gap:12px; margin-top:24px; }
 .landing-grid .topic-highlights li { font-size:.77rem; }
 .landing-grid .topic-jump a { font-size:.8rem; }
 .landing-grid .topic-cta-note { font-size:.77rem; }
 .landing-canvas { border-radius:19px; }
 .landing-scene { padding:24px 22px 16px; }
 .scene-topline > span { font-size:.57rem; gap:8px; }
 .scene-topline > span > svg { width:19px; }
 .scene-title { font-size:clamp(2rem,8vw,2.65rem); margin-block:20px 24px; }
 .scene-disclaimer { font-size:.65rem; }
 .landing-offer { padding:22px; }
 .landing-offer-heading { flex-wrap:wrap; gap:10px; }
 .landing-offer-heading > span { width:37px; height:37px; border-radius:10px; }
 .landing-offer-heading h2 { font-size:1.08rem; }
 .landing-offer-heading small { font-size:.55rem; }
 .landing-offer-price { font-size:1.65rem; }
 .landing-offer-price small { font-size:.59rem; }
 .landing-offer > p { font-size:.77rem; }
 .landing-offer-bottom > span,.landing-offer-bottom a { font-size:.74rem; }
 .scene-apps { gap:8px; }
 .scene-apps > div { min-height:93px; }
 .scene-apps strong { font-size:.61rem; }
 .scene-caption-row { font-size:.62rem; }
 .story-toolbar { padding:12px; }
 .story-toolbar > span { font-size:.67rem; }
 .story-toolbar > small { display:none; }
 .story-cover { margin:12px; padding:19px; min-height:143px; }
 .story-cover > strong { font-size:1.7rem; max-width:170px; }
 .story-cover-art { width:136px; right:-41px; height:171px; opacity:.85; }
 .scene-plans > div { gap:10px; padding:14px 12px; }
 .scene-plan-icon { width:34px; height:34px; border-radius:9px; }
 .scene-plan-icon > svg { width:21px; }
 .scene-plans strong { font-size:.76rem; }
 .scene-plans small { font-size:.59rem; }
 .scene-plan-price { font-size:1.17rem; }
 .portfolio-head { padding:16px 13px; }
 .portfolio-head strong { font-size:.75rem; }
 .portfolio-head small { font-size:.61rem; }
 .portfolio-tiles { padding-inline:11px; gap:9px; }
 .portfolio-tiles > div { min-height:110px; padding:14px 12px; }
 .portfolio-tiles strong { font-size:.7rem; }
 .portfolio-footer { font-size:.46rem; padding:15px 13px; }
 .business-window-nav { padding:13px; gap:8px; }
 .business-window-nav strong { font-size:.69rem; }
 .business-window-nav > span { font-size:.43rem; }
 .business-window-hero { padding:20px; min-height:152px; }
 .business-window-hero > strong { font-size:1.8rem; }
 .business-arch { right:-10px; width:97px; height:130px; opacity:.8; }
 .business-window-email { padding:15px; font-size:.65rem; }
 .client-board { padding:15px; }
 .client-board-title { font-size:.72rem; }
 .client-row strong { font-size:.74rem; }
 .client-row small { font-size:.54rem; }
 .launch-board { padding:20px 15px; }
 .launch-board > strong { font-size:.86rem; }
 .launch-road { gap:9px; }
 .launch-road > span { font-size:.6rem; }
 .section { padding-block:63px; }
 .section-head { margin-bottom:29px; }
 .section-head h2,.center-head h2 { font-size:clamp(2rem,7.5vw,2.8rem); }
 .section-head > p,.center-head > p:last-child { font-size:.94rem; }
 .center-head { margin-bottom:32px; }
 .trust-grid { gap:22px 13px; padding-block:28px; }
 .trust-grid strong { font-size:.77rem; }
 .trust-grid small { font-size:.69rem; }
 .trust-grid article > span { width:39px; height:39px; }
 .service-card { padding:28px; }
 .service-card h3 { font-size:1.33rem; }
 .service-card > p { font-size:.92rem; min-height:0; }
 .service-card li { font-size:.84rem; }
 .service-price { min-height:132px; }
 .service-price > span,.service-price > small { font-size:.78rem; }
 .service-card .button { font-size:.9rem; }
 .plan-finder { padding:23px; }
 .finder-options button { padding:16px 12px; }
 .finder-options strong { font-size:.86rem; }
 .finder-options small { font-size:.73rem; }
 .finder-result #recommendation { font-size:.83rem; }
 .plan-card,.plan-card.featured-plan { padding:29px 25px; }
 .pricing-controls p { font-size:.8rem; }
 .plan-summary { font-size:.92rem; }
 .plan-card .features { font-size:.88rem; }
 .plan-microcopy,.price-note,.pricing-foot,.checkout-note { font-size:.81rem; }
 .showcase-grid article { padding:29px 25px; border-radius:19px; }
 .showcase-main h3 { font-size:2.65rem; }
 .showcase-grid p:not(.eyebrow) { font-size:.93rem; }
 .showcase-app-row { gap:8px; padding-top:27px; }
 .showcase-app-row > span { padding:18px 2px; }
 .showcase-app-row strong { font-size:.61rem; }
 .showcase-app-row svg { width:23px; }
 .project-card h3 { font-size:1.55rem; }
 .project-card p { font-size:.89rem; }
 .faq-list summary { padding:19px 20px; font-size:.92rem; }
 .faq-list p { font-size:.9rem; padding-inline:20px; }
 .final-box { padding:33px 25px; border-radius:20px; }
 .final-box h2 { font-size:2.15rem; }
 .final-box > p:not(.eyebrow) { font-size:.93rem; }
 .tool-heading { gap:13px; }
 .tool-heading > .icon-tile { width:39px; height:39px; border-radius:11px; }
 .tool-heading h2 { font-size:1.75rem; }
 .tool-heading .eyebrow { font-size:.58rem; }
 .tool-surface { padding:22px; }
 .tool-surface h3 { font-size:1.3rem; }
 .tool-surface p,.tool-bullets,.panel-workflow li { font-size:.89rem; }
 .tool-surface .tool-note { font-size:.79rem; }
 .tool-surface label { font-size:.87rem; }
 .tool-plans article { padding:23px; }
 .tool-plans .tool-plan-price { font-size:1.65rem; }
 .panel-tabs button { font-size:.75rem; padding-inline:10px; }
 .topic-content article,.decision-grid article { padding:27px; }
 .topic-content h3 { font-size:1.33rem; }
 .topic-content p,.decision-grid p { font-size:.91rem; }
 .topic-steps li { font-size:.91rem; }
 .topic-final { padding-bottom:53px; }
 .topic-final > .wrap { padding:28px 24px; }
 .topic-final h2 { font-size:1.9rem; }
 .footer-about p { font-size:.9rem; }
 .footer-grid > div > a:not(.brand):not(.text-link) { font-size:.87rem; }
}
@media(max-width:360px) {
 .wrap { width:calc(100% - 32px); }
 .studio-hero.hero-refresh .hero-copy .eyebrow { font-size:.57rem; }
 .hero-eyebrow > span { width:25px; height:25px; }
 .studio-hero.hero-refresh h1 { font-size:2.9rem; }
 .hero-deck { font-size:1.03rem; }
 .hero-essentials { gap:12px; }
 .hero-essentials li { font-size:.72rem; gap:6px; }
 .studio-composition { padding:13px; }
 .composition-heading > span:nth-child(2) { font-size:.54rem; max-width:143px; }
 .composition-star svg { width:20px; }
 .idea-preview { padding:20px; min-height:262px; }
 .idea-preview > p { font-size:2.3rem; }
 .idea-caption span { max-width:145px; font-size:.54rem; }
 .idea-line { max-width:135px; font-size:.69rem; }
 .idea-sculpture { right:-35px; bottom:39px; transform:rotate(-18deg) scale(.78); }
 .composition-tools { gap:6px; }
 .composition-tools strong { font-size:.6rem; }
 .composition-offer { padding:15px 12px; gap:8px; }
 .composition-offer em { font-size:.61rem; }
 .offer-arrow { width:36px; height:36px; }
 .landing-grid h1 { font-size:2.23rem; }
 .landing-grid > .landing-copy .eyebrow { font-size:.57rem; }
 .landing-grid .topic-highlights li { font-size:.72rem; }
 .landing-scene { padding-inline:18px; }
 .scene-topline > span { font-size:.52rem; }
 .scene-topline > svg { width:19px; }
 .scene-title { font-size:2rem; }
 .landing-offer { padding:20px 18px; }
 .landing-offer-heading > span { display:none; }
 .landing-offer-heading h2 { font-size:1.06rem; }
 .landing-offer-price { font-size:1.6rem; }
 .scene-plan-icon { display:none; }
 .scene-plans strong { font-size:.8rem; }
 .scene-plans small { font-size:.64rem; }
 .story-cover > strong { font-size:1.5rem; }
 .story-cover-art { right:-58px; }
 .portfolio-tiles strong { font-size:.63rem; }
 .business-window-nav > span { display:none; }
 .scene-apps { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .scene-apps strong { font-size:.68rem; }
 .scene-caption-row { font-size:.58rem; }
 .trust-grid { grid-template-columns:1fr; }
 .trust-grid strong { font-size:.86rem; }
 .trust-grid small { font-size:.79rem; }
 .service-card,.plan-card,.plan-card.featured-plan { padding:25px 22px; }
 .finder-options strong { font-size:.79rem; }
 .finder-options small { font-size:.68rem; }
 .showcase-main h3 { font-size:2.3rem; }
 .showcase-app-row { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .showcase-app-row strong { font-size:.74rem; }
 .tool-surface { padding:19px; }
 .tool-heading > .icon-tile { display:none; }
 .page-sections a { font-size:.7rem; }
 .topic-content article,.decision-grid article { padding:24px; }
 .topic-final > .wrap { padding:24px 21px; }
}
@media(prefers-reduced-motion:reduce) {
 .service-card,.plan-card,.button,.composition-offer,.composition-tools a { transition:none; }
 .service-card:hover,.plan-card:hover,.button:hover { transform:none; }
}
/* Keep illustrative shapes below the headline and away from descriptive copy. */
.idea-sculpture { right:-12px; bottom:44px; transform:scale(.76); transform-origin:bottom right; }
@media(max-width:1000px) and (min-width:641px) { .idea-sculpture { right:0; bottom:36px; transform:scale(.9); } }
@media(max-width:640px) { .idea-preview { min-height:292px; } .idea-sculpture { right:-6px; bottom:43px; transform:scale(.74); } }
@media(max-width:360px) { .idea-sculpture { right:-14px; bottom:43px; transform:scale(.65); } }
@media(max-width:360px) { .trust-grid article { padding-inline:0; border-right:0; } }