/* /unified/site.css */
/* Local/system typography keeps the preview independent of third-party font requests. */
/* Scoped editorial-library and preview treatments. */
.library-search{margin-bottom:35px}.library-search label{display:block;font-weight:600;margin-bottom:12px}.library-search>div{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.library-search input{min-width:0;width:min(100%,480px);padding:13px 16px;border:1px solid #d6d2ca;border-radius:5px;background:#fff}.library-card.service-card{padding:0;overflow:hidden}.library-image{width:100%;height:180px;object-fit:cover;display:block;background:#f7f6f3}.library-placeholder{height:180px;background:#f1eee8;display:flex;align-items:center;justify-content:center;letter-spacing:.15em;font-size:12px;color:#a33422}.library-card-body{padding:25px;display:flex;flex-direction:column;flex:1}.library-card-body h2{font-size:23px;letter-spacing:-.03em;line-height:1.2;margin:0 0 16px;overflow-wrap:anywhere}.library-card-body>p:not(.eyebrow){font-size:13px;flex:1}.library-card-body .card-link{display:block}.library-pagination{display:flex;justify-content:center;align-items:center;gap:25px;flex-wrap:wrap;margin-top:40px;font-size:13px}.library-pagination .button{border-color:#e6e4e0}.library-preview-note{padding-top:18px;padding-bottom:18px;font-size:12px;line-height:1.6;color:#6c4436}.library-preview-note strong{color:#842718}
:root{--brand:#ef3b24;--action:#c82d1b;--ink:#1c1b1f;--text:#5b5a60;--warm:#f7f6f3;--line:#e6e4e0;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);font:16px/1.65 Inter,Arial,sans-serif;background:#fff}a{color:inherit;text-decoration:none}button,input{font:inherit}img{max-width:100%;height:auto}p{margin:0 0 20px;color:var(--text)}h1,h2,h3{line-height:1.12;letter-spacing:-.055em;margin:0 0 24px;font-weight:650}h1{font-size:clamp(44px,5.65vw,76px)}h2{font-size:clamp(34px,4vw,52px)}h3{font-size:25px;letter-spacing:-.035em}em{font-style:normal;color:var(--brand)}.container{width:min(1200px,calc(100% - 64px));margin:auto}.narrow{max-width:850px}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:var(--ink);color:white;padding:12px}.skip-link:focus{top:10px}:focus-visible{outline:3px solid #276ac5;outline-offset:5px}.staging-banner{text-align:center;background:#252429;color:#f5f2eb;padding:7px 16px;font-size:11px;letter-spacing:.04em}.status-dot{display:inline-block;width:6px;height:6px;background:#f9b499;border-radius:50%;margin-right:7px}.site-header{background:#ffffffed;border-bottom:1px solid var(--line);position:relative;z-index:30}.header-inner{height:92px;display:flex;align-items:center;gap:45px}.brand{display:flex;align-items:center;flex-shrink:0}.brand img{width:118px}.desktop-nav{display:flex;gap:27px;margin:auto;font-size:13px;font-weight:600}.desktop-nav a:hover,.text-link:hover,.footer-grid a:hover{color:var(--action)}.header-actions{display:flex;gap:23px;align-items:center;font-size:13px;font-weight:600}.cart-link{display:flex;padding:7px}.account-link{border-left:1px solid var(--line);padding-left:20px;white-space:nowrap}.account-link span{margin-left:13px}.mobile-nav{display:none}.hero{overflow:hidden;background:var(--warm)}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:55px;min-height:650px;padding-top:65px;padding-bottom:68px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.16em;line-height:1.5;color:var(--text);margin-bottom:22px}.tiny-rule{display:inline-block;width:22px;height:2px;background:var(--brand);vertical-align:middle;margin-right:9px}.hero h1{margin-bottom:27px}.hero-intro{font-size:16px;line-height:1.75;max-width:480px}.button-row{display:flex;gap:28px;align-items:center;margin-top:30px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:50px;padding:13px 23px;border-radius:5px;font-size:13px;font-weight:600;border:1px solid transparent;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button-primary{color:#fff;background:var(--action)}.button-primary:hover{background:#aa2314}.button-light{color:var(--ink);background:#fff}.text-link{font-weight:600;font-size:13px;display:inline-block}.hero-note{font-size:11px;margin:22px 0 0}.hero-art{height:475px;position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center}.art-grid{position:absolute;inset:20px;background-image:linear-gradient(#dcdad540 1px,transparent 1px),linear-gradient(90deg,#dcdad540 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(ellipse,#000 25%,transparent 70%);z-index:-2}.art-label{position:absolute;top:0;right:10px;font-size:9px;font-weight:600;letter-spacing:.2em;color:#89858a}.orbit{position:absolute;border:1px solid #dfdcd6;border-radius:50%;width:390px;height:390px;transform:rotateX(53deg) rotate(-35deg);z-index:-1}.orbit-two{width:480px;height:480px;transform:rotateX(55deg) rotate(30deg)}.server-stack{width:260px;transform:rotate(-9deg) skewY(5deg);filter:drop-shadow(0 30px 20px #24222b25);position:relative}.server-unit{height:75px;margin-bottom:13px;border-radius:9px;background:linear-gradient(115deg,#4a494e,#29282d 70%);border-top:5px solid #68666b;box-shadow:9px 9px 0 #17161b;display:flex;align-items:center;gap:6px;padding:0 19px;position:relative}.server-unit:after{content:'';position:absolute;inset:8px 8px 10px;border:1px solid #57555d;border-radius:4px;pointer-events:none}.server-slot{width:80px;height:7px;border-radius:2px;background:#16151b;margin-right:auto;box-shadow:0 9px #16151b}.server-unit i{width:4px;height:4px;border-radius:50%;background:#ef6d50}.server-unit b{font-size:10px;color:#969299;margin-left:12px;font-weight:400}.server-base{height:20px;width:290px;margin-left:-15px;background:#ef3b24;border-radius:5px;box-shadow:9px 7px #b52516;transform:translateY(5px)}.art-tag{position:absolute;display:flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);padding:15px 19px;border-radius:7px;box-shadow:0 12px 32px #21202a08;font-size:12px;font-weight:600;line-height:1.3}.art-tag small{display:block;font-size:10px;font-weight:400;color:var(--text);margin-top:4px}.tag-icon{font-size:25px;color:var(--brand)}.art-tag-top{top:65px;right:-7px}.art-tag-bottom{bottom:40px;left:-5px}.art-coordinate{position:absolute;bottom:0;right:5px;font-size:9px;letter-spacing:.1em;color:#88838a}.proof-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.proof-grid{display:grid;grid-template-columns:repeat(4,1fr)}.proof-grid>div{display:flex;align-items:center;justify-content:center;gap:13px;padding:23px 10px;font-size:11px;font-weight:500}.proof-grid>div+div{border-left:1px solid var(--line)}.proof-icon{font-size:24px;color:var(--brand);line-height:1}.section{padding:95px 0}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:40px}.section-heading h2{margin-bottom:0}.section-heading>p{font-size:14px;margin:0 0 4px;max-width:380px}.section-heading>.text-link{margin-bottom:7px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{border:1px solid var(--line);padding:27px 28px 25px;border-radius:9px;display:flex;flex-direction:column;transition:box-shadow .2s,border-color .2s;background:#fff}.service-card:hover{;border-color:rgba(0,0,0,.5);box-shadow:none}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.service-icon{font-size:31px;color:var(--brand);line-height:1}.card-arrow{color:#969098;font-size:20px}.service-card .eyebrow{font-size:9px;margin-bottom:10px}.service-card h3{font-size:23px;margin-bottom:14px}.service-card>p:not(.eyebrow){font-size:13px;line-height:1.75;flex:1}.card-link{font-size:11px;font-weight:600;padding-top:8px}.card-link span{float:right}.dark-section{background:#242328;color:#fff}.dark-section .eyebrow{color:#c2bdc5}.dark-section p{color:#c0bdc4}.support-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.dark-intro{max-width:400px;font-size:15px;margin-bottom:30px}.support-list>div{display:flex;gap:25px;padding:25px 0;border-bottom:1px solid #48464d}.support-list>div:first-child{padding-top:0}.support-list>div:last-child{border-bottom:0}.support-list>div>span{font-size:10px;color:#ec9b8d;padding-top:3px}.support-list h3{font-size:20px;letter-spacing:-.025em;margin-bottom:10px}.support-list p{font-size:13px;line-height:1.75;margin:0}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.story-card .eyebrow{margin:23px 0 12px}.story-card h3{font-size:28px;margin-bottom:15px}.story-card p:not(.eyebrow){font-size:14px;max-width:400px}.story-art{height:230px;border-radius:8px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.story-one{background:#ecebe6}.story-art>span{font-size:65px;letter-spacing:-.07em;font-weight:600;z-index:2}.story-one>span{background:#fff;padding:15px 35px;border-radius:8px;box-shadow:15px 15px 0 #d8d6cf;font-size:45px}.story-lines{position:absolute;width:440px;height:440px;border:1px solid #c7c5bd;transform:rotate(45deg);border-radius:60px}.story-lines:after{content:'';position:absolute;inset:35px;border:1px solid #d1cec6;border-radius:50px}.story-two{background:#f7e7e1}.story-two>span{position:absolute;left:100px;bottom:40px}.story-window{width:240px;height:130px;border:2px solid #c98b7b;transform:rotate(-8deg);border-radius:8px;position:absolute;right:75px;top:37px}.story-window:after{content:'';position:absolute;left:0;right:0;top:25px;border-top:1px solid #c98b7b}.story-window i{display:inline-block;width:4px;height:4px;background:#c98b7b;border-radius:50%;margin-left:8px;vertical-align:top;margin-top:10px}.contact-band{background:var(--warm);padding:65px 0;border-top:1px solid var(--line)}.contact-band>.container{display:flex;justify-content:space-between;align-items:center;gap:35px}.contact-band h2{font-size:36px;margin-bottom:0}.contact-band .eyebrow{margin-bottom:17px}.site-footer{padding:66px 0 0}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:45px}.footer-logo{display:block;margin-bottom:14px}.footer-grid p{font-size:13px}.footer-caption{font-size:10px!important;color:#77717a}.footer-grid h2{font-size:12px;letter-spacing:0;font-weight:600;margin:9px 0 24px}.footer-grid a:not(.footer-logo){display:block;font-size:12px;color:var(--text);margin-bottom:11px}.footer-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;margin-top:55px;padding-top:20px;padding-bottom:24px;font-size:10px;color:#7b757e}.breadcrumb{font-size:11px;color:var(--text);display:flex;gap:10px;flex-wrap:wrap;margin-bottom:40px}.product-hero,.content-hero{background:var(--warm);padding:35px 0 70px}.product-hero-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:100px;align-items:center}.product-hero h1{font-size:clamp(40px,4.5vw,60px)}.product-art{background:#eae7e1;min-height:290px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.product-art:after{content:'';position:absolute;width:300px;height:300px;border:1px solid #d0cac0;border-radius:60px;transform:rotate(35deg)}.product-art-mark{font-size:130px;letter-spacing:-.1em;font-weight:700;line-height:1;z-index:1}.product-art-mark span{color:var(--brand)}.product-art p{text-align:center;font-size:9px;letter-spacing:.2em;margin:15px 0 0;z-index:1}.plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:23px}.plan-card{border:1px solid var(--line);border-radius:9px;padding:28px;display:flex;flex-direction:column}.plan-card h3{font-size:25px;min-height:55px}.plan-price{display:flex;flex-direction:column;min-height:90px}.plan-price strong{font-size:29px;letter-spacing:-.04em}.plan-price span{font-size:11px;color:var(--text)}.feature-list{list-style:none;padding:15px 0 0;margin:12px 0;flex:1}.feature-list li{font-size:13px;padding:8px 0 8px 22px;position:relative;border-bottom:1px solid #f2f0ed}.feature-list li:before{content:'✓';position:absolute;left:0;color:var(--action)}.plan-disclaimer{font-size:10px;margin:20px 0 0}.empty-plans{grid-column:1/-1;text-align:center;background:var(--warm);border:1px dashed #d9d4cb;border-radius:9px;padding:48px 25px}.empty-plans h3{margin:20px 0 14px}.empty-plans p{max-width:560px;margin:0 auto 22px;font-size:14px}.soft-section{background:var(--warm)}.light-list>div{border-color:var(--line)}.light-list>div>span{color:var(--action)}.faq{margin-top:35px}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{font-weight:600;cursor:pointer;font-size:15px;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq summary:after{content:'+';font-weight:400;color:var(--action);font-size:22px}.faq details[open] summary:after{content:'−'}.faq p{font-size:14px;margin:15px 0 5px;max-width:720px}.content-hero h1{font-size:clamp(38px,4.5vw,58px);max-width:1000px}.prose{max-width:1000px}.prose h2{font-size:32px;margin-top:40px}.prose h3{font-size:24px;margin-top:30px}.prose a{color:var(--action);text-decoration:underline}.prose table{display:block;overflow-x:auto;max-width:100%}.prose img{height:auto}.prose .wp-block-columns{display:flex;gap:25px}.prose figure{max-width:100%;margin-left:0;margin-right:0}
@media(min-width:1450px){.hero-grid{min-height:690px}.hero-art{height:510px}}@media(max-width:1080px){.header-inner{gap:20px}.desktop-nav{gap:18px}.account-link{padding-left:10px}.header-actions{gap:9px}.hero-grid{gap:20px}.hero-art{transform:scale(.9);transform-origin:center}.support-grid{gap:50px}.service-card{padding:24px}.footer-grid{gap:25px}}@media(max-width:850px){.container{width:calc(100% - 40px)}.desktop-nav{display:none}.header-inner{height:77px;gap:20px}.header-actions{margin-left:auto}.mobile-nav{display:block}.mobile-nav summary{font-size:12px;cursor:pointer;list-style:none;padding:12px 0 12px 8px}.mobile-nav summary span{margin-left:5px}.mobile-nav nav{position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 12px 15px #25242910;padding:15px 20px}.mobile-nav nav a{display:block;padding:10px;font-size:14px}.hero-grid{grid-template-columns:1fr 1fr;padding:55px 0;min-height:550px}.hero h1{font-size:52px}.hero-art{transform:scale(.75);margin-left:-40px;margin-right:-25px}.hero-intro{font-size:14px}.button-row{gap:18px}.button{gap:16px;padding:12px 18px}.proof-grid{grid-template-columns:repeat(2,1fr)}.proof-grid>div{padding:17px 8px}.proof-grid>div:nth-child(3){border-left:0}.proof-grid>div:nth-child(n+3){border-top:1px solid var(--line)}.section{padding:68px 0}.service-grid{grid-template-columns:repeat(2,1fr)}.support-grid{gap:40px}.support-grid h2{font-size:37px}.footer-grid{grid-template-columns:1.5fr 1fr;row-gap:35px}.product-hero-grid{gap:35px;grid-template-columns:1.4fr 1fr}.product-art{min-height:230px}.story-two>span{left:35px}.story-window{right:20px}.contact-band h2{font-size:30px}}
@media(max-width:600px){.staging-banner{font-size:9px}.banner-detail{display:block;font-size:9px;margin-top:1px}.brand img{width:99px}.account-link{font-size:11px;border:0;padding-left:0}.account-link span{display:none}.header-inner{gap:12px}.header-actions{gap:6px}.hero-grid{display:flex;flex-direction:column;gap:5px;padding-top:40px;padding-bottom:20px}.hero-copy{width:100%}.hero .eyebrow{font-size:8px;letter-spacing:.1em}.hero h1{font-size:54px}.hero-intro{max-width:100%;font-size:15px}.hero-art{width:100%;height:340px;margin:-5px 0 -10px;transform:scale(.77);transform-origin:center}.art-tag-top{right:-7px;top:10px}.art-tag-bottom{bottom:0;left:-10px}.art-label{top:-5px}.art-coordinate{bottom:-30px}.hero-note{font-size:10px}.proof-grid>div{gap:8px;font-size:9px}.proof-icon{font-size:23px}.section-heading{display:block;margin-bottom:30px}.section-heading>p,.section-heading>.text-link{margin-top:24px}.section-heading h2{font-size:38px}.section{padding:56px 0}.service-grid{grid-template-columns:1fr;gap:14px}.service-card{padding:24px}.card-top{margin-bottom:22px}.service-card>p:not(.eyebrow){max-width:400px}.support-grid{grid-template-columns:1fr;gap:38px}.support-grid h2{font-size:38px}.support-list>div{gap:20px}.story-grid{grid-template-columns:1fr;gap:35px}.story-art{height:220px}.story-card h3{font-size:27px}.contact-band{padding:45px 0}.contact-band>.container{align-items:flex-start;flex-direction:column;gap:25px}.contact-band h2{font-size:32px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px 18px}.footer-grid>div:first-child{grid-column:1/-1}.site-footer{padding-top:40px}.footer-bottom{gap:15px;margin-top:35px;font-size:9px}.footer-caption{font-size:9px!important}.product-hero-grid{display:block}.product-art{display:none}.product-hero{padding-bottom:48px}.product-hero h1{font-size:44px}.breadcrumb{font-size:10px;gap:8px;margin-bottom:30px}.plan-card h3{min-height:0}.prose .wp-block-columns{display:block}.prose h2{font-size:28px}.content-hero{padding-bottom:40px}.content-hero h1{font-size:38px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* /unified/commerce.css */
.commerce-top{background:var(--warm);padding:55px 0 42px}.commerce-top h1,.account-heading h1{font-size:clamp(38px,4.8vw,58px)}.commerce-top p:last-child{max-width:650px;margin-bottom:0}.commerce-section{padding:45px 0 85px;background:#fcfbf9}.commerce-notice{background:#fff3e9;border:1px solid #efd7c5;border-radius:7px;padding:15px 19px;font-size:12px;line-height:1.7;color:#6c4831;margin-bottom:25px}.commerce-notice strong{display:inline;color:#513220}.commerce-notice.success{background:#eff8f0;border-color:#cce1cf;color:#275633}.commerce-notice.error{background:#fff0ed;border-color:#e8bdb4;color:#7c3023}.commerce-notice ul{margin:5px 0 0;padding-left:18px}.commerce-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);gap:30px;align-items:start}.commerce-panel{border:1px solid var(--line);background:#fff;border-radius:10px;padding:30px;min-width:0}.commerce-panel h2{font-size:27px;letter-spacing:-.04em}.commerce-panel h3{font-size:21px}.step-label{font-size:11px;font-weight:600;letter-spacing:.03em;display:flex;align-items:center;gap:12px;margin-bottom:25px}.step-label>span{display:grid;place-items:center;min-width:26px;height:26px;border-radius:50%;background:#f6ece6;color:var(--action);font-size:10px}.field-label{display:block;font-size:12px;font-weight:600;margin:20px 0 8px}.text-input{display:block;width:100%;border:1px solid #d5d1cc;border-radius:5px;min-height:46px;padding:11px 12px;color:var(--ink);background:white;font:14px/1.5 inherit;resize:vertical}.text-input:focus{outline:2px solid #276ac5;outline-offset:2px}.field-help{font-size:10px;line-height:1.7;margin:7px 0 16px}.commerce-panel form>.button{margin-top:24px}.plan-options{border:0;padding:0;margin:0;min-width:0}.plan-options legend{margin-top:0}.plan-option{display:flex;gap:13px;align-items:start;border:1px solid var(--line);border-radius:7px;padding:18px 15px;margin-top:12px;cursor:pointer}.plan-option:has(input:checked){border-color:var(--action);background:#fff9f6}.plan-option input{accent-color:var(--action);margin-top:5px;flex-shrink:0;width:16px;height:16px}.option-copy{flex:1;min-width:0}.option-copy strong{font-size:14px;display:block}.option-copy small{font-size:11px;line-height:1.6;color:var(--text);display:block;margin-top:5px}.option-features{font-size:10px;display:block;margin-top:10px;color:#746d72}.option-price{font-size:14px;font-weight:600;white-space:nowrap;text-align:right}.option-price small{display:block;font-size:9px;font-weight:400;color:var(--text)}.form-note{padding:18px;background:var(--warm);border-radius:5px;margin-top:24px;font-size:12px}.form-note p{font-size:11px;line-height:1.7;margin:7px 0 0}.commerce-aside{padding:28px 15px 20px 20px}.journey-list{padding:0;list-style:none;counter-reset:journey;margin:0 0 30px}.journey-list li{counter-increment:journey;position:relative;padding:0 0 28px 38px;font-size:12px}.journey-list li:before{content:counter(journey);position:absolute;left:0;top:0;border:1px solid #d9d3cb;border-radius:50%;width:24px;height:24px;display:grid;place-items:center;font-size:10px;background:#fff}.journey-list strong{display:block}.journey-list span{display:block;color:var(--text);font-size:11px;margin-top:5px}.button-outline{background:white;border:1px solid #d6d1cc;color:var(--ink)}.aside-footnote{font-size:10px;margin:17px 0 0;line-height:1.8}.commerce-empty{text-align:center;padding:45px 25px}.commerce-empty>span{font-size:38px;color:var(--brand);display:block;margin-bottom:16px}.commerce-empty p{font-size:14px;max-width:530px;margin:0 auto 25px}.commerce-empty.compact{padding:30px 10px 10px}.cart-items{padding:8px 25px}.cart-item{display:flex;gap:20px;align-items:start;padding:25px 0;border-bottom:1px solid var(--line)}.cart-item:last-child{border:0}.cart-item-icon{font-size:29px;color:var(--brand);padding-top:2px}.cart-item-copy{flex:1;min-width:0}.cart-item h2{font-size:20px;margin:0 0 9px;letter-spacing:-.035em}.cart-item p{font-size:11px;margin-bottom:7px}.cart-item>strong{font-size:14px;white-space:nowrap}.remove-button{border:0;background:none;padding:0;color:var(--action);font-size:11px;text-decoration:underline;cursor:pointer;min-height:28px}.cart-under{display:flex;justify-content:space-between;gap:15px;padding-top:22px;align-items:center}.order-summary .button{width:100%;margin-top:14px}.summary-row{display:flex;justify-content:space-between;gap:15px;font-size:12px;padding:13px 0;border-bottom:1px solid var(--line)}.summary-total{margin-bottom:15px}.summary-total strong{font-size:22px;letter-spacing:-.03em}.small-copy{font-size:12px;line-height:1.85}.checkout-item{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:18px 0;margin-bottom:18px}.checkout-item h2{font-size:20px;margin-bottom:8px}.checkout-item p{font-size:11px;margin:0}.checkout-item>strong{font-size:14px;white-space:nowrap}.secondary-account-link{display:block;text-align:center;color:var(--action);font-size:11px;margin-top:20px}.auth-section{padding:75px 0 90px;background:var(--warm)}.auth-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:90px;align-items:center}.auth-intro h1{font-size:clamp(40px,4.4vw,58px)}.auth-intro>p{max-width:420px;font-size:15px}.auth-safety{display:flex;gap:17px;border-top:1px solid var(--line);margin-top:36px;padding-top:24px;max-width:420px}.auth-safety>span{font-size:30px;color:var(--brand)}.auth-safety strong{font-size:12px}.auth-safety p{font-size:11px;margin:7px 0 0}.auth-panel{padding:35px}.auth-panel h2{font-size:30px}.auth-panel .button{width:100%;margin-top:25px}.auth-switch{font-size:11px;text-align:center;margin:22px 0 0}.auth-switch a{color:var(--action);font-weight:600}.account-section{padding:50px 0 80px;background:#fcfbf9}.account-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:25px}.account-heading h1{font-size:42px;margin-bottom:12px;overflow-wrap:anywhere}.account-heading p{font-size:14px;margin-bottom:0}.account-heading .eyebrow{font-size:10px;margin-bottom:13px}.account-grid{display:grid;grid-template-columns:210px minmax(0,1fr);gap:35px}.account-nav{display:flex;flex-direction:column;gap:5px;padding-top:5px}.account-nav a{font-size:12px;padding:13px 15px;border-radius:5px;display:flex;justify-content:space-between;gap:10px}.account-nav a[aria-current]{background:#f5e8e1;color:var(--action);font-weight:600}.account-nav a:not([aria-current]):hover{background:#f1efeb}.account-main>.commerce-panel+.commerce-panel{margin-top:25px}.account-welcome{background:#27262c;color:white;padding:35px}.account-welcome h2{font-size:37px}.account-welcome p{max-width:530px;color:#c7c1ca;font-size:13px}.account-welcome .eyebrow{font-size:10px}.account-quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px;margin-top:23px}.account-quick-grid h3{margin:23px 0 12px}.account-quick-grid p{font-size:12px}.preview-record{border-top:1px solid var(--line);padding:23px 0 4px;margin-top:18px}.record-heading{display:flex;justify-content:space-between;align-items:start;gap:15px}.record-heading h3{font-size:16px;margin-bottom:8px;overflow-wrap:anywhere}.demo-badge{font-size:9px;white-space:nowrap;background:#f4eee8;color:#735546;border:1px solid #e7dacc;border-radius:4px;padding:3px 7px}.record-date{font-size:10px;margin-bottom:13px}.record-line{display:flex;justify-content:space-between;gap:20px;font-size:12px;padding:10px 0}.record-line small{display:block;color:var(--text);font-size:10px;margin-top:3px}.record-line strong{white-space:nowrap}.ticket-message{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.profile-fields{margin:20px 0}.profile-fields>div{padding:14px 0;border-bottom:1px solid var(--line)}.profile-fields dt{font-size:10px;color:var(--text);margin-bottom:6px}.profile-fields dd{margin:0;font-size:14px;overflow-wrap:anywhere}.contact-options{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.contact-options h2{font-size:24px;margin-top:23px}.contact-options p{font-size:13px}.contact-options .commerce-panel{display:flex;flex-direction:column}.contact-options .text-link{margin-top:auto}
@media(max-width:900px){.commerce-grid{grid-template-columns:minmax(0,1.4fr) minmax(240px,1fr);gap:20px}.commerce-panel{padding:23px}.option-price{font-size:12px}.option-copy strong{font-size:13px}.plan-option{gap:9px;flex-wrap:wrap}.option-copy{flex-basis:60%}.option-price{padding-left:25px;text-align:left}.auth-grid{gap:40px}.account-grid{grid-template-columns:180px minmax(0,1fr);gap:20px}.contact-options{gap:15px}.contact-options .commerce-panel{padding:23px}}@media(max-width:650px){.commerce-top{padding:35px 0}.commerce-top h1{font-size:40px}.commerce-top p{font-size:14px}.commerce-section{padding:28px 0 50px}.commerce-grid{grid-template-columns:1fr}.commerce-aside{padding:15px 8px}.commerce-panel{padding:23px}.commerce-notice{font-size:11px;padding:13px 15px}.cart-items{padding:3px 18px}.cart-item{gap:12px}.cart-item-icon{display:none}.cart-item h2{font-size:18px}.cart-item>strong{font-size:12px}.order-summary h2{font-size:25px}.auth-section{padding:38px 0 50px}.auth-grid{grid-template-columns:1fr;gap:25px}.auth-intro h1{font-size:43px}.auth-intro>p{font-size:14px}.auth-safety{margin-top:22px;padding-top:18px}.auth-panel{padding:26px}.account-section{padding:30px 0 50px}.account-heading{align-items:start;gap:10px}.account-heading h1{font-size:32px}.account-heading .button{font-size:10px;padding:9px 12px;min-height:38px;white-space:nowrap}.account-heading p{font-size:12px}.account-grid{display:block}.account-nav{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;margin-bottom:25px}.account-nav a{font-size:11px;padding:11px 12px}.account-quick-grid{grid-template-columns:1fr;gap:15px;margin-top:15px}.account-welcome h2{font-size:33px}.record-heading{display:block}.record-heading .demo-badge{display:inline-block;margin-bottom:8px}.contact-options{grid-template-columns:1fr}.checkout-item{gap:10px}.checkout-item h2{font-size:18px}.checkout-item>strong{font-size:12px}}

/* /unified/navigation.css */
.quape-icon{width:32px;height:32px;display:block;flex-shrink:0}.service-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px}.desktop-nav{align-items:center;gap:24px}.nav-group{position:relative}.nav-group>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px;min-height:44px}.nav-group>summary::-webkit-details-marker{display:none}.nav-group[open]>summary{color:var(--action)}.nav-group[open]>summary svg{transform:rotate(180deg)}.nav-dropdown{position:absolute;top:calc(100% + 13px);left:-20px;min-width:245px;padding:12px;background:#fff;border:1px solid var(--line);box-shadow:0 12px 30px #211e2815;border-radius:7px;z-index:60}.nav-dropdown a{display:block;padding:10px 12px;border-radius:4px;font-size:12px;font-weight:500}.nav-dropdown a:hover{background:var(--warm)}.nav-group:last-child .nav-dropdown{left:auto;right:-20px}.mobile-nav>nav{max-height:75vh;overflow-y:auto}.mobile-nav .nav-group>summary{padding:10px;font-size:14px;font-weight:600;justify-content:space-between}.mobile-nav .nav-dropdown{position:static;min-width:0;box-shadow:none;border:0;border-radius:0;background:var(--warm);padding:5px 10px;margin-bottom:5px}.mobile-nav .nav-dropdown a{font-size:12px;padding:10px}.mobile-nav .nav-group[open]>summary{color:var(--action)}@media(max-width:1080px){.desktop-nav{gap:16px}}@media(max-width:850px){.desktop-nav{display:none}}

/* /unified/domain.css */
.domain-hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:4rem;align-items:center}.domain-sign{padding:3.5rem 2.5rem;background:#fff;border:1px solid #e3ddd7;border-radius:24px;box-shadow:0 20px 60px #2c17280a;transform:rotate(-3deg)}.domain-sign>span,.domain-sign small{display:block;color:#746d72;font-size:.8rem;letter-spacing:.12em}.domain-sign strong{display:block;font-size:clamp(1.8rem,3vw,3.2rem);margin:1rem 0 2rem;letter-spacing:-.06em}.domain-sign strong span{color:#c72f69}.domain-preview-note{padding:1.25rem 1.5rem;background:#f7f4f1;border-left:3px solid #bf366a;border-radius:4px;line-height:1.7;margin-bottom:2rem}.domain-preview-note strong{display:block}.domain-filter label{display:block;font-weight:600;margin-bottom:.6rem}.domain-filter>div{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.domain-filter input{border:1px solid #c9c3c7;border-radius:8px;padding:.9rem 1rem;font:inherit;flex:1;min-width:180px;max-width:500px}.domain-filter p,.domain-card p,.domain-result-count{font-size:.85rem;color:#6f686d}.domain-filter input:focus{outline:2px solid #b92f65;outline-offset:3px}.domain-result-count{margin:2rem 0 1rem}.domain-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.domain-card{padding:1.5rem;border:1px solid #e3dde0;border-radius:14px;background:#fff}.domain-card h3{font-size:2rem;margin:0 0 1rem;letter-spacing:-.04em;overflow-wrap:anywhere}.domain-card dl{margin:0}.domain-card dl>div{display:flex;justify-content:space-between;gap:1rem;padding:.65rem 0;border-bottom:1px solid #f0edef}.domain-card dt{color:#635b61}.domain-card dd{margin:0;font-weight:600;white-space:nowrap}.domain-pagination{display:flex;justify-content:center;gap:2rem;margin:2rem 0;flex-wrap:wrap}.domain-pagination a{font-weight:600}.domain-pagination>span{color:#756d73}.domain-empty{grid-column:1/-1;padding:2rem;background:#f8f6f7;border-radius:14px}.domain-next-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem}.domain-next-grid h2{font-size:clamp(1.65rem,2.5vw,2.5rem)}@media(max-width:800px){.domain-hero-grid,.domain-next-grid{grid-template-columns:1fr;gap:2rem}.domain-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.domain-sign{transform:none;padding:2rem}}@media(max-width:520px){.domain-grid{grid-template-columns:1fr}.domain-filter input{max-width:none;width:100%}.domain-filter .button{width:100%}.domain-pagination{gap:1rem}.domain-card{padding:1.25rem}}

/* /unified/readability.css */
/* Readable defaults across the public site and unified workspace. */
.staging-banner,.banner-detail,.eyebrow,.footer-caption,.footer-bottom,.hero-note,.aside-footnote,.plan-disclaimer,.record-date,.small-copy,.library-preview-note,.art-tag small,.art-label,.art-coordinate{font-size:.75rem!important}
.desktop-nav,.header-actions,.mobile-nav summary,.mobile-nav nav a,.button,.text-link,.card-link,.proof-grid>div,.footer-grid a:not(.footer-logo),.footer-grid h2,.breadcrumb,.feature-list li,.plan-price span,.faq summary,.field-label,.summary-row,.account-nav a{font-size:.875rem}
.service-card>p:not(.eyebrow),.story-card p:not(.eyebrow),.support-list p,.faq p,.footer-grid p,.section-heading>p,.hero-intro{font-size:1rem}
.eyebrow{letter-spacing:.1em}.desktop-nav{gap:18px}.prose{overflow-wrap:anywhere}.prose pre{overflow-x:auto;max-width:100%;padding:1rem;background:#f4f4f5;font-size:.875rem}.prose code{overflow-wrap:anywhere}
.service-card,.plan-card,.commerce-panel{min-width:0}.button{line-height:1.45}.footer-grid h2{letter-spacing:0;line-height:1.4}
@media(max-width:600px){.proof-grid>div{font-size:.75rem}.hero .eyebrow{font-size:.75rem}.hero-intro{font-size:1rem}.banner-detail{font-size:.75rem}.account-link{font-size:.75rem}}
@media(max-width:380px){.header-actions .account-link{display:none}.header-inner{gap:10px}.mobile-nav summary{font-size:.875rem}}

/* /unified/redesign.css */
/* Editorial redesign. Photography is illustrative; product data remains catalogue-driven. */
.product-hero-grid{display:grid}.library-card-body>p:not(.eyebrow){font-size:16px}.editorial-hero .button-row{flex-wrap:wrap}
body{color:#182028;background:#fff}h1,h2,h3{letter-spacing:-.035em}p{line-height:1.65}.section{padding:80px 0}.section-heading h2{font-size:clamp(30px,3.3vw,44px)}.section-heading{gap:32px}.button{font-size:15px;min-height:48px;border-radius:6px}.editorial-hero{padding:64px 0 54px;background:#fff}.editorial-grid{display:grid;grid-template-columns:1.04fr 1fr;gap:64px;align-items:center}.editorial-hero h1{font-size:clamp(38px,4.25vw,60px);line-height:1.08;letter-spacing:-.045em;margin:20px 0 24px}.editorial-hero h1 em{font-style:normal;color:#db3522}.hero-intro{font-size:18px;line-height:1.65;max-width:620px}.editorial-photo{margin:0;min-width:0}.editorial-photo img{width:100%;height:auto;display:block;object-fit:cover;border-radius:8px}.editorial-hero .editorial-photo img{aspect-ratio:1.13;object-position:50%}.editorial-photo figcaption{font-size:12px;color:#63717b;margin-top:9px;line-height:1.5}.hero-note{line-height:1.7;margin-top:24px}.customer-strip{border-top:1px solid #e6e8eb;border-bottom:1px solid #e6e8eb;padding:28px 0 32px}.customer-strip p{font-size:13px;color:#52606b;margin:0 0 20px}.customer-names{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.customer-names a{font-size:22px;font-weight:700;color:#404950;text-decoration:none;letter-spacing:-.025em}.customer-names a:hover{text-decoration:underline}.buying-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid #dce0e4;border-radius:8px;overflow:hidden}.buying-paths article{padding:30px;display:flex;flex-direction:column;align-items:flex-start}.buying-paths article+article{border-left:1px solid #dce0e4}.buying-paths h3{font-size:25px;margin:20px 0 14px;min-height:60px}.buying-paths p{font-size:16px;color:#52606b;margin:0}.buying-paths ul{padding-left:20px;margin:24px 0 28px;font-size:14px;line-height:2}.buying-paths .button{margin-top:auto;width:100%;justify-content:center;font-size:14px}.buying-paths .text-link{margin-top:18px;font-size:14px}.buying-paths .service-icon{background:none;padding:0;width:38px;height:38px;border-radius:0;color:#e43c28}.domain-inline{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:26px;padding:25px 30px;background:#f5f6f7;border-radius:8px}.domain-inline p{margin:6px 0 0;font-size:14px}.case-feature{background:#f2f4f5}.case-feature h2,.people-section h2{font-size:clamp(32px,3.4vw,46px);line-height:1.15;margin:18px 0 24px}.customer-preview{display:block;background:white;padding:24px;border-radius:8px;text-decoration:none;color:inherit;border:1px solid #e0e4e7}.customer-preview img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top;display:block}.customer-preview>span{display:flex;justify-content:space-between;margin-top:20px;font-size:16px;font-weight:700}.editorial-points{margin:24px 0}.editorial-points>div{border-top:1px solid #e2e5e8;padding:16px 0}.editorial-points h3{font-size:18px;margin:0 0 5px}.editorial-points p{margin:0;color:#52606b;font-size:15px}.contact-band{background:#f4f5f6}.product-hero{background:#fff;padding:30px 0 48px}.product-hero-grid{gap:64px}.product-hero h1{font-size:clamp(36px,4vw,56px);line-height:1.12}.product-hero .editorial-photo img{aspect-ratio:1.6;object-fit:cover}.technical-hero{background:#19232c;color:#fff}.technical-hero .hero-intro,.technical-hero .breadcrumb,.technical-hero .breadcrumb a,.technical-hero .eyebrow,.technical-hero figcaption{color:#c8d2da}.technical-hero .text-link{color:#fff}.product-summary{border-left:2px solid #ef3b24;padding:12px 0 12px 28px}.product-summary h2{font-size:24px;margin:0 0 14px}.product-summary p{font-size:16px}.plan-grid{gap:22px}.plan-card{border-radius:8px;box-shadow:none}.plan-card h3{min-height:60px}.plan-price strong{font-size:34px}.resource-table-wrap{overflow-x:auto;border:1px solid #dfe3e7;border-radius:8px}.resource-table{border-collapse:collapse;width:100%;text-align:left;min-width:640px}.resource-table th{background:#f3f5f6;font-size:13px;padding:18px 22px}.resource-table td{padding:23px 22px;border-top:1px solid #e3e6e9;vertical-align:middle;font-size:15px}.resource-table td:first-child{font-weight:700}.resource-table ul{padding-left:16px;margin:0;font-size:14px;line-height:1.8}.resource-table strong{font-size:22px;white-space:nowrap}.resource-table small{display:block;font-size:13px;color:#586671}.resource-table .button{white-space:nowrap}.library-intro{padding:36px 0;background:#f4f5f6}.library-intro h1{font-size:clamp(34px,4vw,52px);max-width:800px}.library-card{box-shadow:none;border-radius:8px}.library-card h2{font-size:24px;line-height:1.25}.library-image{height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top}.service-card{border-radius:8px;box-shadow:none}.content-hero h1{font-size:clamp(34px,4vw,54px)}.site-footer{background:#19232c}.site-footer a:hover{text-decoration:underline}
@media(max-width:1000px){.editorial-grid,.product-hero-grid{gap:32px}.buying-paths article{padding:22px}.buying-paths h3{font-size:22px}.buying-paths .button{font-size:13px}.customer-names a{font-size:19px}}
@media(max-width:760px){.section{padding:50px 0}.editorial-hero{padding:36px 0}.editorial-grid,.product-hero-grid{grid-template-columns:1fr;gap:32px}.editorial-hero h1{font-size:40px}.editorial-hero .editorial-photo img{aspect-ratio:16/10}.hero-intro{font-size:17px}.customer-names{display:grid;grid-template-columns:1fr 1fr;gap:22px}.customer-names a{font-size:18px}.buying-paths{grid-template-columns:1fr}.buying-paths article{padding:28px}.buying-paths article+article{border-left:0;border-top:1px solid #dce0e4}.buying-paths h3{min-height:0;font-size:25px}.buying-paths .button{font-size:15px}.domain-inline{align-items:flex-start;flex-direction:column;padding:24px}.people-section figure{order:2}.section-heading{align-items:flex-start}.product-hero{padding:24px 0 36px}.product-hero h1{font-size:38px}.resource-table td,.resource-table th{padding:16px}.contact-band h2{font-size:32px}.library-intro{padding:28px 0}}

/* /unified/brand.css */
/* ============================================================================
   QUAPE brand layer — loaded LAST.
   One accent (#EF3B24), one ink (#1C1B1F), one warm neutral family, one radius
   scale, pill buttons, Satoshi headings + Inter body, the Q-ring motif and the
   22×2 red rule from quape.com. Overrides site/commerce/navigation/domain/
   readability/redesign so those files can be retired later without a re-skin.
   ========================================================================== */

:root{
  --brand:#EF3B24;
  --brand-hover:#D42B15;
  --brand-tint:#FDECEA;
  --brand-grad:linear-gradient(138deg,#EF3B24 0%,#FBBA72 100%);
  --action:var(--brand);
  --ink:#1C1B1F;
  --text:#5B5A60;
  --muted:#8A888F;
  --warm:#F7F6F3;
  --warm-2:#EFEDE8;
  --line:#E6E4E0;
  --line-strong:#D9D6D0;
  --white:#fff;
  --r-sm:8px;
  --r:12px;
  --r-lg:16px;
  --pill:999px;
  --shadow:0 14px 34px rgba(28,27,31,.08);
  --font-body:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --font-head:"Satoshi","Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
}

/* ── Type ────────────────────────────────────────────────────────────────── */
body{font-family:var(--font-body);font-size:16px;line-height:1.65;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,.plan-price strong,.summary-total strong,.customer-names a,.domain-sign strong,.domain-card h3,.resource-table strong,.product-art-mark{font-family:var(--font-head);font-weight:700;letter-spacing:-.02em;color:var(--ink)}
h1,h2,h3{line-height:1.1;margin:0 0 20px}
h1{font-size:clamp(38px,4.4vw,60px)}
h2{font-size:clamp(30px,3.2vw,42px)}
h3{font-size:22px;letter-spacing:-.015em}
p{color:var(--text);margin:0 0 18px}
em,.editorial-hero h1 em{font-style:normal;color:var(--brand)}
:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
::selection{background:var(--brand-tint);color:var(--ink)}

/* Eyebrow = the quape.com red rule + small caps label */
.eyebrow{display:flex;align-items:center;gap:10px;font-size:12px!important;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text);margin:0 0 18px}
.eyebrow:before{content:"";flex:0 0 22px;height:2px;background:var(--brand)}
.dark-section .eyebrow,.technical-hero .eyebrow,.contact-band .eyebrow,.account-welcome .eyebrow{color:#CFCBD2}
.plan-card .eyebrow,.service-card .eyebrow,.commerce-panel .eyebrow,.domain-card .eyebrow,.account-heading .eyebrow{margin-bottom:12px}

/* ── Buttons & links ─────────────────────────────────────────────────────── */
.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 24px;border-radius:var(--pill);font-family:var(--font-body);font-size:15px;font-weight:600;line-height:1.3;border:1px solid transparent;cursor:pointer;transition:background .15s,color .15s,border-color .15s,box-shadow .15s}
.button:hover{transform:none}
.button-primary{background:var(--brand);color:#fff}
.button-primary:hover{background:var(--brand-hover);color:#fff;box-shadow:0 8px 20px rgba(239,59,36,.28)}
.button-light,.button-outline{background:#fff;color:var(--ink);border-color:var(--line-strong)}
.button-light:hover,.button-outline:hover{border-color:var(--ink);background:#fff}
.text-link,.card-link{font-size:15px;font-weight:600;color:var(--ink);transition:color .15s}
.text-link:hover,.card-link:hover,.desktop-nav a:hover,.footer-grid a:hover{color:var(--brand)}
.card-link{font-size:14px}
.button-row{gap:22px;margin-top:28px}

/* ── Staging banner + header ─────────────────────────────────────────────── */
.staging-banner{background:var(--ink);color:#E7E4EA;font-size:12px!important;letter-spacing:.02em;padding:8px 16px}
.status-dot{background:var(--brand)}
.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40}
.header-inner{height:80px;gap:36px}
.brand img{width:112px;height:auto}
.desktop-nav{gap:6px;font-size:15px;font-weight:500;color:var(--ink)}
.nav-group>summary{padding:8px 12px;border-radius:var(--pill);gap:6px}
.nav-group>summary:hover,.nav-group[open]>summary{background:var(--warm);color:var(--ink)}
.nav-group>summary svg{transition:transform .15s;opacity:.6}
.nav-dropdown{top:calc(100% + 8px);left:0;min-width:260px;padding:8px;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}
.nav-dropdown a{padding:10px 12px;border-radius:var(--r-sm);font-size:14px;font-weight:500;color:var(--ink)}
.nav-dropdown a:hover{background:var(--brand-tint);color:var(--brand)}
.header-actions{gap:10px;font-size:14px}
.cart-link{padding:10px;border-radius:50%;color:var(--ink)}
.cart-link:hover{background:var(--warm)}
.account-link{border:1px solid var(--line-strong);border-radius:var(--pill);padding:9px 18px;font-weight:600;color:var(--ink);transition:border-color .15s,background .15s}
.account-link:hover{border-color:var(--ink)}
.account-link span{display:none}
.mobile-nav summary{font-size:14px;font-weight:600}
.mobile-nav nav{border-radius:0 0 var(--r) var(--r);box-shadow:var(--shadow)}
.mobile-nav .nav-group>summary{border-radius:var(--r-sm)}
.mobile-nav .nav-dropdown{border-radius:var(--r-sm)}

/* ── Hero (home) ─────────────────────────────────────────────────────────── */
.editorial-hero{background:var(--warm);padding:72px 0 64px;position:relative;overflow:hidden}
.editorial-hero .container{position:relative}
.editorial-hero h1{font-size:clamp(40px,4.6vw,64px);margin:0 0 22px;letter-spacing:-.025em}
.hero-intro{font-size:18px;line-height:1.65;max-width:560px;color:var(--text)}
.hero-note{font-size:13px!important;color:var(--muted);margin-top:22px}
.editorial-photo{position:relative}
.editorial-photo img{border-radius:var(--r-lg);position:relative;z-index:1}
/* the Q ring behind hero photography */
.editorial-hero .editorial-photo:before,.product-hero .editorial-photo:before{content:"";position:absolute;width:78%;aspect-ratio:1;right:-14%;top:-14%;border:14px solid var(--brand);border-radius:50%;opacity:.14;z-index:0;pointer-events:none}
.customer-strip{border-color:var(--line);background:#fff;padding:26px 0 30px}
.customer-strip p{font-size:13px;color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-weight:600}
.customer-names a{font-size:20px;color:var(--text);font-weight:700;letter-spacing:-.02em;transition:color .15s}
.customer-names a:hover{color:var(--ink);text-decoration:none}

/* ── Sections / headings ─────────────────────────────────────────────────── */
.section{padding:88px 0}
.section-heading{gap:32px;margin-bottom:36px}
.section-heading h2{font-size:clamp(30px,3.2vw,42px)}
.section-heading>p{font-size:16px;color:var(--text)}
.soft-section,.case-feature,.contact-band,.library-intro,.commerce-top{background:var(--warm)}
.case-feature h2,.people-section h2{font-size:clamp(30px,3.2vw,42px);margin:0 0 20px}

/* ── Cards (buying paths / service / story) ──────────────────────────────── */
.buying-paths{border:0;border-radius:0;overflow:visible;gap:20px}
.buying-paths article{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:30px 28px 28px;transition:background .15s,border-color .15s,box-shadow .15s}
.buying-paths article+article{border-left:1px solid var(--line)}
.buying-paths article:hover,.service-card:hover,.plan-card:hover,.domain-card:hover{;border-color:rgba(0,0,0,.5);box-shadow:none}
.buying-paths h3{font-size:24px;margin:18px 0 12px;min-height:0}
.buying-paths p{font-size:15px;color:var(--text)}
.buying-paths ul{font-size:14px;line-height:1.9;margin:20px 0 24px;padding-left:0;list-style:none;color:var(--ink)}
.buying-paths li,.feature-list li{position:relative;padding-left:22px}
.buying-paths li:before{content:"";position:absolute;left:0;top:.75em;width:8px;height:8px;border:2px solid var(--brand);border-radius:50%}
.buying-paths .button{font-size:15px}
.buying-paths .text-link{font-size:14px;margin-top:14px}
.service-icon{width:56px;height:56px;border-radius:50%;background:var(--brand-tint);color:var(--brand);display:inline-flex;align-items:center;justify-content:center}
.buying-paths .service-icon{width:56px;height:56px;border-radius:50%;background:var(--brand-tint);color:var(--brand)}
.quape-icon{width:26px;height:26px}
.service-card{border-radius:var(--r);padding:28px;transition:background .15s,border-color .15s,box-shadow .15s}
.service-card h3{font-size:22px;margin-bottom:12px}
.service-card>p:not(.eyebrow){font-size:15px}
.card-arrow{color:var(--muted)}
.service-card:hover .card-arrow{color:var(--brand)}
.domain-inline{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px 28px;margin-top:20px}
.domain-inline strong{font-family:var(--font-head);font-size:20px;letter-spacing:-.015em}
.domain-inline p{font-size:15px}
.customer-preview{border-radius:var(--r);border-color:var(--line);padding:20px;box-shadow:var(--shadow)}
.customer-preview img{border-radius:var(--r-sm)}
.customer-preview>span{font-size:15px;font-weight:600}
.editorial-points>div{border-top:1px solid var(--line);padding:18px 0}
.editorial-points h3{font-size:18px;margin-bottom:4px}
.editorial-points p{font-size:15px}
.story-art{border-radius:var(--r)}
.story-two{background:var(--brand-tint)}
.story-window,.story-window:after{border-color:var(--brand)}
.story-window i{background:var(--brand)}

/* ── Contact band = dark ink band ────────────────────────────────────────── */
.contact-band{background:var(--ink);color:#fff;border-top:0;padding:64px 0;position:relative;overflow:hidden}
.contact-band:before{content:"";position:absolute;right:-120px;top:-160px;width:420px;height:420px;border:16px solid var(--brand);border-radius:50%;opacity:.35;pointer-events:none}
.contact-band .container{position:relative}
.contact-band h2{color:#fff;font-size:clamp(28px,3vw,40px)}
.contact-band .button-primary{background:var(--brand)}
.contact-band .button-primary:hover{background:#fff;color:var(--ink);box-shadow:none}

/* ── Dark / technical sections ───────────────────────────────────────────── */
.dark-section,.account-welcome{background:var(--ink);color:#fff}
.dark-section h2,.dark-section h3,.account-welcome h2{color:#fff}
.dark-section p,.account-welcome p{color:#CFCBD2}
/* VPS/dedicated/colocation heroes share the same warm hero as every other product page */
.product-hero.technical-hero{background:var(--warm);color:var(--ink)}
.technical-hero h1{color:var(--ink)}
.technical-hero .hero-intro{color:var(--text)}
.technical-hero .breadcrumb,.technical-hero .breadcrumb a,.technical-hero figcaption{color:var(--muted)}
.technical-hero .eyebrow{color:var(--text)}
.technical-hero .text-link{color:var(--ink)}
.technical-hero .text-link:hover{color:var(--brand)}
.support-list>div{border-color:#3A383F}
.support-list>div>span{color:var(--brand);font-family:var(--font-head);font-size:13px;font-weight:700}
.light-list>div{border-color:var(--line)}
.light-list>div>span{color:var(--brand)}
.support-list h3{font-size:20px}
.support-list p{font-size:15px}

/* ── Product / hub pages ─────────────────────────────────────────────────── */
.breadcrumb{font-size:13px;color:var(--muted);margin-bottom:32px}
.breadcrumb a:hover{color:var(--brand)}
.product-hero,.content-hero{background:var(--warm);padding:32px 0 56px}
.product-hero h1{font-size:clamp(36px,4vw,56px)}
.product-hero .editorial-photo img{border-radius:var(--r-lg)}
.product-summary{border-left:2px solid var(--brand);padding:8px 0 8px 28px}
.product-summary h2{font-size:24px}
.product-art{background:var(--warm-2);border-radius:var(--r-lg)}
.product-art:after{border:14px solid var(--brand);border-radius:50%;opacity:.15;width:280px;height:280px;transform:none}
.product-art-mark span{color:var(--brand)}

/* Plans */
.plan-grid{gap:20px}
.plan-card{border:1px solid var(--line);border-radius:var(--r);padding:28px;background:#fff;position:relative;transition:background .15s,border-color .15s,box-shadow .15s}
.plan-card h3{font-size:24px;min-height:0;margin-bottom:6px}
.plan-card h3:after{content:"";display:block;width:22px;height:2px;background:var(--brand);margin-top:12px}
.plan-price{min-height:0;margin:16px 0 20px;flex-direction:row;align-items:baseline;gap:8px;flex-wrap:wrap}
.plan-price strong{font-size:36px;letter-spacing:-.03em;line-height:1}
.plan-price span{font-size:14px;color:var(--text)}
.plan-card .button{width:100%}
.feature-list{padding:8px 0 0;margin:20px 0 8px}
.feature-list li{font-size:14px;padding:9px 0 9px 26px;border-bottom:1px solid var(--warm-2);color:var(--ink)}
.feature-list li:before{content:"";left:0;top:calc(.75em + 1px);width:14px;height:14px;border-radius:50%;background:var(--brand-tint) center/9px no-repeat url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'><path d='M2.5 6.5l2.5 2.5 4.5-5' fill='none' stroke='%23EF3B24' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/></svg>")}
.plan-disclaimer{font-size:12px!important;color:var(--muted);margin-top:16px}
.empty-plans{border:1px dashed var(--line-strong);border-radius:var(--r);background:var(--warm)}
.resource-table-wrap{border:1px solid var(--line);border-radius:var(--r);background:#fff}
.resource-table th{background:var(--warm);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--text);padding:16px 22px}
.resource-table td{border-top:1px solid var(--line);font-size:15px;padding:22px}
.resource-table td:first-child{font-family:var(--font-head);font-size:18px;font-weight:700}
.resource-table strong{font-size:24px;letter-spacing:-.02em}
.resource-table small{font-size:13px;color:var(--muted)}
.resource-table tbody tr:hover{background:var(--warm)}
.resource-table .button{min-height:42px;padding:9px 18px;font-size:14px}
.faq details{border-color:var(--line);padding:18px 0}
.faq summary{font-size:16px;font-weight:600;color:var(--ink)}
.faq summary:after{color:var(--brand)}
.faq p{font-size:15px}
.prose a{color:var(--brand)}
.prose h2{font-size:30px}
.prose h3{font-size:22px}
.prose pre{border-radius:var(--r-sm);background:var(--warm)}

/* Library (blog / case studies) */
.library-search input{border:1px solid var(--line-strong);border-radius:var(--r-sm);padding:13px 16px}
.library-search input:focus{outline:2px solid var(--brand);outline-offset:2px;border-color:var(--brand)}
.library-card,.library-card.service-card{border-radius:var(--r)}
.library-placeholder{background:var(--warm-2);color:var(--brand)}
.library-card-body h2{font-size:22px}
.library-card-body>p:not(.eyebrow){font-size:15px}
.library-pagination .button{border-color:var(--line-strong)}
.library-preview-note{color:var(--text)}
.library-preview-note strong{color:var(--ink)}

/* ── Domains ─────────────────────────────────────────────────────────────── */
.domain-sign{border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);transform:rotate(-2deg);position:relative;overflow:hidden}
.domain-sign:after{content:"";position:absolute;right:-70px;bottom:-70px;width:220px;height:220px;border:12px solid var(--brand);border-radius:50%;opacity:.15}
.domain-sign>span,.domain-sign small{color:var(--muted);font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:600}
.domain-sign strong span{color:var(--brand)}
.domain-preview-note{background:var(--brand-tint);border-left:3px solid var(--brand);border-radius:var(--r-sm);color:var(--ink);font-size:14px}
.domain-filter input{border:1px solid var(--line-strong);border-radius:var(--pill);padding:12px 20px;font-size:15px}
.domain-filter input:focus{outline:2px solid var(--brand);outline-offset:2px;border-color:var(--brand)}
.domain-filter p,.domain-card p,.domain-result-count{font-size:13px;color:var(--muted)}
.domain-card{border:1px solid var(--line);border-radius:var(--r);padding:24px;transition:background .15s,border-color .15s,box-shadow .15s}
.domain-card h3{font-size:30px;color:var(--brand);margin-bottom:14px}
.domain-card dl>div{border-color:var(--warm-2);font-size:14px}
.domain-card dt{color:var(--text)}
.domain-card dd{color:var(--ink)}
.domain-empty{background:var(--warm);border-radius:var(--r)}
.domain-pagination a{color:var(--ink)}
.domain-pagination a:hover{color:var(--brand)}
.domain-pagination>span{color:var(--muted)}

/* ── Commerce (cart / checkout / auth / account) ─────────────────────────── */
.commerce-top{padding:48px 0 40px}
.commerce-top h1,.account-heading h1{font-size:clamp(34px,4vw,50px)}
.commerce-section,.account-section{background:#fff}
.commerce-panel{border:1px solid var(--line);border-radius:var(--r);padding:28px}
.commerce-panel h2{font-size:24px;letter-spacing:-.02em}
.commerce-panel h3{font-size:19px}
.commerce-notice{background:var(--brand-tint);border:1px solid #F7C9C1;border-radius:var(--r-sm);color:var(--ink);font-size:14px;padding:14px 18px}
.commerce-notice strong{color:var(--ink)}
.commerce-notice.success{background:#EEF7EF;border-color:#CCE3D0;color:#1F5A2E}
.commerce-notice.error{background:#FDECEA;border-color:#F3B9B0;color:#8A2214}
.step-label{font-size:13px;letter-spacing:.06em;text-transform:uppercase;font-weight:600;color:var(--text)}
.step-label>span{background:var(--brand);color:#fff;font-size:12px;font-weight:700;min-width:28px;height:28px}
.field-label{font-size:14px;font-weight:600;color:var(--ink);margin:18px 0 8px}
.text-input{border:1px solid var(--line-strong);border-radius:var(--r-sm);min-height:48px;padding:11px 14px;font-size:15px;transition:border-color .15s,box-shadow .15s}
.text-input:focus{outline:0;border-color:var(--brand);box-shadow:0 0 0 3px rgba(239,59,36,.18)}
.field-help{font-size:13px;color:var(--muted)}
.plan-option{border:1px solid var(--line);border-radius:var(--r-sm);padding:16px;transition:border-color .15s,background .15s}
.plan-option:hover{;border-color:rgba(0,0,0,.5);box-shadow:none}
.plan-option:has(input:checked){border-color:var(--brand);background:var(--brand-tint)}
.plan-option input{accent-color:var(--brand)}
.option-copy strong{font-size:15px}
.option-copy small,.option-features{font-size:13px;color:var(--text)}
.option-price{font-size:15px;font-weight:700;font-family:var(--font-head)}
.option-price small{font-size:12px;font-family:var(--font-body);font-weight:400}
.form-note{background:var(--warm);border-radius:var(--r-sm);font-size:14px}
.form-note p{font-size:13px}
.journey-list li{font-size:14px}
.journey-list li:before{border-color:var(--line-strong);font-size:12px;font-weight:700;color:var(--brand)}
.journey-list span{font-size:13px}
.aside-footnote,.small-copy{font-size:13px!important;color:var(--muted)}
.commerce-empty>span,.cart-item-icon,.auth-safety>span{color:var(--brand)}
.cart-item h2,.checkout-item h2{font-size:19px;letter-spacing:-.015em}
.cart-item p,.checkout-item p{font-size:13px}
.cart-item>strong,.checkout-item>strong{font-size:16px;font-family:var(--font-head);font-weight:700}
.remove-button,.secondary-account-link,.auth-switch a{color:var(--brand);font-size:13px}
.summary-row{font-size:14px;border-color:var(--line)}
.summary-total strong{font-size:26px}
.order-summary .button{width:100%}
.auth-section{background:var(--warm);padding:64px 0 80px}
.auth-intro h1{font-size:clamp(36px,4.2vw,54px)}
.auth-intro>p{font-size:16px}
.auth-safety{border-color:var(--line)}
.auth-safety strong{font-size:14px;color:var(--ink)}
.auth-safety p{font-size:13px}
.auth-panel{background:#fff;padding:36px;box-shadow:var(--shadow)}
.auth-panel h2{font-size:28px}
.auth-switch{font-size:14px}
.account-heading h1{font-size:40px}
.account-heading p{font-size:15px}
.account-nav a{font-size:14px;border-radius:var(--pill);padding:11px 16px;color:var(--ink)}
.account-nav a[aria-current]{background:var(--brand-tint);color:var(--brand)}
.account-nav a:not([aria-current]):hover{background:var(--warm)}
.account-welcome{border-radius:var(--r);border:0;position:relative;overflow:hidden}
.account-welcome:after{content:"";position:absolute;right:-80px;top:-80px;width:260px;height:260px;border:14px solid var(--brand);border-radius:50%;opacity:.35}
.account-welcome h2{font-size:32px}
.account-welcome p{font-size:15px}
.account-quick-grid p,.record-line,.ticket-message,.profile-fields dd{font-size:14px}
.record-line small,.record-date,.profile-fields dt{font-size:12px!important;color:var(--muted)}
.record-heading h3{font-size:17px}
.demo-badge{background:var(--warm);border-color:var(--line);color:var(--text);border-radius:var(--pill);font-size:11px;padding:3px 9px}
.preview-record,.profile-fields>div{border-color:var(--line)}
.contact-options h2{font-size:22px}
.contact-options p{font-size:15px}

/* ── Footer (light, minimal) ─────────────────────────────────────────────── */
.site-footer{background:var(--warm);border-top:1px solid var(--line);padding:56px 0 0;color:var(--ink)}
.footer-grid p{font-size:14px;color:var(--text)}
.footer-caption{font-size:12px!important;color:var(--muted)}
.footer-grid h2{font-family:var(--font-body);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);margin:6px 0 18px}
.footer-grid a:not(.footer-logo){font-size:14px;color:var(--text);margin-bottom:10px}
.site-footer a:hover{text-decoration:none;color:var(--brand)}
.footer-bottom{border-top:1px solid var(--line);margin-top:44px;padding:20px 0 24px;font-size:12px!important;color:var(--muted)}


/* ── Imported WordPress content (ContentPresenter output) ────────────────── */
.content-hero{padding:32px 0 48px}
.content-hero h1{font-size:clamp(32px,3.8vw,52px);max-width:900px}
.content-hero .hero-intro{margin-top:12px}
.content-cover{margin:36px 0 0}
.content-cover img{width:100%;height:auto;aspect-ratio:2.2;object-fit:cover;border-radius:var(--r-lg);display:block}
.article-byline{font-size:13px!important;color:var(--muted);margin:0 0 28px;display:flex;gap:6px;flex-wrap:wrap}
.prose{max-width:none;overflow-wrap:anywhere}
.prose-narrow{max-width:820px}
.prose>div>div:not([class]),.prose>div>section:not([class]),.prose>section:not([class]),.prose>div>.split,.prose>div>.cg{margin-bottom:44px}
.prose h2{font-size:clamp(26px,2.6vw,34px);margin:44px 0 14px}
.prose h2:first-child,.prose .split h2,.prose .cg h2{margin-top:0}
.prose h3{font-size:20px;margin:28px 0 8px}
.prose h4,.prose h5,.prose h6{font-family:var(--font-head);font-size:18px;font-weight:700;letter-spacing:-.01em;margin:24px 0 8px;color:var(--ink)}
.prose p,.prose li{font-size:16px;line-height:1.7;color:var(--text)}
.prose p{max-width:760px;margin:0 0 16px}
.prose ul,.prose ol{padding-left:22px;max-width:760px;margin:0 0 18px}
.prose li{margin:6px 0}
.prose li>p{margin:0}
.prose strong{color:var(--ink)}
.prose a{color:var(--brand);text-decoration:underline;text-underline-offset:3px}
.prose a:hover{color:var(--brand-hover)}
.prose a.button,.prose a.text-link{text-decoration:none}
.prose a.button-primary{color:#fff}
.prose a.text-link{color:var(--ink)}
.prose a.text-link:hover{color:var(--brand)}
.prose a.text-link:after{content:" →"}
.prose img{max-width:100%;height:auto;border-radius:var(--r)}
.prose .img-wide{width:100%;border-radius:var(--r-lg);margin:8px 0 36px;display:block}
.prose .img-inline{max-width:100%;max-height:560px;width:auto;margin:8px 0 24px;display:block}
.prose .img-icon{width:auto;max-width:96px;max-height:96px;border-radius:0;margin:0 0 14px;display:block}
.prose li .img-icon,.prose p .img-icon{display:inline-block;vertical-align:middle;max-height:24px;margin:0 8px 0 0}
.prose .img-bullet{display:inline-block;width:auto;max-width:24px;max-height:24px;border-radius:0;margin:0 10px 0 0;vertical-align:middle}
.prose .icon-list{display:flex;flex-direction:column;gap:10px;margin:8px 0 24px;max-width:760px}
.prose .icon-item{display:flex;align-items:flex-start;gap:12px;font-size:15px;line-height:1.6;color:var(--text)}
.prose .icon-item>div{flex:1}
.prose .icon-item .img-bullet{margin:2px 0 0;flex:0 0 auto}
.prose .p-heading{font-family:var(--font-head);font-size:22px;font-weight:700;letter-spacing:-.015em;color:var(--ink);margin:28px 0 8px;line-height:1.2}
.prose .split .p-heading,.prose .cg .p-heading{margin-top:0}
.prose .content-figure>a>img,.prose .content-figure>img{width:100%}
.prose .content-figure span img{width:auto;max-width:220px;max-height:80px;margin:16px 0 0;border-radius:0}
.prose .eyebrow{margin-bottom:14px}
.prose .button-row{display:flex;gap:14px;flex-wrap:wrap;margin:22px 0 30px}
.prose .link-row{display:flex;gap:28px;flex-wrap:wrap;margin:18px 0 28px}
.prose blockquote{border-left:3px solid var(--brand);padding:6px 0 6px 22px;margin:28px 0;max-width:760px}
.prose blockquote p{font-size:18px;color:var(--ink)}
.prose table{border-collapse:collapse;width:100%;font-size:15px;margin:24px 0}
.prose th,.prose td{border:1px solid var(--line);padding:12px 14px;text-align:left;vertical-align:top}
.prose th{background:var(--warm);font-weight:600;color:var(--ink)}
.prose hr{border:0;border-top:1px solid var(--line);margin:40px 0}
.prose pre{background:var(--ink);color:#F4F2F6;border-radius:var(--r-sm);padding:16px 18px;font-size:14px;overflow-x:auto}
.prose code{background:var(--warm-2);padding:2px 6px;border-radius:4px;font-size:.92em}
.prose pre code{background:none;padding:0}
/* grids */
.prose .cg{display:grid;gap:20px;margin:28px 0 44px;grid-template-columns:repeat(3,minmax(0,1fr))}
.prose .cg[data-n="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}
.prose .cg[data-n="4"],.prose .cg[data-n="8"]{grid-template-columns:repeat(4,minmax(0,1fr))}
.prose .cg-item{min-width:0}
.prose .cg-item p{max-width:none}
.prose .cg-feature .cg-item,.prose .cg-card .cg-item{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px 26px 22px;transition:background .15s,border-color .15s,box-shadow .15s}
.prose .cg-feature .cg-item:hover,.prose .cg-card .cg-item:hover{;border-color:rgba(0,0,0,.5);box-shadow:none}
.prose .cg-feature .cg-item>h2:first-child:before,.prose .cg-feature .cg-item>h3:first-child:before,.prose .cg-feature .cg-item>div:first-child>h3:first-child:before{content:"";display:block;width:22px;height:2px;background:var(--brand);margin-bottom:14px}
.prose .cg-feature h2,.prose .cg-feature h3,.prose .cg-feature h4{font-size:19px;margin:0 0 8px}
.prose .cg-feature p{font-size:15px;margin:0 0 6px}
.prose .cg-feature img{width:44px;height:44px;object-fit:contain;border-radius:0;margin:0 0 16px;display:block}
.prose .cg-feature .button-row,.prose .cg-feature .link-row{margin:14px 0 0}
.prose .cg-team{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
.prose .cg-team[data-n="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}
.prose .cg-team[data-n="3"],.prose .cg-team[data-n="6"]{grid-template-columns:repeat(3,minmax(0,1fr))}
.prose .cg-team .cg-item{text-align:center}
.prose .cg-team figure{margin:0 0 14px;background:#fff;border-radius:var(--r);overflow:hidden;aspect-ratio:1.1}
.prose .cg-team img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:0;margin:0;display:block}
.prose .cg-name{font-size:17px;margin:0 0 2px}
.prose .cg-role{font-size:13px;color:var(--muted);margin:0}
.prose .cg-logo{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;align-items:stretch}
.prose .cg-logo[data-n="2"],.prose .cg-logo[data-n="3"],.prose .cg-logo[data-n="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}
.prose .cg-logo .cg-item{display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:18px;min-height:96px}
.prose .cg-logo img{max-height:56px;width:auto;max-width:100%;border-radius:0;margin:0;filter:grayscale(1);opacity:.75;transition:filter .15s,opacity .15s}
.prose .cg-logo .cg-item:hover img{filter:none;opacity:1}
.prose .cg-card h2{font-size:22px;margin:0 0 2px}
.prose .cg-card h2+p{font-size:13px;color:var(--muted);margin-bottom:16px}
.prose .cg-card a:not(.button){color:var(--ink);text-decoration:none}
.prose .cg-card p{font-size:15px}
.prose .cg-card ul{font-size:14px;padding-left:18px}
/* split (text beside picture) */
.prose .split{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center;margin:36px 0 52px}
.prose .split-media-first .split-media{order:-1}
.prose .split-media img{width:100%;height:auto;border-radius:var(--r-lg);margin:0;display:block}
.prose .split-copy>*:first-child,.prose .split-copy>div>*:first-child{margin-top:0}
.prose .split-copy p{max-width:none}
.prose .split-copy .button-row{margin-bottom:0}
.prose .content-lead{margin:0 0 56px;padding-bottom:0}
.prose .content-lead h2{font-size:clamp(30px,3.4vw,44px);letter-spacing:-.02em}
.prose .content-lead .split-copy>div>p:not(.eyebrow),.prose .content-lead .split-copy>p:not(.eyebrow){font-size:17px}
/* facts + figures (case studies) */
.prose .facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0 32px;padding:0}
.prose .facts>div{border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;background:#fff}
.prose .facts dt{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:6px}
.prose .facts dd{margin:0;font-weight:600;color:var(--ink);overflow-wrap:anywhere}
.prose .content-figure{margin:28px 0 36px}
.prose .content-figure img{width:100%;border-radius:var(--r-lg);display:block}
.prose .content-figure figcaption{font-size:13px;color:var(--muted);margin-top:10px}
.prose figure{margin:0 0 24px;max-width:100%}
@media(max-width:900px){
  .prose .cg,.prose .cg[data-n="4"],.prose .cg[data-n="8"]{grid-template-columns:repeat(2,minmax(0,1fr))}
  .prose .cg-team,.prose .cg-team[data-n="4"]{grid-template-columns:repeat(3,minmax(0,1fr))}
  .prose .cg-logo,.prose .cg-logo[data-n="2"],.prose .cg-logo[data-n="3"],.prose .cg-logo[data-n="4"]{grid-template-columns:repeat(3,minmax(0,1fr))}
  .prose .split{grid-template-columns:1fr;gap:28px}
  .prose .split-media-first .split-media{order:0}
  .prose .facts{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
  .prose .cg,.prose .cg[data-n="2"],.prose .cg[data-n="4"],.prose .cg[data-n="8"]{grid-template-columns:1fr}
  .prose .cg-team,.prose .cg-team[data-n="4"],.prose .cg-team[data-n="3"],.prose .cg-team[data-n="6"]{grid-template-columns:repeat(2,minmax(0,1fr))}
  .prose .cg-logo,.prose .cg-logo[data-n="2"],.prose .cg-logo[data-n="3"],.prose .cg-logo[data-n="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}
  .prose .facts{grid-template-columns:1fr}
  .prose .button-row .button{width:100%}
}


/* ── Line-art hero illustrations, menu icons, support points ─────────────── */
.hero-art{margin:0;width:100%;max-width:520px;justify-self:end;align-self:center}
.hero-art svg{width:100%;height:auto;display:block;color:var(--ink)}
.editorial-hero .editorial-photo:before,.product-hero .editorial-photo:before{display:none}
.editorial-hero .hero-art{max-width:560px}
.product-hero-grid .hero-art{max-width:480px}
.domain-hero-grid .hero-art{max-width:480px}
.content-hero .hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:48px;align-items:center}
.content-hero .hero-grid .hero-art{max-width:400px}
.content-hero .hero-grid h1{max-width:none}
.people-section .hero-art{max-width:460px;justify-self:start}
.support-points{display:flex;flex-direction:column;gap:6px;margin:8px 0 4px}
.support-points>div{display:flex;gap:16px;align-items:flex-start;padding:16px 0;border-top:1px solid var(--line)}
.support-points h3{font-size:18px;margin:0 0 4px}
.support-points p{font-size:15px;margin:0}
.sp-icon{flex:0 0 44px;width:44px;height:44px;border-radius:50%;background:var(--brand-tint);color:var(--brand);display:inline-flex;align-items:center;justify-content:center}
.sp-icon .menu-icon{width:22px;height:22px}
.support-section .button-row{margin-top:26px}
/* dropdown items with icons and taglines */
.nav-dropdown{min-width:280px;padding:10px}
.nav-dropdown.nav-cols-2{min-width:600px;display:grid;grid-template-columns:1fr 1fr;gap:2px}
.nav-dropdown a{display:flex;gap:12px;align-items:flex-start;padding:10px 12px;line-height:1.3}
.nav-dropdown .menu-icon{flex:0 0 20px;margin-top:2px;color:var(--brand)}
.nav-item-text{display:block;min-width:0}
.nav-item-title{display:block;font-weight:600;color:var(--ink)}
.nav-item-desc{display:block;font-size:12px;color:var(--muted);margin-top:2px}
.nav-dropdown a:hover .nav-item-title{color:var(--brand)}
.nav-group:last-child .nav-dropdown{left:auto;right:0}
.mobile-nav .nav-dropdown.nav-cols-2{display:block;min-width:0}
.mobile-nav .nav-item-desc{display:none}
@media(max-width:1200px){.nav-dropdown.nav-cols-2{min-width:540px}}
@media(max-width:900px){
  .content-hero .hero-grid{grid-template-columns:1fr;gap:24px}
  .content-hero .hero-grid .hero-art,.people-section .hero-art{max-width:320px;justify-self:center}
  .editorial-hero .hero-art{max-width:420px;justify-self:center}
}


/* ── One hero height for every page ──────────────────────────────────────── */
.editorial-hero,.product-hero,.content-hero,.commerce-top,.domain-hero{background:var(--warm);padding:44px 0 48px;min-height:520px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;box-sizing:border-box}
.editorial-hero>.container,.product-hero>.container,.content-hero>.container,.commerce-top>.container,.domain-hero>.container{width:min(1200px,calc(100% - 64px));margin:0 auto}
.editorial-grid,.product-hero-grid,.domain-hero-grid,.content-hero .hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:48px;align-items:center}
/* site.css has a legacy .hero-grid with min-height:650px and big padding */
.content-hero .hero-grid,.content-hero .hero-grid.container{min-height:0!important;padding-top:0!important;padding-bottom:0!important}
.editorial-hero h1,.product-hero h1,.content-hero h1,.commerce-top h1,.domain-hero h1{font-size:clamp(34px,3.9vw,54px);line-height:1.08;margin:0 0 18px;max-width:none}
.editorial-hero .hero-intro,.product-hero .hero-intro,.content-hero .hero-intro,.domain-hero .hero-intro,.commerce-top p{font-size:17px;max-width:560px}
.commerce-top p:last-child{margin-bottom:0}
.breadcrumb{margin-bottom:22px}
.hero-art,.editorial-hero .hero-art,.product-hero-grid .hero-art,.domain-hero-grid .hero-art,.content-hero .hero-grid .hero-art{max-width:420px;width:100%;justify-self:end}
/* site.css gave .hero-art a fixed 475px height and scale transforms for the old server art */
.hero-art{height:auto!important;transform:none!important;display:block!important;isolation:auto;margin:0!important}
.hero-art svg{height:auto!important}
.editorial-hero .button-row,.product-hero .button-row,.domain-hero .button-row{margin-top:24px}
.hero-note{margin-top:18px}
.content-cover-wrap{padding:36px 0 0;background:#fff}
.content-cover{margin:0}
.content-cover+.prose,.content-cover-wrap+.section{padding-top:40px}
@media(max-width:900px){
  .editorial-hero,.product-hero,.content-hero,.commerce-top,.domain-hero{min-height:0;padding:36px 0 40px}
  .content-hero .hero-grid{display:grid}
  .editorial-hero>.container,.product-hero>.container,.content-hero>.container,.commerce-top>.container,.domain-hero>.container{width:calc(100% - 40px)}
  .editorial-grid,.product-hero-grid,.domain-hero-grid,.content-hero .hero-grid{grid-template-columns:1fr;gap:24px}
  .hero-art,.editorial-hero .hero-art,.product-hero-grid .hero-art,.domain-hero-grid .hero-art,.content-hero .hero-grid .hero-art{max-width:300px;justify-self:center}
  .editorial-hero h1,.product-hero h1,.content-hero h1,.commerce-top h1,.domain-hero h1{font-size:34px}
}



/* Commerce/utility pages (cart, checkout, configure, contact) carry no illustration: keep their band compact */
.commerce-top{min-height:0;padding:40px 0 36px}
.commerce-top .breadcrumb{margin-bottom:16px}
.commerce-top h1{font-size:clamp(30px,3.2vw,42px);margin-bottom:10px}

/* ── Footer trust strip (memberships left, payments right) ───────────────── */
.footer-trust{display:flex;justify-content:space-between;align-items:flex-end;gap:32px 48px;flex-wrap:wrap;margin-top:44px;padding-top:28px;border-top:1px solid var(--line)}
.trust-group{display:flex;flex-direction:column;gap:12px;min-width:0}
.trust-right{align-items:flex-end;text-align:right}
.trust-label{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.trust-via{text-transform:none;letter-spacing:0;font-weight:500;margin-left:6px}
.trust-via strong{color:var(--ink);font-weight:700}
.trust-logos{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.trust-mono{width:auto;filter:brightness(0);opacity:.7;transition:opacity .15s}
.trust-mono:hover{opacity:1}
.footer-bottom{margin-top:0;border-top:1px solid var(--line);margin-top:24px}
@media(max-width:700px){.footer-trust{align-items:flex-start}.trust-right{align-items:flex-start;text-align:left}}


/* ── Work / portfolio cards, logo strips, filter chips ───────────────────── */
.cg-work{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:28px 0 44px}
.cg-work[data-n="3"],.cg-work[data-n="6"],.cg-work[data-n="9"],.work-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.cg-work .cg-item{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;min-width:0;transition:background .15s,border-color .15s,box-shadow .15s}
.cg-work .cg-item:hover{border-color:var(--line-strong);box-shadow:var(--shadow)}
.cg-work .cg-item>a{display:block;background:var(--warm);border-bottom:1px solid var(--line)}
.cg-work img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top;border-radius:0;margin:0;display:block}
.cg-work .cg-tags{list-style:none;padding:0 22px;margin:18px 0 8px;display:flex;gap:8px;flex-wrap:wrap;max-width:none}
.cg-work .cg-tags li{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--brand);background:var(--brand-tint);border-radius:999px;padding:4px 10px;margin:0;line-height:1.4}
.cg-work .cg-tags li:before{display:none}
.cg-work .cg-title{font-family:var(--font-head);font-size:19px;letter-spacing:-.01em;line-height:1.25;margin:0;padding:0 22px 20px}
.cg-work .cg-title a{color:var(--ink);text-decoration:none}
.cg-work .cg-item:hover .cg-title a{color:var(--brand)}
.cg-work .cg-excerpt{font-size:14px;color:var(--text);margin:-8px 0 0;padding:0 22px 22px;max-width:none}
.cg-work .cg-item[hidden]{display:none}
.prose .cg-logo{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.prose .cg-logo .cg-item{min-height:96px;padding:6px 10px}
.prose .cg-logo img{max-height:84px;max-width:100%;width:auto;height:auto}
.work-filter{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 28px}
.work-chip{font:inherit;font-size:14px;font-weight:600;color:var(--ink);background:#fff;border:1px solid var(--line-strong);border-radius:999px;padding:9px 16px;cursor:pointer;display:inline-flex;gap:8px;align-items:center;transition:background .15s,border-color .15s,color .15s}
.work-chip span{font-size:12px;color:var(--muted);font-weight:500}
.work-chip:hover{border-color:var(--ink)}
.work-chip.is-active{background:var(--ink);border-color:var(--ink);color:#fff}
.work-chip.is-active span{color:#CFCBD2}
.work-empty{color:var(--muted);padding:24px 0}
@media(max-width:900px){.cg-work,.cg-work[data-n="3"],.cg-work[data-n="6"],.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.cg-work,.cg-work[data-n="3"],.cg-work[data-n="6"],.work-grid{grid-template-columns:1fr}}


/* ── FAQ accordion (imported pages) ──────────────────────────────────────── */
.prose .faq{max-width:820px;margin:8px 0 40px;border-top:1px solid var(--line)}
.prose .faq-item{border-bottom:1px solid var(--line);padding:0}
.prose .faq-item summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:18px 0;font-family:var(--font-head);font-size:17px;font-weight:700;color:var(--ink);letter-spacing:-.01em}
.prose .faq-item summary::-webkit-details-marker{display:none}
.prose .faq-item summary:after{content:"+";flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:var(--brand-tint);color:var(--brand);display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-body);font-size:18px;font-weight:500;transition:transform .15s}
.prose .faq-item[open] summary:after{content:"−"}
.prose .faq-item summary:hover{color:var(--brand)}
.prose .faq-answer{padding:0 44px 18px 0}
.prose .faq-answer p{font-size:15px;margin:0 0 10px}
.prose .faq-answer p:last-child{margin-bottom:0}


/* ── Contact form ────────────────────────────────────────────────────────── */
.contact-grid{grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr)}
.contact-form .field-row{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}
.contact-form .field-label{margin-top:18px}
.contact-form .field-opt{font-weight:400;color:var(--muted)}
.contact-form textarea.text-input{min-height:150px;resize:vertical}
.contact-form .button{margin-top:22px}
.hp-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.check-label{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--text);margin-top:18px;cursor:pointer}
.check-label input{margin-top:3px;accent-color:var(--brand);width:16px;height:16px;flex:0 0 auto}
.contact-aside{padding:8px 0 0 8px}
.contact-ways{display:flex;flex-direction:column;gap:6px;margin:4px 0 24px}
.contact-way{display:flex;gap:14px;align-items:flex-start;padding:14px 12px;border-radius:var(--r);transition:background .15s}
.contact-way:hover{background:var(--warm)}
.contact-way strong{display:block;font-size:15px;color:var(--ink);margin-bottom:2px}
.contact-way small{display:block;font-size:13px;color:var(--text);line-height:1.5}
.contact-way .sp-icon{flex:0 0 40px;width:40px;height:40px}
.contact-way .sp-icon .menu-icon{width:20px;height:20px}
.contact-meta{font-size:13px;color:var(--muted);line-height:1.7;padding:16px 12px;border-top:1px solid var(--line)}
.contact-meta strong{color:var(--ink)}
@media(max-width:650px){.contact-form .field-row{grid-template-columns:1fr}.contact-aside{padding:0}}


/* ── Homepage customer logo strip ────────────────────────────────────────── */
.customer-strip{padding:28px 0 32px}
.customer-strip-head{display:flex;justify-content:space-between;align-items:baseline;gap:20px;flex-wrap:wrap;margin-bottom:18px}
.customer-strip-head p{margin:0}
.customer-strip-head .text-link{font-size:14px}
.customer-logos{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}
.customer-logos li{min-width:0}
.customer-logos a,.customer-logos span{display:flex;align-items:center;justify-content:center;height:76px;padding:12px 16px;border:1px solid var(--line);border-radius:var(--r);background:#fff;transition:border-color .15s,box-shadow .15s,background .15s}
.customer-logos a:hover{border-color:var(--line-strong);box-shadow:var(--shadow);background:var(--warm)}
.customer-logos img{max-height:40px;max-width:100%;width:auto;height:auto;filter:grayscale(1);opacity:.7;transition:filter .15s,opacity .15s}
.customer-logos li:hover img{filter:none;opacity:1}
@media(max-width:1000px){.customer-logos{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:600px){.customer-logos{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.customer-logos a,.customer-logos span{height:64px;padding:10px}.customer-logos img{max-height:32px}}

/* ── Responsive tune-ups ─────────────────────────────────────────────────── */
@media(max-width:1080px){.desktop-nav{gap:2px}.nav-group>summary{padding:8px 10px}}
@media(max-width:850px){
  .header-inner{height:72px}
  .section{padding:64px 0}
  .editorial-hero{padding:44px 0 40px}
  .editorial-hero h1{font-size:40px}
  .buying-paths article+article{border-top:1px solid var(--line)}
  .contact-band{padding:48px 0}
}
@media(max-width:600px){
  .brand img{width:96px}
  .account-link{font-size:13px;padding:8px 14px;border:1px solid var(--line-strong)}
  .hero-intro{font-size:16px}
  .section-heading h2,.editorial-hero h1{font-size:34px}
  .plan-price strong{font-size:32px}
  .commerce-panel,.auth-panel{padding:22px}
  .site-footer{padding-top:40px}
  .contact-band:before{width:260px;height:260px;right:-90px;top:-120px}
}

/* /unified/commercial.css */
/* Commercial landing pages: scoped styles, no change to billing or existing page artwork. */
.desktop-nav .nav-cols-2{left:50%;right:auto;transform:translateX(-50%)}.desktop-nav .nav-group:last-child .nav-cols-2{left:auto;right:0;transform:none}
.site-header .mobile-nav .nav-dropdown a{display:flex;align-items:center;gap:12px}
@media(max-width:1080px){.site-header .header-actions{margin-left:auto}}
@media(max-width:1080px){.site-header .header-inner{gap:12px}.site-header .desktop-nav{display:none}.site-header .mobile-nav{display:block}.mobile-nav>summary{display:flex;align-items:center;gap:6px;white-space:nowrap}.mobile-nav .nav-cols-2{transform:none}}
@media(max-width:420px){.site-header .header-actions .account-link{display:none}.site-header .header-actions{margin-left:auto}.site-header .mobile-nav{flex-shrink:0}}
.commercial-hero{padding:40px 0 56px;background:#fff}.commercial-hero-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:64px;align-items:center}.commercial-hero h1{font-size:clamp(36px,4vw,54px);line-height:1.13;max-width:780px}.commercial-hero .hero-intro{font-size:18px;line-height:1.65}.commercial-hero .breadcrumb{flex-wrap:wrap}.commercial-brief{padding:32px;border-left:3px solid var(--brand,#ef3b24);background:#f5f6f7}.commercial-brief h2{font-size:27px;margin-bottom:18px}.commercial-brief h3{font-size:17px;line-height:1.4;margin:24px 0 12px}.commercial-brief p{font-size:16px}.commercial-jumps{border-block:1px solid #e2e5e8;background:#fff}.commercial-jumps .container{display:flex;gap:28px;flex-wrap:wrap;padding-block:17px}.commercial-jumps a{font-size:14px;font-weight:600}.commercial-jumps a:hover,.commercial-related a:hover{text-decoration:underline}.commercial-offers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}.commercial-offers h3{font-size:24px;line-height:1.25;margin:18px 0}.commercial-offers p{font-size:16px}.commercial-number{color:#c82d1b;font-size:15px;font-weight:700}.commercial-scope{margin-top:32px;padding:26px 30px;border:1px solid #dce1e5;border-radius:8px}.commercial-scope h3{font-size:19px;margin-bottom:12px}.commercial-scope p{margin:0;font-size:16px}.commercial-soft{background:#f5f6f7}.commercial-comparison{margin-top:32px}.commercial-comparison>div{display:grid;grid-template-columns:1fr 2fr;gap:32px;border-top:1px solid #dce1e5;padding:24px 0}.commercial-comparison h3{font-size:20px;line-height:1.4;margin:0}.commercial-comparison p{margin:0;font-size:16px}.commercial-process{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;padding:0;list-style:none;counter-reset:process;margin:32px 0 0}.commercial-process li{counter-increment:process;border-top:2px solid #e4e7ea;padding-top:20px}.commercial-process li:before{content:counter(process,decimal-leading-zero);font-weight:700;color:#c82d1b;font-size:14px}.commercial-process h3{font-size:21px;line-height:1.3;margin:16px 0 12px}.commercial-process p{font-size:16px}.commercial-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;max-width:1000px}.commercial-case{background:#fff;border:1px solid #dce1e5;border-radius:8px;overflow:hidden}.commercial-case img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:top;display:block}.commercial-case>div{padding:25px}.commercial-case h3{font-size:25px;margin:0 0 20px}.commercial-note{font-size:13px;margin:25px 0 0;max-width:880px}.commercial-related{padding:40px 0;border-top:1px solid #e2e5e8}.commercial-related h2{font-size:24px;line-height:1.3}.commercial-related .container>div{display:flex;flex-wrap:wrap;gap:16px 30px;margin-top:20px}.commercial-related a{font-size:16px;color:#a5291a;font-weight:600}.commercial-hero .button-row{flex-wrap:wrap}.commercial-hero .button{white-space:normal}.commercial-related+.contact-band p{max-width:670px}
@media(max-width:1080px){.desktop-nav{gap:14px}.commercial-hero-grid{gap:32px}.commercial-brief{padding:24px}}
@media(max-width:850px){.commercial-hero-grid{grid-template-columns:1fr}.commercial-offers{grid-template-columns:1fr;gap:20px}.commercial-offers article+article{border-top:1px solid #e1e5e8;padding-top:24px}.commercial-process{grid-template-columns:1fr 1fr}.commercial-cases{grid-template-columns:1fr 1fr}.commercial-hero{padding:26px 0 40px}.commercial-hero h1{font-size:38px}.commercial-jumps .container{gap:14px 22px}.commercial-comparison>div{grid-template-columns:1fr;gap:12px}.commercial-scope{padding:24px}}
@media(max-width:520px){.commercial-process,.commercial-cases{grid-template-columns:1fr}.commercial-hero h1{font-size:35px}.commercial-hero .hero-intro{font-size:17px}.commercial-brief{padding:24px}.commercial-case h3{font-size:23px}}

/* /unified/theme.css */
/* ============================================================================
   QUAPE theme v2 — from the "Quape New" Figma file. Loaded after brand.css.
   Red gradient heroes with a white header, dark rectangular buttons, centred
   section headings with a red spaced label, colour path cards, dark footer
   that the closing CTA melts into, white trust bar with boxed colour logos.
   ========================================================================== */
:root{--red:#E11D00;--red-deep:#7A0E00;--green:#2E9B0F;--blue:#0A6CFF;--r-btn:8px;
  --hero-bg:radial-gradient(70% 90% at 88% -10%,#F9A45C 0%,rgba(249,164,92,.55) 28%,rgba(249,164,92,0) 62%),repeating-linear-gradient(90deg,rgba(255,255,255,.02) 0 140px,rgba(0,0,0,.035) 140px 280px),linear-gradient(180deg,#E11D00 0%,#D81C00 48%,#7A0E00 100%)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* Buttons: rectangular, dark primary */
.button{border-radius:var(--r-btn);min-height:46px;padding:11px 22px;font-family:var(--font-head);font-weight:700;font-size:15px}
.button-primary{background:var(--ink);color:#fff}
.button-primary:hover{background:#000;box-shadow:0 8px 20px rgba(0,0,0,.25)}
.button-outline,.button-light{background:#fff;color:var(--ink);border-color:var(--line-strong)}
.button-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.6)}
.button-ghost:hover{background:rgba(255,255,255,.12);border-color:#fff}
.prose a.button-primary{color:#fff}

/* Header on red */
.site-header{background:var(--red);border-bottom:0}
.brand img,.footer-logo img{filter:brightness(0) invert(1)}
.desktop-nav,.desktop-nav .nav-group>summary{color:#fff}
.desktop-nav .nav-group>summary:hover,.desktop-nav .nav-group[open]>summary{background:rgba(255,255,255,.14);color:#fff}
.cart-link{color:#fff}.cart-link:hover{background:rgba(255,255,255,.14)}
.account-link{background:transparent;color:#fff;border-color:rgba(255,255,255,.6);border-radius:var(--r-btn)}
.account-link:hover{border-color:#fff;background:rgba(255,255,255,.12)}
/* Only the top-level toggle sits on the red header; the menu panel is white. */
.mobile-nav>summary{color:#fff}
.mobile-nav>nav{background:#fff;color:#242329}
.mobile-nav .nav-group>summary{color:#242329}
.mobile-nav .nav-group>summary:hover,.mobile-nav .nav-group[open]>summary{background:#fff0e3;color:#242329}
.mobile-nav>nav a,.mobile-nav .nav-item-title,.mobile-nav .menu-icon{color:#242329}
.mobile-nav .nav-item-desc{color:#5f626b}
.mobile-nav>nav a:hover{background:#fff0e3;color:#242329}
.mobile-nav>nav summary:focus-visible,.mobile-nav>nav a:focus-visible{outline:2px solid #a51a00;outline-offset:2px}

/* Heroes: one red gradient everywhere */
.editorial-hero,.product-hero,.product-hero.technical-hero,.content-hero,.commerce-top,.domain-hero,.library-intro{background:var(--hero-bg);color:#fff}
.editorial-hero h1,.product-hero h1,.technical-hero h1,.content-hero h1,.commerce-top h1,.domain-hero h1{color:#fff}
.editorial-hero h1 em,.home-hero h1 em{color:#FFC4B5}
.editorial-hero .hero-intro,.product-hero .hero-intro,.technical-hero .hero-intro,.content-hero .hero-intro,.domain-hero .hero-intro,.commerce-top p{color:rgba(255,255,255,.88)}
.content-hero .hero-intro a{color:#fff;text-decoration:underline}
.editorial-hero .eyebrow,.product-hero .eyebrow,.technical-hero .eyebrow,.content-hero .eyebrow,.commerce-top .eyebrow{color:rgba(255,255,255,.8)}
.editorial-hero .eyebrow:before,.product-hero .eyebrow:before,.content-hero .eyebrow:before,.commerce-top .eyebrow:before{background:#fff}
.breadcrumb,.breadcrumb a,.technical-hero .breadcrumb,.technical-hero .breadcrumb a{color:rgba(255,255,255,.72)}
.account-section .breadcrumb,.account-section .breadcrumb a{color:var(--muted)}
.breadcrumb a:hover{color:#fff}
.hero-note{color:rgba(255,255,255,.75)}.hero-note span{margin:0 6px}
.article-byline{color:rgba(255,255,255,.75)}
.editorial-hero .text-link,.product-hero .text-link,.technical-hero .text-link,.content-hero .text-link{color:#fff;border:1px solid rgba(255,255,255,.6);border-radius:var(--r-btn);padding:11px 22px;font-family:var(--font-head);font-weight:700}
.editorial-hero .text-link:hover,.product-hero .text-link:hover,.technical-hero .text-link:hover{color:#fff;background:rgba(255,255,255,.12)}
.product-summary{border-left-color:#fff}.product-summary h2{color:#fff}.product-summary p{color:rgba(255,255,255,.88)}

/* Home hero mock */
.editorial-hero.home-hero{min-height:620px}
.hero-mock{position:relative;justify-self:end;width:100%;max-width:440px;padding:0 40px 30px 0}
.mock-window{background:linear-gradient(160deg,#FBB26A 0%,#F2632B 100%);border-radius:28px;padding:22px 0 0 28px;box-shadow:0 30px 60px rgba(60,5,0,.35);overflow:hidden}
.mock-dots{display:flex;gap:9px;margin:4px 0 20px}.mock-dots i{width:11px;height:11px;border-radius:50%;background:rgba(255,255,255,.55)}.mock-dots i:first-child{background:#fff}
.mock-body{display:flex;height:300px;border-radius:18px 0 0 0;overflow:hidden}
.mock-side{flex:0 0 58px;background:var(--ink);display:flex;flex-direction:column;align-items:center;gap:22px;padding:22px 0;color:#fff}
.mock-side .menu-icon{width:24px;height:24px;color:#fff}
.mock-side b,.pa-side b{display:block;width:13px;height:13px;background:#fff}.mock-side b.di,.pa-side b.di{transform:rotate(45deg)}.mock-side b.ci,.pa-side b.ci{border-radius:50%}
.mock-main{flex:1;background:linear-gradient(180deg,#fff 40%,rgba(255,255,255,.75));padding:24px 0 0 28px}
.mock-main strong{font-family:var(--font-head);font-size:17px;color:var(--ink);display:block;margin-bottom:16px}
.mock-main span{display:block;height:120px;background:#EEF1F3;border-radius:10px 0 0 10px;margin-bottom:12px}
.mock-pill{position:absolute;background:#fff;color:var(--ink);font-family:var(--font-head);font-weight:700;font-size:16px;padding:10px 20px;border-radius:999px;box-shadow:0 12px 26px rgba(60,5,0,.28)}
.mock-pill.p1{right:0;top:178px}.mock-pill.p2{right:42px;top:236px}.mock-pill.p3{right:140px;top:294px}.mock-pill.p4{right:20px;top:294px}

/* Inner-page hero visual: free-standing vector scene on the red gradient */
.hero-scene{position:relative;justify-self:end;width:100%;max-width:400px;padding:10px 30px 30px 0}
.hero-scene:before{content:"";position:absolute;left:4%;right:12%;top:0;bottom:6%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,200,150,.55),rgba(255,200,150,0));pointer-events:none}
.hero-scene svg{position:relative;display:block;width:100%;height:auto;filter:drop-shadow(0 26px 30px rgba(60,5,0,.35))}
.hero-scene .mock-pill{font-size:14px;padding:9px 18px}
.hero-scene .mock-pill.p1{right:0;top:52%}
.hero-scene .mock-pill.p2{right:70px;top:74%}
@media(max-width:900px){.hero-scene{justify-self:center;max-width:300px}}

/* Section headings centred, red spaced label */
.eyebrow{color:var(--red);letter-spacing:.2em;font-weight:700;font-size:11px!important}
.eyebrow:before{display:none}
.section-heading{flex-direction:column;align-items:center;text-align:center;gap:14px;margin-bottom:48px}
.section-heading .eyebrow{justify-content:center}
.section-heading>p{max-width:640px;margin:0}
.section-heading br{display:none}

/* Path cards */
.path-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.path-card{position:relative;display:flex;flex-direction:column;min-height:440px;border-radius:16px;padding:32px 32px 0;color:#fff;overflow:hidden;transition:transform .2s,box-shadow .2s}
.path-card:hover{;border-color:rgba(0,0,0,.5);box-shadow:none}
.path-card h3{color:#fff;font-size:21px;margin:0 0 10px}.path-card p{color:rgba(255,255,255,.88);font-size:15px;margin:0}
.path-red{background:linear-gradient(180deg,var(--red) 0%,var(--red) 38%,#F7B48F 78%,#FCE3D3 100%)}
.path-green{background:linear-gradient(180deg,var(--green) 0%,var(--green) 36%,#B9D7A6 74%,#EDF4E6 100%)}
.path-blue{background:linear-gradient(180deg,var(--blue) 0%,var(--blue) 38%,#A9C6F7 76%,#EAF1FE 100%)}
.path-art{margin-top:auto;padding-top:36px;display:flex;gap:16px;align-items:flex-end}
.pa-dash{display:flex;flex:1;height:230px;margin-right:-32px;border-radius:16px 0 0 0;overflow:hidden}
.pa-side{flex:0 0 60px;background:linear-gradient(180deg,var(--ink),rgba(28,27,31,.55));display:flex;flex-direction:column;align-items:center;gap:24px;padding:24px 0;color:#fff}.pa-side .menu-icon{width:26px;height:26px;color:#fff}
.pa-main{flex:1;background:linear-gradient(180deg,#fff,rgba(255,255,255,.35));padding:26px 0 0 30px}.pa-main strong,.pa-chart strong{font-family:var(--font-head);color:var(--ink);font-size:18px;display:block;margin-bottom:16px}.pa-main span{display:block;height:160px;background:rgba(238,241,243,.8);border-radius:10px 0 0 0}
.pa-table{flex:1;margin-left:-32px;background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(255,255,255,.4));border-radius:0 16px 0 0;padding:22px 20px 0 32px;height:200px}
.pa-table .dots{display:block;height:16px;margin:0 0 18px auto;width:44px;background:radial-gradient(circle 8px at 8px 8px,#F3C089 98%,transparent) 0 0/28px 16px}
.pa-table .row{display:flex;gap:10px;align-items:center;margin-bottom:13px}.pa-table em{flex:1;height:5px;border-radius:3px;background:#E3E6DF}.pa-table u{flex:0 0 14px;height:5px;border-radius:3px;background:#7DBB6A}.pa-table u.r{background:#E79A8C}
.pa-chart{flex:0 0 46%;margin-right:-32px;margin-bottom:60px;background:rgba(255,255,255,.95);border-radius:16px 0 0 16px;padding:18px 0 14px 22px}.pa-chart svg{width:100%;display:block}
.pa-stack{flex:1;background:linear-gradient(180deg,#fff,rgba(255,255,255,.5));border-radius:16px 16px 0 0;padding:26px 30px 0;height:230px;overflow:hidden}.pa-stack svg{width:100%;display:block}

/* Domain search + customer story on the blue-grey wash */
.domain-story{background:linear-gradient(180deg,#fff 0%,#DDE7EE 22%,#DDE7EE 58%,#fff 100%);padding:24px 0 72px}
.domain-find{max-width:880px;margin:0 auto 110px}
.df-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:22px;color:var(--ink)}.df-head .menu-icon{width:30px;height:30px;color:var(--ink)}
.df-head strong{font-family:var(--font-head);font-size:21px}.df-head span{font-size:15px;color:var(--text)}
.df-form{display:flex;align-items:center;gap:12px;background:#fff;border-radius:12px;padding:8px 8px 8px 22px;box-shadow:0 18px 40px rgba(40,60,80,.14);color:var(--muted)}
.df-form input[type=search]{flex:1;min-width:0;border:0;outline:0;font:inherit;font-size:16px;color:var(--ink);background:transparent;padding:10px 0}
.story-center{text-align:center;max-width:720px;margin:0 auto}
.story-center .eyebrow{justify-content:center;margin:0 0 10px}
.story-center h2{font-size:clamp(28px,3vw,36px);margin-bottom:14px}.story-center p{font-size:16px;margin-bottom:26px}
.story-shot{display:block;max-width:700px;margin:0 auto -30px;border-radius:24px 24px 0 0;overflow:hidden;box-shadow:0 30px 60px rgba(40,60,80,.18);position:relative}
.story-shot:after{content:"";z-index:2;position:absolute;left:0;right:0;bottom:0;height:55%;background:linear-gradient(180deg,rgba(236,241,245,0),#ECF1F5 85%)}
.story-shot img{display:block;width:100%;height:340px;object-fit:cover;object-position:top}
.story-center .eyebrow,.story-center h2,.story-center p,.story-center .button{position:relative}

/* Logo row */
.customer-strip{border:0;padding:0 0 40px}
.cs-line{text-align:center;text-transform:none!important;letter-spacing:0!important;font-weight:500!important;font-size:15px!important;color:var(--ink)!important;margin:0 0 28px}.cs-line a{color:var(--red);font-weight:700}
.logo-row{list-style:none;margin:0;padding:0;display:flex;justify-content:space-between;align-items:center;gap:28px;flex-wrap:wrap}
.logo-row img{display:block;max-height:38px;max-width:150px;width:auto;filter:grayscale(1);opacity:.85}

/* Support */
.support-visual{position:relative;max-width:460px;min-height:520px;margin:0 auto;width:100%}
.sv-card{position:absolute;left:12%;right:6%;top:60px;bottom:40px;border-radius:32px;background:linear-gradient(180deg,var(--red) 0%,#F0724F 45%,#FFF1EA 100%);box-shadow:0 0 90px rgba(225,29,0,.35);display:flex;flex-direction:column;align-items:center;padding-top:70px;color:#fff;font-family:var(--font-head)}
.sv-phone{width:44px;height:44px;border-radius:50%;background:#fff;color:var(--ink);display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.bubble{position:absolute;font-size:14px;line-height:1.45;padding:12px 18px;border-radius:22px;max-width:70%;box-shadow:0 14px 30px rgba(28,27,31,.18)}
.b-user{background:#fff;color:var(--ink);right:0}.b-q{background:rgba(70,60,58,.92);color:#fff;left:6%}
.b-q i{position:absolute;left:-40px;top:-8px;width:30px;height:30px;border-radius:50%;background:var(--red) url(/unified/logo.svg) -3px center/auto 18px no-repeat;border:2px solid #fff;overflow:hidden;filter:none}
.u1{top:215px}.q1{top:285px}.u2{top:375px}.q2{top:435px}
.support-points>div{border-top:0;padding:14px 0}.sp-icon{background:transparent;color:var(--ink)}.sp-icon .menu-icon{width:26px;height:26px}
.support-section .hero-art{display:none}

/* Closing CTA melts into the dark footer */
.contact-band{background:radial-gradient(60% 70% at 55% 0%,#F9A45C 0%,rgba(249,164,92,0) 60%),repeating-linear-gradient(90deg,rgba(255,255,255,.02) 0 140px,rgba(0,0,0,.035) 140px 280px),linear-gradient(180deg,#E11D00 0%,#C21800 40%,#1C1B1F 100%);padding:90px 0 80px;border:0}
.contact-band:before{display:none}
.contact-band>.container{flex-direction:column;align-items:center;text-align:center;gap:28px}
.contact-band>.container>div:before{content:"";display:block;width:120px;height:120px;margin:0 auto 60px;border-radius:30px;background:linear-gradient(180deg,#FFD9A8,#F7A25C) ;box-shadow:0 0 0 2px rgba(255,255,255,.7) inset,0 0 70px rgba(255,190,120,.9)}
.contact-band>.container>div{position:relative}
.contact-band>.container>div:after{content:"";position:absolute;left:50%;top:26px;width:68px;height:68px;margin-left:-34px;background:url(/unified/logo-q.svg) center/contain no-repeat;opacity:.95}
.contact-band h2{font-size:clamp(30px,3.6vw,46px);color:#fff}.contact-band .eyebrow{justify-content:center;color:rgba(255,255,255,.8)}
.contact-band .button-primary,.contact-band .button-light{background:#fff;color:var(--ink);border-color:#fff}
.contact-band .button-primary:hover,.contact-band .button-light:hover{background:var(--warm);color:var(--ink);box-shadow:none}

/* Dark footer + white trust bar */
.site-footer{background:#1C1B1F;border-top:0;color:#fff;padding:64px 0 0}
.footer-grid{grid-template-columns:1.6fr 1fr 1fr 1fr auto}
.footer-grid p{color:#CFCBD2}.footer-grid h2{color:#9C98A1}
.footer-grid a:not(.footer-logo){color:#fff}.site-footer a:hover{color:#FFB9A8}
.footer-social{display:flex;gap:10px;align-items:flex-start}
.footer-social a{display:flex!important;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#3A383F;margin:0!important}
.footer-social a:hover{background:var(--red);color:#fff}
.footer-bottom{border-top:0;color:#9C98A1;margin-top:40px;padding-bottom:28px}
.footer-legal{display:flex;gap:22px}.footer-legal a{color:#9C98A1}
.trust-bar{background:#fff;padding:26px 0 30px}
.trust-bar .footer-trust{margin:0 auto;padding:0;border:0;align-items:flex-end}
.trust-bar .trust-logos{gap:26px}
.trust-bar .trust-logos img{height:30px!important;width:auto;filter:brightness(0);opacity:.8}

/* Light sections & cards keep brand.css; tune accents to the deeper red */
.soft-section,.case-feature{background:#F3F6F8}
.plan-card h3:after,.prose .cg-feature .cg-item>h3:first-child:before{background:var(--red)}
.auth-section{background:var(--hero-bg)}
.auth-intro h1,.auth-intro h1 em{color:#fff}.auth-intro h1 em{color:#FFC4B5}.auth-intro>p,.auth-safety p{color:rgba(255,255,255,.85)}.auth-safety strong{color:#fff}.auth-safety{border-color:rgba(255,255,255,.3)}.auth-safety>span{color:#fff}
.auth-intro .eyebrow{color:rgba(255,255,255,.8)}

@media(max-width:900px){
  .path-cards{grid-template-columns:1fr}.path-card{min-height:380px}
  .hero-mock{justify-self:center;margin-top:10px}
  .home-hero{min-height:0}
  .footer-grid{grid-template-columns:1fr 1fr}
  .logo-row{justify-content:center}
  .domain-find{margin-bottom:90px}
}
@media(max-width:600px){
  .df-form{flex-wrap:wrap;padding:12px}.df-form .button{width:100%}
  .mock-pill{font-size:13px;padding:8px 14px}.mock-pill.p3{right:110px}
  .support-visual{min-height:480px}
  .trust-bar .trust-logos img{height:24px!important}
}

/* ── Commercial landing pages (Email menu, WordPress care, migration, ERP…) share the product-page layout ── */
.commercial-hero{background:var(--hero-bg);color:#fff;padding:44px 0 48px;min-height:520px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;box-sizing:border-box}
.commercial-hero>.container{width:min(1200px,calc(100% - 64px));margin:0 auto}
.commercial-hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:48px}
.commercial-hero h1{color:#fff;font-size:clamp(34px,3.9vw,54px);line-height:1.08;margin:0 0 18px;max-width:none}
.commercial-hero .hero-intro{color:rgba(255,255,255,.88);font-size:17px;max-width:560px}
.commercial-hero .eyebrow{color:rgba(255,255,255,.8)}
.commercial-hero .text-link{color:#fff;border:1px solid rgba(255,255,255,.6);border-radius:var(--r-btn);padding:11px 22px;font-family:var(--font-head);font-weight:700}
.commercial-hero .text-link:hover{background:rgba(255,255,255,.12);color:#fff}
.commercial-jumps{border:0;border-bottom:1px solid var(--line);background:#fff;position:sticky;top:80px;z-index:20}
.commercial-jumps .container{justify-content:center;gap:8px;padding-block:12px}
.commercial-jumps a{font-size:14px;font-weight:600;color:var(--ink);padding:8px 16px;border-radius:999px}
.commercial-jumps a:hover{background:var(--warm);text-decoration:none;color:var(--red)}
.commercial-soft{background:#F3F6F8}
.commercial-brief{background:#fff;border:1px solid var(--line);border-left:3px solid var(--red);border-radius:var(--r);padding:28px 32px;margin:0 0 36px;display:grid;grid-template-columns:1fr 1fr;gap:6px 48px}
.commercial-brief .eyebrow,.commercial-brief h2{grid-column:1}.commercial-brief h2{font-size:24px;margin:0 0 8px}
.commercial-brief>p{grid-column:1;margin:0;font-size:15px}
.commercial-brief h3{grid-column:2;grid-row:1/3;align-self:end;font-size:17px;margin:0}
.commercial-brief h3+p{grid-column:2;grid-row:3}
.commercial-brief .text-link{grid-column:2;color:var(--red);margin-top:8px}
.commercial-offers{gap:20px}
.commercial-offers article,.commercial-offers article+article{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px;transition:background .15s,border-color .15s,box-shadow .15s}
.commercial-offers article:hover{;border-color:rgba(0,0,0,.5);box-shadow:none}
.commercial-offers h3{font-size:20px;margin:12px 0 10px}.commercial-offers p{font-size:15px;margin:0}
.commercial-number,.commercial-process li:before{color:var(--red);font-family:var(--font-head)}
.commercial-scope{margin-top:28px;background:var(--warm);border-radius:var(--r);padding:24px 28px}.commercial-scope h3{font-size:18px;margin:0 0 8px}.commercial-scope p{font-size:15px;margin:0}
#compare-options h2,#how-it-works h2,#how-it-works .eyebrow{text-align:center;justify-content:center}
.commercial-comparison{max-width:920px;margin:32px auto 0;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:4px 28px}
.commercial-comparison>div{border-top:1px solid var(--line);padding:20px 0}.commercial-comparison>div:first-child{border-top:0}
.commercial-comparison h3{font-size:17px}.commercial-comparison p{font-size:15px}
.commercial-process{gap:20px}
.commercial-process li{border:1px solid var(--line);border-top:3px solid var(--red);border-radius:var(--r);padding:22px;background:#fff}
.commercial-process h3{font-size:18px;margin:10px 0 8px}.commercial-process p{font-size:15px;margin:0}
.commercial-cases{margin:0 auto}.commercial-case{border-color:var(--line);border-radius:var(--r)}.commercial-case h3{font-size:21px}
#questions .eyebrow{justify-content:center}#questions h2{text-align:center}
.commercial-related{padding:48px 0;background:#fff;border-top:1px solid var(--line)}
.commercial-related h2{font-size:22px;text-align:center;margin-bottom:20px}
.commercial-related .container>div{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.commercial-related a{font-size:14px;color:var(--ink);border:1px solid var(--line-strong);border-radius:999px;padding:9px 16px;font-weight:600}
.commercial-related a:hover{border-color:var(--red);color:var(--red);text-decoration:none}
.contact-band p:not(.eyebrow){color:rgba(255,255,255,.85);max-width:620px;margin:14px auto 0}
@media(max-width:900px){.commercial-hero{min-height:0;padding:36px 0 40px}.commercial-hero-grid{grid-template-columns:1fr;gap:24px}.commercial-brief{grid-template-columns:1fr}.commercial-brief h3,.commercial-brief h3+p,.commercial-brief .text-link{grid-column:1;grid-row:auto}.commercial-jumps{position:static}.commercial-jumps .container{justify-content:flex-start}}

/* Dropdown icons: dark grey, including the accents drawn in red inside the SVGs */
.nav-dropdown .menu-icon{color:#4A4950}
.nav-dropdown .menu-icon [fill="#EF3B24"]{fill:#4A4950}
.nav-dropdown .menu-icon [stroke="#EF3B24"]{stroke:#4A4950}
.nav-dropdown a:hover .menu-icon{color:var(--ink)}

/* ── Domain search ───────────────────────────────────────────────────────── */
.domain-search-top .df-form{max-width:720px;margin-top:18px}
.df-hero{margin:26px 0 18px;max-width:520px;padding-left:20px}
.domain-hero .text-link{display:inline-block}
.ds-results{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-direction:column;gap:10px}
.ds-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:20px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px 20px;transition:border-color .15s,box-shadow .15s}
.ds-row.ds-primary{border-width:2px;padding:20px 22px}
.ds-row.is-available{border-color:#BFE3C6}.ds-row.ds-primary.is-available{border-color:#2E9B0F;box-shadow:0 10px 26px rgba(46,155,15,.12)}
.ds-row.is-taken{background:var(--warm)}
.ds-name strong{display:block;font-family:var(--font-head);font-size:19px;color:var(--ink);overflow-wrap:anywhere}.ds-primary .ds-name strong{font-size:24px}
.ds-name em{color:var(--red);font-style:normal}
.ds-status{font-size:13px;color:var(--muted)}
.is-available .ds-status{color:#1F7A0A;font-weight:600}.is-taken .ds-status{color:var(--text)}.is-unknown .ds-status{color:#8A2214}
.ds-price{text-align:right;white-space:nowrap}.ds-price b{font-family:var(--font-head);font-size:18px}.ds-price small{color:var(--muted);margin-left:4px}
.is-taken .ds-price{opacity:.45}
.ds-action{min-width:170px;text-align:right}.ds-action .button{min-height:42px;padding:9px 16px;font-size:14px;white-space:nowrap}
@media(max-width:650px){.ds-row{grid-template-columns:1fr auto}.ds-action{grid-column:1/-1;text-align:left;min-width:0}.ds-action .button{width:100%}}

/* ── Customer portal ─────────────────────────────────────────────────────── */
.account-section{background:#F6F7F9;padding:40px 0 80px}
.account-heading h1{font-size:clamp(28px,3vw,38px);margin-bottom:6px}
.account-grid{grid-template-columns:220px minmax(0,1fr);gap:32px;align-items:start}
.account-nav{position:sticky;top:100px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:8px}
.account-nav a{border-radius:8px;padding:10px 14px;font-weight:500}
.account-nav a[aria-current]{background:var(--ink);color:#fff}
.account-main>*+*{margin-top:20px}
.due-panel{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;border-left:4px solid var(--red)}
.due-panel.is-clear{border-left-color:#2E9B0F}
.due-panel h2{font-size:34px;margin:0 0 6px}.due-panel p{margin:0;font-size:15px}
.decision{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.stat{display:block;padding:22px 24px;transition:border-color .15s,box-shadow .15s}.stat:hover{;border-color:rgba(0,0,0,.5);box-shadow:none}
.stat b{display:block;font-family:var(--font-head);font-size:34px;line-height:1;margin-bottom:8px}.stat span{font-size:14px;color:var(--text)}
.record-link{align-items:center;border-top:1px solid var(--line);margin:0 -8px;padding:12px 8px;border-radius:8px}.record-link:hover{background:var(--warm)}
.record-link>span:first-child{flex:1}
.pill{display:inline-block;font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;background:var(--warm-2);color:var(--text);white-space:nowrap}
.pill-lg{font-size:14px;padding:7px 14px}
.pill-paid,.pill-active,.pill-accepted{background:#E6F4E8;color:#1F6B2C}
.pill-unpaid,.pill-sent,.pill-pending{background:#FFF1D6;color:#8A5A00}
.pill-cancelled,.pill-expired,.pill-declined,.pill-suspended{background:#F1F0F2;color:#6B6970}
.is-late{color:#B42318!important;font-weight:600}
.table-panel{padding:6px 0}.table-scroll{overflow-x:auto}
.data-table{width:100%;border-collapse:collapse;font-size:14px;min-width:640px}
.data-table th{text-align:left;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:600;padding:12px 18px;border-bottom:1px solid var(--line)}
.data-table td{padding:14px 18px;border-bottom:1px solid var(--line);vertical-align:top}
.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#FAFAFB}
.data-table .num{text-align:right;white-space:nowrap}.data-table .muted,.muted{color:var(--text)}
.data-table small{display:block;font-size:12px;color:var(--muted);margin-top:3px;font-weight:400}
.data-table .pre,.pre{white-space:pre-line}
.data-table tfoot td{border-bottom:0;padding:8px 18px;color:var(--text)}.data-table tfoot .total td{font-family:var(--font-head);font-weight:700;font-size:17px;color:var(--ink);border-top:1px solid var(--line);padding-top:14px}
.data-table a{color:var(--ink)}.data-table a:hover{color:var(--red)}
.back-link{display:inline-block;margin-bottom:4px}
.svc-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 20px;align-items:start}
.svc-card h2{font-size:20px;margin:0 0 4px}.svc-card p{margin:0;font-size:14px}
.svc-facts{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0 0;padding-top:14px;border-top:1px solid var(--line)}
.svc-facts dt{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}.svc-facts dd{margin:0;font-weight:600}.svc-facts small{font-weight:400;color:var(--muted);margin-left:4px}
.account-section .work-filter{margin-bottom:0}.account-section a.work-chip{text-decoration:none}
@media(max-width:900px){.account-grid{grid-template-columns:1fr}.account-nav{position:static;display:flex;flex-direction:row;overflow-x:auto;gap:4px}.account-nav a{white-space:nowrap}.stat-grid{grid-template-columns:1fr}.svc-facts{grid-template-columns:1fr 1fr}}

/* ── Checkout ────────────────────────────────────────────────────────────── */
.commerce-grid>div>.commerce-panel+.commerce-panel{margin-top:20px}
.co-line{align-items:flex-start}.co-line>div{flex:1;min-width:0}.co-line .text-input{max-width:420px}
.co-flag{font-size:13px!important;color:#93370D;background:#FEF0C7;border-radius:8px;padding:8px 12px;margin:10px 0 0!important;max-width:520px}
.co-sticky{position:sticky;top:100px}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}
.field-error{color:#B42318;font-size:13px;margin:6px 0 0}
.order-summary .check-label{margin:16px 0 4px}
@media(max-width:650px){.field-row{grid-template-columns:1fr}.co-sticky{position:static}}

/* The hidden attribute must always win: .button/.pill set display and were un-hiding elements (e.g. "Try again" beside "Add to cart"). */
[hidden]{display:none!important}
.ds-action form{margin:0}
.cycle-selector{margin-bottom:22px}.cycle-selector .text-input{max-width:260px}
.plan-options legend{margin-bottom:4px}

/* ── Product page content blocks ─────────────────────────────────────────── */
.feature-tile{padding:26px}.feature-tile h3{font-size:19px;margin:0 0 8px}.feature-tile h3:before{content:"";display:block;width:22px;height:2px;background:var(--red);margin-bottom:14px}.feature-tile p{font-size:15px;margin:0}
#plans .section-heading>p{max-width:820px;font-size:16px}
#how-it-works .commercial-process{margin-bottom:32px}

/* Plan cards: price and order button pinned to the bottom so every card in a row lines up */
.plan-grid{align-items:stretch}
.plan-card{display:flex;flex-direction:column;height:100%}
.plan-card .feature-list{order:1;flex:1 1 auto;margin:16px 0 0}
.plan-card .plan-price{order:2;margin:20px 0 14px;padding-top:18px;border-top:1px solid var(--line,#e8e3de)}
.plan-card .button{order:3;margin-top:0}
.plan-card>p.muted{min-height:0}
.plan-card .plan-price{flex-wrap:nowrap;white-space:nowrap}
.plan-card .plan-price strong{font-size:32px}
@media(min-width:1000px){.plan-grid:has(.plan-card:nth-child(5)):not(:has(.plan-card:nth-child(7))){grid-template-columns:repeat(3,1fr)}}

/* Checkout payment options */
.pay-tag{display:inline-block;margin-left:8px;padding:3px 8px;border-radius:999px;background:#e7f6ec;color:#17693a;font:600 11px/1.2 var(--font-body,Inter,sans-serif);letter-spacing:.02em;vertical-align:middle;white-space:nowrap}
.pay-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.pay-chips span{padding:4px 9px;border:1px solid #ddd7d1;border-radius:6px;background:#fff;font:700 11px/1.2 var(--font-body,Inter,sans-serif);color:#1C1B1F;letter-spacing:.03em}

/* Checkout: selected payment / option cards use a neutral grey instead of the brand tint. */
form[action="/checkout/place"] .plan-option:has(input:checked){background:#F3F3F3;border-color:#4A4A4A}
form[action="/checkout/place"] .plan-option input{accent-color:#4A4A4A}

/* Checkout: make the returning-customer sign-in link unmissable. */
.co-signin a{color:#e11a00;font-weight:700;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:2px}
.co-signin a:hover{color:#b81500}

/* /unified/menu-refinements.css */
/* Scoped refinements; inherit the existing QUAPE theme, typography and colours. */
.commercial-jumps .container{gap:12px 24px;flex-wrap:wrap}
.commercial-jumps a{padding:12px 0;min-height:44px;display:inline-flex;align-items:center}
main section[id]{scroll-margin-top:105px}
.commercial-brief h3{margin-top:0}
.commercial-brief{margin-bottom:28px}
.service-card .card-link{margin-top:auto}
.service-card{display:flex;flex-direction:column}
.journey-topics{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}
.journey-topics a{border:1px solid #ddd;border-radius:24px;padding:10px 18px;color:inherit;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.journey-topics a:hover,.journey-topics a:focus-visible{border-color:currentColor;text-decoration:underline}
.commercial-comparison h3{font-size:20px}
.commercial-process{margin-top:28px}
@media(max-width:700px){
 .resource-table-wrap .resource-table{min-width:0!important;width:100%}
 .resource-table-wrap .resource-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .resource-table-wrap .resource-table tbody{display:block}
 .resource-table-wrap .resource-table tr{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #ddd;padding:12px 0}
 .resource-table-wrap .resource-table td{border:0!important;min-width:0}
 .resource-table-wrap .resource-table td:nth-child(1),.resource-table-wrap .resource-table td:nth-child(2){grid-column:1 / -1}
 .resource-table-wrap .resource-table td:nth-child(1){font-weight:700;font-size:20px;padding-bottom:0}
 .resource-table-wrap .resource-table td:nth-child(4){display:flex;align-items:center;justify-content:flex-end}
 .resource-table-wrap .resource-table ul{margin:0}
 .resource-table-wrap .resource-table .button{white-space:normal}
}
@media(max-width:700px){.commercial-jumps .container{gap:0 18px}.commercial-jumps a{font-size:14px}.commercial-comparison>div{grid-template-columns:1fr;gap:8px}.commercial-brief{padding:24px}.button-row{flex-wrap:wrap}.button-row .button{max-width:100%;white-space:normal}.resource-table th,.resource-table td{padding:16px}.resource-table-wrap{max-width:100%}}

/* /unified/hero-family.css */
/* Homepage-inspired inner-page artwork. Decorative only; no added JS or image requests. */
.quape-hero-art{position:relative;width:100%;max-width:470px;justify-self:end;align-self:center;isolation:isolate;margin:0;line-height:1.2}
.quape-hero-art .qha-window{display:block;width:100%;height:auto;overflow:visible;filter:drop-shadow(0 24px 24px rgba(60,5,0,.23))}
.quape-hero-art .qha-pill{position:absolute;display:block;max-width:76%;padding:12px 18px;border-radius:30px;background:#fff;color:#1C1B1F;box-shadow:0 8px 24px rgba(28,27,31,.13);font:600 13px/1.25 Inter,Arial,sans-serif;white-space:normal;text-align:center}
.quape-hero-art .qha-pill-one{right:0;bottom:22%}
.quape-hero-art .qha-pill-two{right:8%;bottom:5%}
@media(max-width:1000px){.quape-hero-art{max-width:370px;justify-self:center}}
@media(max-width:600px){.quape-hero-art{max-width:280px;margin:0 auto}.quape-hero-art .qha-pill{padding:9px 13px;font-size:11px}.quape-hero-art .qha-window{filter:drop-shadow(0 12px 14px rgba(60,5,0,.2))}}

/* /unified/content-design.css */
/* Content-only system. Hero banners and account/checkout flows retain their existing styles. */
.q-page{--q-line:#e3e4e8;--q-muted:#5f626b;--q-tint:#f6f7f9;color:#1c1b1f;background:#fff}
.q-page p{line-height:1.7;color:var(--q-muted)}
.q-page p.eyebrow{color:var(--red,#db2407)}
.q-menu-page .contact-form-panel{min-width:0;width:100%}
@media(max-width:900px){.q-menu-page .contact-grid{grid-template-columns:minmax(0,1fr)}.q-menu-page .contact-aside{width:100%;min-width:0}}
.q-catalogue-group+.q-catalogue-group{margin-top:60px}
.q-catalogue{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.q-catalogue-card{border:1px solid #e3e4e8;border-radius:16px;background:#fff;padding:28px;display:flex;flex-direction:column;color:#1c1b1f;transition:border-color .15s,box-shadow .15s}
.q-catalogue-card:hover{;border-color:rgba(0,0,0,.5);box-shadow:none}
.q-catalogue-card h3{font-size:22px;line-height:1.3;margin:18px 0 12px}
.q-catalogue-card p{font-size:15px;margin:0 0 20px}
.q-catalogue-card .text-link{font-size:13px;margin-top:auto;padding-top:22px;border-top:1px solid #eee}
.q-catalogue-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#fff0e8;color:var(--red,#db2407);border-radius:12px}
.q-catalogue-icon svg{width:22px;height:22px}.q-catalogue-price{font-size:16px;display:block;margin:0 0 20px}
.q-menu-page main>.section,.q-menu-page main>.commerce-section{padding-top:64px;padding-bottom:64px}
.q-menu-page main .section-heading{align-items:flex-start;text-align:left}.q-menu-page main .section-heading .eyebrow{justify-content:flex-start}
.q-menu-page main .contact-band:not(.footer-cta){margin:0;background:#fff0e8;padding:48px 0;color:#1c1b1f}
.q-menu-page main .contact-band:not(.footer-cta) h2,.q-menu-page main .contact-band:not(.footer-cta) p{color:#1c1b1f}
.q-menu-page main .contact-band:not(.footer-cta) .button-light{background:#1c1b1f;color:#fff}
.q-menu-page .library-search{background:#f6f7f9;border:1px solid #e3e4e8;padding:24px;border-radius:14px;margin:0 0 32px}
.q-menu-page .library-grid .library-card{border-radius:16px;overflow:hidden;border:1px solid #e3e4e8;box-shadow:none}
.q-menu-page .library-grid .library-card h2{font-size:22px;line-height:1.35}
.q-menu-page .library-image{aspect-ratio:16/10;object-fit:cover;object-position:top}
.q-menu-page .work-filter{margin-bottom:32px;gap:10px;flex-wrap:wrap}
.q-menu-page .work-grid{gap:28px}.q-menu-page .work-grid .cg-item{border:1px solid #e3e4e8;border-radius:16px;overflow:hidden;background:#fff;padding:0 0 24px}
.q-menu-page .work-grid .cg-item>h2,.q-menu-page .work-grid .cg-item>p,.q-menu-page .work-grid .cg-item>ul{margin-left:22px;margin-right:22px}
.q-menu-page .work-grid .cg-title{font-size:22px;line-height:1.3}
.q-menu-page .work-grid .cg-item[hidden]{display:none!important}
.q-menu-page .q-imported>h2{font-size:32px;line-height:1.25;text-align:left;margin:54px 0 22px}
.q-menu-page .q-imported>p{max-width:800px;line-height:1.75}
.q-menu-page .q-imported .cg-team{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.q-menu-page .q-imported .cg-team .cg-item{border:1px solid #e3e4e8;border-radius:14px;padding:20px;text-align:left;background:#f6f7f9}
.q-menu-page .q-imported .cg-team img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:10px;margin:0 0 18px}
.q-menu-page .q-imported .cg-name{font-size:19px;margin:0 0 6px}.q-menu-page .q-imported .cg-role{font-size:13px}
.q-menu-page .contact-grid{gap:36px;align-items:start}.q-menu-page .contact-form-panel{border-radius:16px}.q-menu-page .contact-aside{border-radius:16px;background:#f6f7f9;padding:30px}
.q-menu-page .contact-way{padding:18px 0;border-bottom:1px solid #e3e4e8}.q-menu-page .contact-meta{font-size:14px;line-height:1.8}
@media(max-width:900px){.q-catalogue{grid-template-columns:repeat(2,minmax(0,1fr))}.q-menu-page .q-imported .cg-team{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.q-catalogue{grid-template-columns:1fr}.q-menu-page .q-imported .cg-team{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.q-menu-page .q-imported .cg-team .cg-item{padding:12px}.q-menu-page main>.section{padding-top:42px;padding-bottom:42px}.q-menu-page .library-search{padding:20px}.q-menu-page .q-imported>h2{font-size:28px}}
.q-section{padding:72px 0}.q-tint,.q-faq-section{background:var(--q-tint)}
.q-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:32px}
.q-heading h2,.q-intro h2{font-size:clamp(28px,3vw,38px);line-height:1.17;margin:0;max-width:650px;letter-spacing:-.025em}
.q-heading>p{max-width:430px;margin:0;font-size:15px}.q-heading .eyebrow,.q-intro .eyebrow{margin:0 0 12px;justify-content:flex-start}
.q-buy-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px;font-size:13px;color:var(--q-muted)}
.q-buy-toolbar>div{display:flex;gap:10px;align-items:center}.q-currency{background:#f0f1f3;padding:6px 9px;border-radius:6px;color:#1c1b1f;font-weight:700}
.q-cycles{display:flex;gap:4px;padding:4px;background:#eff0f2;border-radius:10px;margin:0}.q-cycles button{border:0;background:transparent;color:#444750;border-radius:7px;padding:10px 17px;font:600 14px Inter,Arial,sans-serif;cursor:pointer;min-height:42px}.q-cycles button.is-selected{background:#1c1b1f;color:#fff}.q-cycles button:focus-visible{outline:2px solid var(--red,#db2407);outline-offset:3px}
.q-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}
.q-plan{border:1px solid var(--q-line);border-radius:16px;background:#fff;padding:28px;min-width:0;box-shadow:0 6px 20px rgba(28,27,31,.025)}
.q-plan:hover{;border-color:rgba(0,0,0,.5);box-shadow:none}.q-plan-name .eyebrow{font-size:10px;letter-spacing:.09em;margin:0 0 9px;min-height:16px;justify-content:flex-start}.q-plan h3{font-size:23px;margin:0;line-height:1.25}.q-plan-grid .q-plan-name{min-height:86px}
.q-plan-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px;margin:18px 0 22px}.q-plan-price strong{font-size:36px;line-height:1.1;letter-spacing:-.035em;font-family:var(--font-head,Inter)}.q-plan-price span{font-size:13px;color:var(--q-muted)}
.q-plan .q-plan-select{width:100%;margin:0 0 22px;min-height:46px;justify-content:space-between}.q-plan-features ul{padding:0;margin:0;list-style:none}.q-plan-features li{font-size:14px;line-height:1.5;padding:7px 0 7px 20px;position:relative;color:#494c55}.q-plan-features li:before{content:'✓';position:absolute;left:0;color:var(--red,#db2407);font-size:12px}.q-plan-features details{border-top:1px solid var(--q-line);margin-top:12px;padding-top:10px}.q-plan-features summary{font-size:13px;font-weight:600;cursor:pointer;padding:6px 0;color:#1c1b1f}.q-plan-features details ul{margin-top:6px}
.q-plan-list{display:grid;gap:12px}.q-plan-list .q-plan{display:grid;grid-template-columns:minmax(150px,1fr) minmax(230px,1.8fr) 135px 150px;align-items:center;gap:20px;padding:24px}.q-plan-list .q-plan-name{grid-column:1;grid-row:1}.q-plan-list .q-plan-features{grid-column:2;grid-row:1}.q-plan-list .q-plan-price{grid-column:3;grid-row:1;margin:0;display:block}.q-plan-list .q-plan-price strong{font-size:28px;display:block;margin-bottom:6px}.q-plan-list .q-plan-select{grid-column:4;grid-row:1;margin:0}.q-plan-list .q-plan-features>ul{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.q-plan-list .q-plan-features li{font-size:13px}
.q-buy-note{display:flex;justify-content:space-between;align-items:flex-start;gap:28px;margin-top:20px;font-size:13px}.q-buy-note p{max-width:780px;margin:0}.q-buy-note a{font-weight:600;white-space:nowrap;color:var(--red,#db2407)}
.q-quote-panel,.q-guide{display:flex;align-items:center;justify-content:space-between;gap:36px;padding:34px;border:1px solid var(--q-line);border-radius:16px;background:var(--q-tint)}.q-quote-panel p,.q-guide p{margin-bottom:0;max-width:720px}.q-guide h2{font-size:28px;line-height:1.25;margin:0}.q-guide .text-link{flex-shrink:0}
.q-split{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.5fr);gap:72px}.q-intro>p:not(.eyebrow){font-size:16px;margin:20px 0}.q-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.q-feature{padding:0 0 24px;border-bottom:1px solid #dddfe5}.q-feature-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:#fff;border:1px solid var(--q-line);border-radius:10px;margin-bottom:14px;color:var(--red,#db2407)}.q-feature-icon svg{width:20px;height:20px}.q-feature h3{font-size:18px;margin:0 0 9px;line-height:1.3}.q-feature p{font-size:14px;margin:0}
.q-fit{border-top:1px solid #d9dce2;margin-top:30px;padding-top:24px}.q-fit h3{font-size:16px;margin:0 0 15px}.q-fit>div{margin:0 0 16px}.q-fit strong{font-size:14px}.q-fit p{font-size:13px;margin:4px 0 0}
.q-scope{margin-top:24px;padding:24px;border:1px solid var(--q-line);background:#fff;border-radius:12px}.q-scope h3{font-size:18px;margin:0 0 12px}.q-scope p{font-size:14px;margin-bottom:0}
.q-accordion details{border-bottom:1px solid #d9dce2;background:transparent}.q-accordion summary{cursor:pointer;list-style:none;padding:19px 32px 19px 0;position:relative;font-size:16px;font-weight:600;line-height:1.45}.q-accordion summary::-webkit-details-marker{display:none}.q-accordion summary:after{content:'+';position:absolute;right:4px;top:18px;font-size:20px;font-weight:400}.q-accordion details[open]>summary:after{content:'−'}.q-accordion details>p{font-size:15px;margin:0;padding:0 28px 20px 0}.q-accordion summary:focus-visible{outline:2px solid var(--red,#db2407);outline-offset:2px}
.q-proof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.q-proof-grid:has(>.q-proof:only-child){grid-template-columns:minmax(0,1fr);max-width:940px}.q-proof-grid:has(>.q-proof:only-child) .q-proof{display:grid;grid-template-columns:1.1fr 1fr;align-items:center}.q-proof{display:block;border:1px solid var(--q-line);border-radius:16px;overflow:hidden;background:#fff;text-decoration:none;color:inherit}.q-proof img{display:block;width:100%;aspect-ratio:16/10;height:auto;object-fit:cover;object-position:top;border-bottom:1px solid var(--q-line)}.q-proof>div{padding:25px}.q-proof h3{font-size:23px;margin:8px 0 12px}.q-proof p{font-size:14px;margin:0 0 16px}.q-proof .eyebrow{font-size:10px;margin:0}.q-proof:hover{;border-color:rgba(0,0,0,.5);box-shadow:none}.q-small{font-size:12px!important;margin:18px 0 0!important}
.q-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;list-style:none;padding:0;margin:0}.q-steps li{border-top:1px solid #d3d6dc;padding-top:20px}.q-steps li>span{display:flex;width:32px;height:32px;align-items:center;justify-content:center;background:#1c1b1f;color:#fff;border-radius:50%;font-size:11px;margin-bottom:16px}.q-steps h3{font-size:17px;line-height:1.4;margin:0 0 10px}.q-steps p{font-size:14px;margin:0}
.q-deliverables>article{display:flex;gap:22px;padding:0 0 24px;margin:0 0 24px;border-bottom:1px solid var(--q-line)}.q-deliverables>article>span{font:600 13px Inter;color:var(--red,#db2407);padding-top:4px}.q-deliverables h3{font-size:21px;margin:0 0 10px}.q-deliverables p{font-size:15px;margin:0}.q-option-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.q-option-grid>article{padding:26px;background:#fff;border:1px solid var(--q-line);border-radius:14px}.q-option-number{font-size:12px;color:var(--red,#db2407)}.q-option-grid h3{font-size:21px;line-height:1.3;margin:22px 0 12px}.q-option-grid p{font-size:15px;margin:0}
.q-related{padding:36px 0;border-top:1px solid var(--q-line)}.q-related h2{font-size:19px;margin:0 0 16px}.q-related .container>div{display:flex;gap:10px;flex-wrap:wrap}.q-related a{font-size:13px;border:1px solid var(--q-line);border-radius:24px;padding:10px 16px;color:#494c55}.q-related a:hover{border-color:#777;color:#1c1b1f}
.q-final{display:flex;align-items:center;justify-content:space-between;gap:36px;border-radius:20px;background:#fff0e8;padding:40px}.q-final h2{font-size:32px;line-height:1.2;margin:0 0 10px}.q-final p{margin:0}.q-final .eyebrow{margin-bottom:12px}.q-final>.button{max-width:320px;white-space:normal}.q-final .button-row{flex-shrink:0}
@media(max-width:1050px){.q-plan-list .q-plan{grid-template-columns:1fr 1.5fr 120px;gap:16px}.q-plan-list .q-plan-select{grid-column:3;grid-row:2}.q-plan-list .q-plan-features{grid-row:1/3}.q-plan-list .q-plan-name{align-self:start}.q-split{gap:36px}.q-final{flex-direction:column;align-items:flex-start}.q-proof-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.q-section{padding:48px 0}.q-heading{display:block;margin-bottom:26px}.q-heading>p,.q-heading>.text-link{display:block;margin-top:16px}.q-split{grid-template-columns:1fr;gap:30px}.q-plan-grid,.q-option-grid{grid-template-columns:1fr}.q-plan-grid .q-plan-name{min-height:0}.q-plan-grid .q-plan{display:grid;grid-template-columns:1fr auto;gap:0 16px}.q-plan-grid .q-plan-name{grid-column:1}.q-plan-grid .q-plan-price{grid-column:2;grid-row:1;margin:0;align-self:center;display:block;text-align:right}.q-plan-grid .q-plan-price strong{display:block;font-size:28px}.q-plan-grid .q-plan-select{grid-column:1/-1;margin:22px 0}.q-plan-grid .q-plan-features{grid-column:1/-1}.q-plan-list .q-plan{grid-template-columns:1fr auto}.q-plan-list .q-plan-price{grid-column:2;grid-row:1;text-align:right}.q-plan-list .q-plan-select{grid-column:1/-1;grid-row:2}.q-plan-list .q-plan-features{grid-column:1/-1;grid-row:3}.q-plan-list .q-plan-features>ul{grid-template-columns:1fr 1fr}.q-buy-toolbar{align-items:flex-start;flex-direction:column}.q-buy-note{display:block}.q-buy-note a{display:inline-block;margin-top:12px}.q-steps{grid-template-columns:1fr 1fr}.q-proof-grid{grid-template-columns:1fr}.q-proof-grid:has(>.q-proof:only-child) .q-proof{display:block}.q-quote-panel,.q-guide{display:block;padding:26px}.q-quote-panel>.button,.q-guide>.text-link{display:inline-flex;margin-top:22px}.q-final{padding:28px}.q-final h2{font-size:28px}.q-final .button-row{flex-wrap:wrap;flex-shrink:1}.q-page .button{white-space:normal}}
@media(max-width:420px){.q-plan{padding:22px}.q-plan h3{font-size:20px}.q-feature-grid{grid-template-columns:1fr}.q-plan-list .q-plan-features>ul{grid-template-columns:1fr}.q-steps{grid-template-columns:1fr}.q-plan-name .eyebrow{font-size:9px}}

/* /unified/content-visuals.css */
/* Content artwork uses the same warm surfaces, charcoal and line weight as the hero family. */
.q-content-scene{width:100%;max-width:380px;margin:28px 0 22px;line-height:0;contain:layout style}
.q-content-scene>svg{display:block;width:100%;height:auto;aspect-ratio:360/236}
.q-symbol{display:block;flex:none;width:34px;height:34px;color:#302d32}
.q-page .q-feature-icon{width:52px;height:52px;border:0;background:#fff;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:18px}
.q-page .q-feature-icon .q-symbol{width:36px;height:36px}
.q-page .q-deliverables article>span.q-deliverable-symbol{display:flex;align-items:center;justify-content:center;flex:0 0 52px;width:52px;height:52px;border-radius:14px;background:#fff4eb}
.q-page .q-option-grid .q-option-number{display:flex;width:56px;height:56px;align-items:center;justify-content:center;background:#fff3e9;border-radius:15px;margin:0 0 22px}
.q-page .q-option-number .q-symbol{width:40px;height:40px}
.q-page .q-steps>li{position:relative}
.q-page .q-steps>li>span.q-step-symbol{display:flex;width:62px;height:62px;border-radius:17px;align-items:center;justify-content:center;background:#fff0e3;color:#302d32;position:relative;margin-bottom:22px}
.q-step-symbol .q-symbol{width:39px;height:39px}
.q-step-symbol small{position:absolute;right:-8px;bottom:-6px;display:flex;align-items:center;justify-content:center;width:25px;height:25px;border-radius:50%;background:#27262b;color:#fff;font-size:10px;font-weight:700;border:2px solid #fff}
.q-page .q-catalogue-icon{width:62px;height:62px;display:flex;align-items:center;justify-content:center;background:#fff0e3;border-radius:17px;margin-bottom:22px}
.q-page .q-catalogue-icon .q-symbol{width:42px;height:42px}
.q-journey-intro{display:grid;grid-template-columns:1fr 320px;gap:50px;align-items:center;margin-bottom:30px}
.q-journey-intro .q-heading{display:block;margin:0}.q-journey-intro .q-heading p{max-width:65ch}.q-journey-intro .q-content-scene{margin:0}
.q-responsibility-symbol{display:block;margin-bottom:15px}
/* Retire a broken, decorative emoji from the imported About content. */
.q-menu-page .q-imported img.img-icon[alt="👋"]{display:none}
.commercial-offers .commercial-number:has(.q-symbol){display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:15px;background:#fff0e3}
@media(max-width:760px){.q-content-scene{max-width:310px;margin:24px auto}.q-journey-intro{grid-template-columns:1fr;gap:20px}.q-journey-intro .q-content-scene{margin:auto}.q-page .q-deliverables article{gap:16px}.q-page .q-deliverables article>span.q-deliverable-symbol{flex-basis:44px;width:44px;height:44px}.q-page .q-catalogue-icon{width:54px;height:54px}.q-page .q-option-number{margin-bottom:16px}}

/* /unified/typography.css */
/* Quape New — saved Figma text styles, node 1:2, 2026-09-21.
   Typography only. Loaded last to reconcile older page-specific type rules.
   Figma AUTO line heights map to normal. Mobile heading sizes are adaptations. */
:root {
  --font-body: "Satoshi", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  --font-head: var(--font-body);
  --type-h1: 700 4rem/1 var(--font-head);
  --type-h2: 700 3rem/1.166666667 var(--font-head);
  --type-h3: 700 1.5rem/1.333333333 var(--font-head);
  --type-h4: 700 1.25rem/1.4 var(--font-head);
  --type-overline: 900 .8125rem/normal var(--font-body);
  --type-body-large: 400 1.125rem/1.555555556 var(--font-body);
  --type-body: 400 1rem/1.5 var(--font-body);
  --type-body-small: 400 .875rem/1.428571429 var(--font-body);
  --type-label-large: 700 1.125rem/1.555555556 var(--font-body);
  --type-label: 500 1rem/1.5 var(--font-body);
  --type-label-small: 500 .875rem/normal var(--font-body);
  --type-caption: 500 .8125rem/normal var(--font-body);
}
body { font: var(--type-body); letter-spacing: .02em; }
body :is(button, input, select, textarea) { font-family: var(--font-body) !important; }
/* Body defaults and the semantic heading hierarchy. */
body :is(main p, main li, main td, input, select, textarea, .df-head>span) {
  font: var(--type-body) !important; letter-spacing: .02em !important;
}
body h1 { font: var(--type-h1) !important; letter-spacing: -.04em !important; }
body h2 { font: var(--type-h2) !important; letter-spacing: -.04em !important; }
body h3 { font: var(--type-h3) !important; letter-spacing: 0 !important; }
body :is(h4,h5,h6) { font: var(--type-h4) !important; letter-spacing: 0 !important; }
body :is(.hero-intro, .section-heading>p, .q-heading>p, .story-center>p:not(.eyebrow), .support-section .editorial-grid>div>p:not(.eyebrow), .case-feature>p, .q-intro>p) {
  font: var(--type-body-large) !important; letter-spacing: .02em !important;
}
/* Card titles use H3 even where their document outline requires an h2. */
body :is(.library-card h2, .story-card h2, .service-card h2, .cg-title, .product-summary h2, .domain-inline strong, .df-head strong, .prose .p-heading, .mock-main strong, .mock-pill, .pa-main strong, .pa-chart strong) {
  font: var(--type-h3) !important; letter-spacing: 0 !important;
}
body :is(.cg-name, .q-related h2, .q-feature h3, .q-deliverables h3, .q-steps h3) {
  font: var(--type-h4) !important; letter-spacing: 0 !important;
}
body :is(.support-points h3, .editorial-points h3, .q-fit h3, .q-scope h3, .resource-table td:first-child) {
  font: var(--type-label-large) !important; letter-spacing: 0 !important;
}
body :is(.button, .text-link, .card-link) {
  font: var(--type-h4) !important; letter-spacing: 0 !important;
}
body :is(.df-form .button, .account-link, .cs-line a) {
  font: var(--type-body) !important; letter-spacing: .02em !important;
}
body :is(.desktop-nav, .desktop-nav .nav-group>summary, .mobile-nav summary, .nav-item-title, .mobile-nav nav a) {
  font: var(--type-label-small) !important; letter-spacing: .02em !important;
}
body :is(.field-label, main label, main th, .account-nav a, .summary-row, .q-cycles button, .q-plan-select, .q-accordion summary, .faq summary, .prose .faq-item summary, .footer-grid a:not(.footer-logo), .bubble, .cs-line) {
  font: var(--type-label) !important; letter-spacing: 0 !important;
}
body :is(.support-points p, .editorial-points p, .footer-grid p, .nav-item-desc, .feature-list li, .q-plan-features li, .q-plan-features summary, .q-fit p, .q-feature p, .q-scope p, .q-steps p, .q-proof p:not(.eyebrow), .q-related a, .q-buy-toolbar, .plan-price span, .q-plan-price span) {
  font: var(--type-body-small) !important; letter-spacing: .02em !important;
}
body :is(.staging-banner, .banner-detail, .footer-caption, .footer-bottom, .hero-note, .aside-footnote, .plan-disclaimer, .record-date, .small-copy, .library-preview-note, .art-tag small, .art-label, .art-coordinate, .breadcrumb, .article-byline, .trust-label, .q-small, .cg-role, .q-option-number, .co-flag, .option-price small) {
  font: var(--type-caption) !important; letter-spacing: .02em !important;
}
body :is(.eyebrow, .footer-grid h2) {
  font: var(--type-overline) !important; letter-spacing: .1em !important;
}
body :is(.plan-price strong, .q-plan-price strong) {
  font: var(--type-h2) !important; letter-spacing: -.04em !important;
}
body .contact-band h2 { font: var(--type-h1) !important; letter-spacing: -.04em !important; }
/* Preserve readable, proportionate headings on narrower screens. */
@media (max-width: 900px) {
  :root { --type-h1: 700 3rem/1.083333333 var(--font-head); --type-h2: 700 2.5rem/1.2 var(--font-head); }
}
@media (max-width: 600px) {
  :root { --type-h1: 700 2.5rem/1.1 var(--font-head); --type-h2: 700 2rem/1.25 var(--font-head); }
  body :is(.mock-pill, .pa-main strong, .pa-chart strong) { font: var(--type-label) !important; }
}

/* Cart and checkout line items are list entries, not page headings. */
body .cart-item h2, body .checkout-item h2 { font: 700 20px/1.3 var(--font-head) !important; letter-spacing: -.015em !important; margin: 0 0 4px; }

/* Customer account pages: headings are UI labels, not marketing type. */
body .account-heading h1 { font: 700 clamp(26px,3vw,34px)/1.15 var(--font-head) !important; letter-spacing: -.02em !important; margin-bottom: 6px; }
body .account-shell h2, body .account-main h2, body .account-heading ~ * h2, body .commerce-panel h2, body .table-panel h2, body .account-quick-grid h3 { font: 700 20px/1.3 var(--font-head) !important; letter-spacing: -.015em !important; }
body .account-shell h3, body .account-main h3, body .commerce-panel h3 { font: 700 16px/1.35 var(--font-head) !important; letter-spacing: 0 !important; }
body .dm-section h2 { font-size: 22px !important; }
body .due-panel h2 { font-size: 30px !important; line-height: 1.1 !important; }

/* /unified/header.css */
/* Figma Header 154:137: on-top / on-scroll. Presentation only. */
.site-header {
  --header-ink: #fff;
  --header-border: rgba(255,255,255,.6);
  --header-hover: rgba(255,255,255,.14);
  position: fixed; inset: 0 0 auto; z-index: 60;
  height: 88px; border: 0; background: var(--red); color: var(--header-ink);
  box-shadow: 0 4px 20px rgba(0,0,0,0);
}
/* The transparent variant sits over the existing hero background. */
body:has(main > :is(.editorial-hero,.product-hero,.content-hero,.commerce-top,.domain-hero,.library-intro):first-child) .site-header:not(.is-scrolled) { background: transparent; }
main > :first-child { border-top: 88px solid transparent; background-clip: border-box; background-origin: border-box; }
.site-header .header-inner {
  width: 100%; max-width: 1512px; height: 88px; margin: 0 auto;
  padding: 24px clamp(24px,5.291vw,80px); gap: 60px;
}
.site-header .brand { position: relative; width: 96px; height: 40px; }
.site-header .brand img { position: absolute; inset: 0; width: 96px; height: 40px; max-width: none; filter: none; object-fit: contain; }
.site-header .brand .header-logo-top { opacity: 1; }
.site-header .brand .header-logo-scroll { opacity: 0; }
.site-header .desktop-nav { margin: 0; gap: 24px; color: var(--header-ink); }
.site-header .desktop-nav .nav-group>summary {
  padding: 0; min-height: 40px; gap: 2px; color: var(--header-ink); border-radius: 6px;
}
.site-header .desktop-nav .nav-group>summary:hover,
.site-header .desktop-nav .nav-group[open]>summary { background: var(--header-hover); color: var(--header-ink); }
.site-header .desktop-nav .nav-group>summary svg { display: none; }
.site-header .desktop-nav .nav-group>summary::after {
  content: ''; display: block; width: 18px; height: 18px; flex-shrink: 0;
  background: currentColor; mask: url('/unified/images/header/chevron.svg') center / contain no-repeat;
  transition: transform 180ms ease;
}
.site-header .desktop-nav .nav-group[open]>summary::after { transform: rotate(180deg); }
.site-header .header-actions { margin-left: auto; gap: 40px; flex-shrink: 0; }
.site-header .cart-link { display: flex; align-items: center; justify-content: center; width: 24px; height: 40px; padding: 0; color: var(--header-ink); border-radius: 6px; }
.site-header .cart-link svg { display: none; }
.site-header .cart-link::before { content: ''; width: 24px; height: 24px; background: currentColor; mask: url('/unified/images/header/cart.svg') center / contain no-repeat; }
.site-header .account-link {
  display: inline-flex; align-items: center; justify-content: center;
  height: 40px; padding: 0 24px; border: 1px solid var(--header-border); border-radius: 12px;
  background: transparent; color: var(--header-ink); white-space: nowrap;
  font: 700 16px/28px var(--font-body) !important; letter-spacing: 0 !important;
}
.site-header .account-link span { display: none; }
.site-header .account-link:hover,.site-header .cart-link:hover { background: var(--header-hover); color: var(--header-ink); }
.site-header .mobile-nav>summary { color: var(--header-ink); }
.site-header.is-scrolled {
  --header-ink: #1c1b1f; --header-border: #becbd4; --header-hover: rgba(28,27,31,.06);
  height: 68px; background: #fff; box-shadow: 0 4px 20px rgba(0,0,0,.12);
}
.site-header.is-scrolled .header-inner { height: 68px; padding-top: 14px; padding-bottom: 14px; }
.site-header.is-scrolled .account-link { height: 36px; }
.site-header.is-scrolled .header-logo-top { opacity: 0; }
.site-header.is-scrolled .header-logo-scroll { opacity: 1; }
/* Enable transitions after the initial scroll position is restored. */
.site-header.header-ready { transition: height 280ms ease, background-color 280ms ease, box-shadow 280ms ease, color 280ms ease; }
.site-header.header-ready :is(.header-inner,.account-link,.cart-link,.desktop-nav .nav-group>summary,.mobile-nav>summary) {
  transition: height 280ms ease, padding 280ms ease, color 280ms ease, background-color 280ms ease, border-color 280ms ease;
}
.site-header.header-ready .brand img { transition: opacity 280ms ease; }
@media(max-width:1080px) {
  .site-header .header-inner { gap: 20px; padding-left: 24px; padding-right: 24px; }
  .site-header .header-actions { gap: 20px; }
  .site-header .mobile-nav>nav { position: absolute; top: 100%; left: 0; right: 0; max-height: calc(100dvh - 88px); overflow-y: auto; }
  .site-header.is-scrolled .mobile-nav>nav { max-height: calc(100dvh - 68px); }
}
@media(max-width:600px) {
  .site-header .header-inner { padding-left: 20px; padding-right: 20px; gap: 12px; }
  .site-header .header-actions { gap: 12px; }
  .site-header .account-link { padding: 0 16px; }
}
@media(prefers-reduced-motion:reduce) {
  .site-header,.site-header *,.site-header *::before,.site-header *::after { transition: none !important; }
}

/* Homepage hero fills the viewport, including the overlaid header. */
.editorial-hero.home-hero { height: 100vh; min-height: 100vh; }
/* Allow stacked content to grow on mobile and short screens. */
@media (max-width: 900px), (max-height: 700px) {
  .editorial-hero.home-hero { height: auto; min-height: 100vh; }
}

/* Cart count badge (rendered server-side from the session cart). Sits on the icon's top-right corner, not over it. */
.site-header .cart-link { position: relative; overflow: visible; width: 36px; }
.site-header .cart-count { position: absolute; top: 3px; right: -5px; min-width: 16px; height: 16px; padding: 0 4px; border-radius: 8px; background: #e11a00; color: #fff; border: 1.5px solid #fff; box-sizing: content-box; font: 700 10px/16px var(--font-body); text-align: center; pointer-events: none; }

/* /unified/interactions.css */
/* Quape New: Button 6:2403 and Menu Item 163:336. */
/* Verified in all Satoshi weights: ss03 substitutes t with t.ss03.
   Apply directly because existing font shorthands reset OpenType features. */
@layer quape-font-features {
  body, body *, body *::before, body *::after { font-feature-settings: "ss03" 1 !important; }
}

/* Figma size md is the default; major calls to action use lg. */
body .button {
  --button-height: 48px; --button-padding: 24px; --button-size: 16px;
  min-height: var(--button-height); height: auto; padding: 9px var(--button-padding);
  border: 1px solid transparent; border-radius: 12px;
  font: 700 var(--button-size)/28px var(--font-body) !important;
  letter-spacing: 0 !important; text-decoration: none;
  transition: background-color 200ms ease, border-color 200ms ease, color 200ms ease, box-shadow 200ms ease;
}
body :is(.editorial-hero,.product-hero,.content-hero,.support-section,.story-center,.contact-band) .button,
body .button-lg { --button-height: 60px; --button-padding: 32px; --button-size: 20px; padding-top: 15px; padding-bottom: 15px; }
body .button-sm { --button-height: 40px; --button-padding: 24px; --button-size: 16px; padding-top: 5px; padding-bottom: 5px; }
body .button-xl { --button-height: 68px; --button-padding: 36px; --button-size: 20px; padding-top: 19px; padding-bottom: 19px; }
body .button-primary { background: #1c1b1f; color: #fff; box-shadow: none; }
body .button-primary:is(:hover,:focus-visible) { background: #2e2d33; color: #fff; box-shadow: 0 12px 20px rgba(0,0,0,.3); }
body .button-outline { background: transparent; border-color: #becbd4; color: #1c1b1f; box-shadow: none; }
body .button-light { background: #fff; border-color: #becbd4; color: #1c1b1f; box-shadow: none; }
body :is(.button-outline,.button-light):is(:hover,:focus-visible) { background: #fff; border-color: #1c1b1f; color: #1c1b1f; box-shadow: none; }
body .button-ghost { background: transparent; border-color: rgba(255,255,255,.6); color: #fff; box-shadow: none; }
body .button-ghost:is(:hover,:focus-visible) { background: #fff; border-color: #fff; color: #1c1b1f; box-shadow: none; }
body .site-header .account-link {
  height: 40px; min-height: 40px; padding: 5px 24px; border-radius: 12px;
  font: 700 16px/28px var(--font-body) !important; letter-spacing: 0 !important;
}
body .site-header:not(.is-scrolled) .account-link:is(:hover,:focus-visible) { background: #fff; border-color: #fff; color: #1c1b1f; }
body .site-header.is-scrolled .account-link:is(:hover,:focus-visible) { background: #fff; border-color: #1c1b1f; color: #1c1b1f; }

.site-header { --header-hover: rgba(255,255,255,.2); }
.site-header.is-scrolled { --header-hover: rgba(28,27,31,.08); }
.site-header .desktop-nav { gap: 0; }
.site-header .desktop-nav .nav-group>summary { padding: 4px 12px; min-height: 28px; border-radius: 8px; gap: 2px; }
.site-header .desktop-nav .nav-group>summary:is(:hover,:focus-visible),
.site-header .desktop-nav .nav-group[open]>summary { background: var(--header-hover); }
.site-header .mobile-nav .nav-group>summary { border-radius: 8px; padding: 4px 12px; min-height: 36px; }
.site-header .mobile-nav .nav-group>summary:is(:hover,:focus-visible),
.site-header .mobile-nav .nav-group[open]>summary { background: rgba(28,27,31,.08); color: #1c1b1f; }
.site-header .nav-dropdown a { border-radius: 8px; }
.site-header .nav-dropdown a:is(:hover,:focus-visible) { background: rgba(28,27,31,.08); color: #1c1b1f; }
.site-header .nav-dropdown a:is(:hover,:focus-visible) .nav-item-title { color: #1c1b1f; }
/* Separate translate preserves the centred mega-menu's existing transform. */
@keyframes quape-menu-open {
  from { opacity: 0; translate: 0 -10px; }
  to { opacity: 1; translate: 0 0; }
}
.site-header .nav-group[open]>.nav-dropdown,
.site-header .mobile-nav[open]>nav { animation: quape-menu-open 220ms cubic-bezier(.2,.7,.2,1) both; }
@media (max-width: 600px) {
  body .button { max-width: 100%; white-space: normal; }
}
@media (prefers-reduced-motion: reduce) {
  body .button, .site-header .account-link { transition: none !important; }
  .site-header .nav-group[open]>.nav-dropdown, .site-header .mobile-nav[open]>nav { animation: none !important; }
}

/* /unified/footer.css */
/* Closing hosting CTA from Figma 62:104; original artwork, live text. */
.contact-band.footer-cta {
  position: relative; isolation: isolate; overflow: hidden;
  min-height: 809px; padding: 512px 24px 70px; border: 0;
  background-color: #1c1b1f;
  background-image: url('/unified/images/footer/hosting-art.png.webp'), linear-gradient(180deg,#e11a00 27.269%,#1c1b1f 100%);
  background-position: center top; background-size: cover; background-repeat: no-repeat;
}
.contact-band.footer-cta::after {
  content: ''; position: absolute; z-index: -1; inset: auto 0 0; height: 128px;
  background: url('/unified/images/footer/hosting-fade.png.webp') center / 100% 100% no-repeat;
  pointer-events: none;
}
.contact-band.footer-cta>.container {
  position: relative; width: 100%; max-width: 1094px; margin: 0 auto;
  display: flex; flex-direction: column; align-items: center; gap: 39px; text-align: center;
}
.contact-band.footer-cta>.container>div { width: 100%; }
.contact-band.footer-cta>.container>div::before,
.contact-band.footer-cta>.container>div::after { content: none; display: none; }
body .contact-band.footer-cta h2 {
  margin: 0; color: #fff; font: 700 64px/64px var(--font-head) !important; letter-spacing: -.04em !important;
}
body .contact-band.footer-cta .button {
  min-height: 60px; padding: 15px 32px; border-radius: 12px;
  background: #fff; border-color: #fff; color: #1c1b1f;
  font: 700 20px/28px var(--font-body) !important;
}
body .contact-band.footer-cta .button:is(:hover,:focus-visible) { background: #fff; border-color: #1c1b1f; color: #1c1b1f; box-shadow: none; }
@media(max-width:900px) {
  .contact-band.footer-cta { min-height: 700px; padding-top: 420px; padding-bottom: 64px; background-size: auto 100%,100% 100%; }
  body .contact-band.footer-cta h2 { font-size: 48px !important; line-height: 52px !important; }
}
@media(max-width:600px) {
  .contact-band.footer-cta { min-height: 640px; padding: 350px 20px 64px; background-size: auto 100%,100% 100%; }
  .contact-band.footer-cta>.container { gap: 32px; }
  body .contact-band.footer-cta h2 { font-size: 40px !important; line-height: 44px !important; }
}

/* /unified/support.css */
/* Figma support illustration 164:618; responsive 657 x 834 canvas. */
.support-chat { position: relative; container-type: inline-size; width: 100%; max-width: 657px; aspect-ratio: 657 / 834; margin: 0 auto; }
.chat-backdrop { position: absolute; left: 17.96%; top: 18.94%; width: 67.43%; height: 65.23%; border-radius: 6.7cqw; background: linear-gradient(180deg,#e11a00,rgba(251,186,114,0)); box-shadow: 0 -10.96cqw 17.09cqw -5.02cqw rgba(225,26,0,.51); }
.chat-agent { position: absolute; left: 30.9%; top: 7.31%; width: 41.32%; height: 32.49%; object-fit: contain; }
.chat-support-label { position: absolute; top: 32.85%; left: 51.67%; transform: translateX(-50%); display: flex; flex-direction: column; align-items: center; gap: 2.43cqw; color: #fff; white-space: nowrap; }
.chat-support-label img { width: 7.3cqw; height: 7.3cqw; }
.chat-support-label b { font: 700 clamp(14px,3.044cqw,20px)/1.4 var(--font-body); }
.chat-message { position: absolute; padding: 2.435cqw 3.653cqw; border-radius: 6.09cqw; font: 500 clamp(11px,2.435cqw,16px)/1.5 var(--font-body); letter-spacing: 0; box-shadow: 0 2.28cqw 2.57cqw rgba(0,0,0,.05),0 4.1cqw 3.56cqw rgba(0,0,0,.05); }
.chat-user { background: #fff; color: #1c1b1f; }
.chat-reply { background: rgba(19,5,4,.67); color: #fff; backdrop-filter: blur(42px); }
.chat-message-1 { top: 49.52%; left: 45.36%; max-width: 52%; }
.chat-message-2 { top: 59.83%; left: 13.7%; width: 58.9%; border-radius: 4.57cqw; }
.chat-message-3 { top: 71.46%; left: 68.04%; max-width: 30%; text-align: right; }
.chat-message-4 { top: 80.69%; left: 13.7%; width: 45.36%; }
.chat-avatar { position: absolute; width: 6.09cqw; height: 6.09cqw; top: -3.044cqw; left: -6.09cqw; }
.support-section .support-points>div { display: flex; align-items: center; gap: 26px; }
.support-section .sp-icon { display: block; flex: 0 0 50px; width: 50px; height: 50px; padding: 0; background: transparent; }
.support-section .sp-icon img { display: block; width: 50px; height: 50px; }
/* Content is visible by default when scripting is unavailable. */
.support-chat.chat-reveal-pending { opacity: 0; transform: translateY(48px); }
.support-chat.chat-reveal-active { animation: chat-swipe-up 800ms cubic-bezier(.16,1,.3,1) both; }
@keyframes chat-swipe-up { from { opacity: 0; transform: translateY(48px); } to { opacity: 1; transform: translateY(0); } }
@media(max-width:900px) { .support-chat { max-width: 540px; } }
@media(max-width:600px) { .support-section .support-points>div { gap: 18px; } }
@media(prefers-reduced-motion:reduce) { .support-chat.chat-reveal-pending { opacity: 1; transform: none; } .support-chat.chat-reveal-active { animation: none; } }

/* /unified/home-hero.css */
/* Homepage hero, Figma 4:13. Header and 100vh behavior remain shared. */
.editorial-hero.home-hero-figma {
  background: url('/unified/images/home-hero/background.png.webp') center / cover no-repeat,linear-gradient(159.203deg,#e11a00 41.156%,#9f1200 83.813%);
  background-origin: border-box; padding: 32px 0 48px; isolation: isolate;
}
.editorial-hero.home-hero-figma>.homepage-hero-grid {
  width: 100%; max-width: 1512px; padding: 0 clamp(24px,5.291vw,80px);
  display: grid; grid-template-columns: minmax(0,716fr) minmax(0,567fr); gap: clamp(32px,4.5vw,68px); align-items: center;
}
.homepage-hero-copy { position: relative; z-index: 1; min-width: 0; }
body .home-hero-figma h1 {
  margin: 0 0 34px; font: var(--type-h1) !important; letter-spacing: -.04em !important;
  background: linear-gradient(152.408deg,#fff 43.164%,rgba(255,255,255,0) 103.06%);
  background-clip: text; -webkit-background-clip: text; color: transparent; -webkit-text-fill-color: transparent;
}
.home-hero-figma .hero-intro { max-width: none; margin: 0; color: #fff; }
.home-hero-figma .button-row { margin: 39px 0 0; gap: 12px; flex-wrap: wrap; }
.home-hero-figma .hero-note { margin: 39px 0 0; color: rgba(255,255,255,.8); }
.homepage-hero-art { display: block; width: 100%; max-width: none; height: auto; aspect-ratio: 567 / 617; object-fit: contain; justify-self: start; }
@media(min-width:1200px) {
  .home-hero-figma .homepage-hero-copy { width: 100%; }
}
@media(max-width:1100px) and (min-width:901px) {
  body .home-hero-figma h1 { font-size: 48px !important; line-height: 1.05 !important; }
  .home-hero-figma .button { padding-left: 20px; padding-right: 20px; }
}
@media(max-width:900px) {
  .editorial-hero.home-hero-figma { padding: 48px 0; }
  .editorial-hero.home-hero-figma>.homepage-hero-grid { grid-template-columns: 1fr; gap: 40px; }
  .homepage-hero-copy { max-width: 716px; }
  .homepage-hero-art { width: 100%; max-width: 480px; justify-self: center; }
}
@media(max-width:600px) {
  .editorial-hero.home-hero-figma>.homepage-hero-grid { padding: 0 20px; }
  .home-hero-figma h1 { margin-bottom: 26px; }
  .home-hero-figma .button-row,.home-hero-figma .hero-note { margin-top: 28px; }
}
@media(forced-colors:active) { body .home-hero-figma h1 { background: none; color: CanvasText; -webkit-text-fill-color: CanvasText; } }

/* Cap viewport-sized heroes on tall screens. */
body .editorial-hero.home-hero{min-height:min(100vh,1080px);max-height:1080px}

/* /unified/hosting-cards.css */
/* Hosting path cards: Figma 37:527. */
.paths-section>.container { width: 100%; max-width: 1512px; padding: 0 clamp(20px,5.291vw,80px); }
.figma-hosting-cards { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }
.figma-hosting-cards .path-card { padding: 0; min-height: 523px; border-radius: 20px; display: flex; flex-direction: column; color: #fff; }
.figma-hosting-cards .path-red { background: #e11a00; }
.figma-hosting-cards .path-green { background: #2d9909; }
.figma-hosting-cards .path-blue { background: #0073fb; }
.hosting-card-copy { padding: 40px 40px 0; min-height: 189px; flex: 1; }
.figma-hosting-cards h3 { margin: 0 0 8px; color: #fff; }
.figma-hosting-cards p { margin: 0; color: #fff; }
.figma-hosting-cards .hosting-card-art { display: block; width: 100%; height: auto; aspect-ratio: 438 / 334; object-fit: cover; flex-shrink: 0; margin-top: 0; }
@media (min-width:901px) and (max-width:1200px) {
  .hosting-card-copy { padding: 28px 24px 20px; min-height: 224px; }
  .figma-hosting-cards .path-card { min-height: 460px; }
}
@media(max-width:900px) {
  .figma-hosting-cards { grid-template-columns: 1fr; max-width: 540px; margin: 0 auto; }
  .figma-hosting-cards .path-card { min-height: 0; }
  .hosting-card-copy { min-height: 189px; padding: 32px 32px 20px; }
}
@media(max-width:380px) { .hosting-card-copy { padding: 28px 24px 20px; } }

/* /unified/customer-story.css */
/* Customer story, Figma 62:72. */
.domain-story { padding-bottom: 0; background: linear-gradient(180deg,#fff,#d7e5ec); }
.domain-story .domain-find { margin-bottom: 0; padding-bottom: 24px; }
.customer-story-feature { position: relative; isolation: isolate; padding: 92px 0 96px; background: linear-gradient(180deg,#d7e5ec 29.249%,#fff 66.227%); }
.customer-story-image { display: block; position: relative; width: min(1112px,calc(100% - 80px)); aspect-ratio: 1112 / 638; margin: 0 auto; border: 10px solid #fff; border-radius: 29px; box-shadow: 0 -42px 101.4px -27px rgba(28,27,31,.18); overflow: hidden; }
.customer-story-image img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: top; }
.customer-story-image::after { content: ''; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(ellipse 167% 44% at 50% 91.5%,#fff 33%,rgba(255,255,255,.738) 69%,transparent 100%); }
.customer-story-panel { position: relative; margin-top: -243px; padding: 45px 24px 0; background: rgba(255,255,255,.4); backdrop-filter: blur(17.45px); }
.customer-story-copy { max-width: 938px; margin: 0 auto; text-align: center; }
.customer-story-copy .eyebrow { justify-content: center; margin: 0 0 12px; color: #e11a00; }
.customer-story-copy h2 { margin: 0 0 20px; color: #1c1b1f; }
body .customer-story-copy .customer-story-intro { margin: 0; color: #1c1b1f; font: var(--type-body-large) !important; letter-spacing: .02em !important; }
body .customer-story-copy .button { margin-top: 47px; min-height: 60px; padding: 15px 32px; font: 700 20px/28px var(--font-body) !important; }
@media(max-width:1200px) { .customer-story-panel { margin-top: -20vw; } }
@media(max-width:600px) {
  .customer-story-feature { padding: 48px 0 64px; }
  .customer-story-image { width: calc(100% - 32px); border-width: 5px; border-radius: 18px; }
  .customer-story-panel { margin-top: -48px; padding: 28px 20px 0; }
  .customer-story-copy .button { margin-top: 32px; }
}

/* /unified/footer-domain.css */
/* Footer 177:127 and domain search 29:167 from Quape New. */
.figma-footer { padding: 92px 0 32px; background: #1c1b1f; }
.figma-footer>.container,.figma-trust>.container { width: 100%; max-width: 1512px; padding-left: clamp(20px,5.291vw,80px); padding-right: clamp(20px,5.291vw,80px); }
.figma-footer .footer-grid { display: grid; grid-template-columns: minmax(220px,1.6fr) repeat(3,minmax(150px,1fr)) auto; gap: 32px; }
.figma-footer .footer-logo img { width: 138px; height: 49px; filter: none; }
.figma-footer .footer-grid p { margin: 24px 0 0; color: #fff; }
body .figma-footer .footer-grid h2 { margin: 0 0 20px; font: var(--type-overline) !important; letter-spacing: .1em !important; color: rgba(255,255,255,.5); }
body .figma-footer .footer-grid a:not(.footer-logo) { font: var(--type-label) !important; color: #fff; margin-bottom: 16px; }
.figma-footer .footer-social { display: flex; gap: 12px; }
.figma-footer .footer-social a,.figma-footer .footer-instagram { display: block !important; width: 50px; height: 50px; flex: 0 0 50px; background: transparent; margin: 0 !important; border-radius: 50%; }
.figma-footer .footer-social img { display: block; width: 50px; height: 50px; }
.figma-footer .footer-social a:hover { opacity: .8; background: transparent; }
body .figma-footer .footer-bottom { display: flex; justify-content: space-between; gap: 24px; margin-top: 52px; padding-top: 0; padding-bottom: 0; font: var(--type-body-small) !important; color: rgba(255,255,255,.6); }
.figma-footer .footer-legal { gap: 24px; flex-wrap: wrap; }
.figma-footer .footer-legal a { color: inherit; }
.figma-trust { padding: 40px 0; background: #fff; }
.figma-trust .footer-trust { display: flex; justify-content: space-between; align-items: flex-start; gap: 32px; }
.figma-trust .trust-group { display: flex; flex-direction: column; align-items: flex-start; gap: 18px; }
.figma-trust .trust-right { align-items: flex-end; }
body .figma-trust .trust-label { font: var(--type-overline) !important; letter-spacing: .1em !important; color: rgba(28,27,31,.8); text-transform: uppercase; }
.figma-trust .trust-via { margin-left: 14px; font: var(--type-caption); letter-spacing: .02em; text-transform: none; color: #1c1b1f; }
.figma-trust .trust-logos { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.figma-trust .certification-badge { display: flex; align-items: center; padding: 8px 16px; border: 1px solid rgba(0,0,0,.16); border-radius: 12px; }
.figma-trust .trust-logos img { max-width: 100%; filter: none; opacity: 1; width: auto; }
.figma-trust .certification-badge img { width: 186px; height: 56px !important; object-fit: contain; }
.figma-trust .trust-logos .apnic-badge { width: 136px; height: 72px !important; }
.figma-trust .payment-badges { gap: 12px; }
.figma-trust .payment-badges img { height: 48px !important; object-fit: contain; }
.domain-story { padding: 40px 0; background: linear-gradient(180deg,#fff,#d7e5ec); }
.domain-story .domain-find { width: 100%; max-width: 932px; margin: 0 auto; padding: 0; }
.domain-story .df-head { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; text-align: center; margin: 0 0 28px; }
.domain-story .domain-globe { width: 40px; height: 40px; margin-bottom: 14px; }
.domain-story .df-head strong { font: var(--type-h3) !important; }
.domain-story .df-head>span { color: #1c1b1f; }
.domain-story .df-form { padding: 8px 8px 8px 24px; gap: 12px; border-radius: 16px; box-shadow: 0 15px 16.9px rgba(0,0,0,.05),0 27px 23.4px rgba(0,0,0,.05); }
.domain-search-icon { width: 24px; height: 24px; flex: 0 0 24px; }
.domain-story .df-form input { min-width: 0; flex: 1; font: var(--type-label) !important; letter-spacing: 0 !important; }
.domain-story .df-form input::placeholder { color: rgba(28,27,31,.6); opacity: 1; }
body .domain-story .df-form .button { flex-shrink: 0; min-height: 48px; padding: 9px 24px; font: 700 16px/28px var(--font-body) !important; }
@media(max-width:1250px) { .figma-footer .footer-grid { grid-template-columns: 1.3fr repeat(3,1fr); gap: 28px; } .figma-footer .footer-social { grid-column: 1 / -1; } }
@media(max-width:700px) {
 .figma-footer { padding-top: 56px; } .figma-footer .footer-grid { grid-template-columns: 1fr 1fr; gap: 32px 20px; }
 .figma-footer .footer-grid>div:first-child { grid-column: 1 / -1; }
 body .figma-footer .footer-bottom { flex-direction: column; margin-top: 36px; }
 .figma-trust .footer-trust { flex-direction: column; } .figma-trust .trust-right { align-items: flex-start; }
 .domain-story .df-form { display: grid; grid-template-columns: 24px minmax(0,1fr); padding: 12px; }
 .domain-story .df-form .button { grid-column: 1 / -1; width: 100%; }
 .figma-trust .certification-badge { padding: 8px 12px; } .figma-trust .certification-badge img { width: 154px; height: 46px !important; }
 .figma-trust .trust-logos .apnic-badge { width: 116px; height: auto !important; }
}
/* Figma 177:127: shared typography and sharp, unflattened brand assets. */
body .figma-footer .footer-grid a:not(.footer-logo){font:700 16px/24px var(--font-body)!important;letter-spacing:0!important}
body .figma-footer .footer-grid p{font:400 14px/20px var(--font-body)!important;letter-spacing:.02em!important}
body .figma-footer .footer-bottom,body .figma-footer .footer-bottom a{font:400 14px/20px var(--font-body)!important;letter-spacing:.02em!important}
.figma-footer .footer-instagram{position:relative;background:#ffffff29!important}
.figma-footer .footer-instagram img{position:absolute;width:27px;height:27px;left:12px;top:11px}
.figma-trust{background:#1c1b1f;border-top:1px solid #ffffff29}
body .figma-trust .trust-label{color:#ffffffcc;font:900 13px/normal var(--font-body)!important}
body .figma-trust .trust-via{color:#fff;font:500 13px/normal var(--font-body)!important}
.figma-trust .certification-badge,.figma-trust .logo-badge{box-sizing:border-box;border:1px solid #ffffff29;border-radius:12px;display:flex;align-items:center;justify-content:center;padding:8px 16px;height:72px;background:transparent}
.figma-trust .certification-badge{gap:17px;width:221px}
.figma-trust .cyber-symbol{display:block;flex:0 0 92px;width:92px;height:56px;overflow:hidden}
.figma-trust .cyber-symbol img{display:block;max-width:none;width:186px;height:56px!important;object-fit:fill}
.figma-trust .certification-badge .cyber-wordmark{width:78px;height:39px!important;object-fit:contain;border-left:1px solid #ffffff60;padding-left:10px;box-sizing:content-box;margin-left:-10px}
.figma-trust .trust-logos .apnic-badge{width:136px;height:72px!important}
.figma-trust .apnic-badge img{width:102px;height:25px!important;transform:scaleY(-1)}
.figma-trust .payment-badges .logo-badge{height:48px}
.figma-trust .paynow-badge{width:116px}.figma-trust .visa-badge{width:78px}.figma-trust .mastercard-badge{width:72px}
.figma-trust .payment-badges .paynow-badge img{width:82px;height:21px!important}
.figma-trust .payment-badges .visa-badge img{width:45px;height:14px!important}
.figma-trust .payment-badges .mastercard-badge img{width:34px;height:28px!important}

/* /unified/plan-design.css */
/* Figma 217:3604, shared grid plans only. Copy and purchase behavior unchanged. */
#plans:has(.q-plan-grid){padding:80px 0;background:#fff}
#plans:has(.q-plan-grid)>.container{width:100%;max-width:1512px;padding-inline:clamp(20px,5.291vw,80px)}
#plans:has(.q-plan-grid) .q-heading{display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center;max-width:794px;margin:0 auto 50px}
body #plans:has(.q-plan-grid) .q-heading .eyebrow{display:block;text-align:center;color:#e11a00;margin:0 0 12px}
body #plans:has(.q-plan-grid) .q-heading h2{max-width:698px;font:700 48px/56px var(--font-head)!important;letter-spacing:-.04em!important;margin:0}
body #plans:has(.q-plan-grid) .q-heading>p{max-width:none;font:400 18px/28px var(--font-body)!important;color:#1c1b1f;margin:0}
#plans:has(.q-plan-grid) .q-buy-toolbar{flex-direction:column-reverse;gap:20px;margin-bottom:24px}
body #plans:has(.q-plan-grid) .q-buy-toolbar>div{font:500 14px/20px var(--font-body)!important;color:#1c1b1f;justify-content:center;flex-wrap:wrap}
#plans:has(.q-plan-grid) .q-currency{padding:0;background:transparent}
#plans:has(.q-plan-grid) .q-cycles{background:#e11a00;border-radius:40px;padding:4px;gap:0;max-width:100%;flex-wrap:wrap;justify-content:center}
body #plans:has(.q-plan-grid) .q-cycles button{min-height:36px;min-width:124px;padding:4px 20px;border-radius:43px;color:white;font:700 16px/28px var(--font-body)!important}
#plans:has(.q-plan-grid) .q-cycles button.is-selected{background:white;color:#1c1b1f}
.q-plan-grid{gap:36px;align-items:stretch;border-left:1px solid #00000029;border-right:1px solid #00000029;padding-inline:18px}
.q-plan-grid .q-plan{position:relative;padding:36px 36px 25px;border:0;border-radius:20px;background:white;box-shadow:none;transition:background-color 240ms ease;display:flex;flex-direction:column;gap:20px}
.q-plan-grid .q-plan:hover{background:#f0f5f8;box-shadow:none}
.q-plan-grid .q-plan:not(:nth-child(3n))::after{content:'';position:absolute;top:0;bottom:0;right:-19px;width:1px;background:#00000029;pointer-events:none}
.q-plan-grid .q-plan-name{display:grid;grid-template-columns:minmax(0,1fr) auto;align-content:start;gap:8px 12px;min-height:58px}
.q-plan-grid .q-plan-name .eyebrow{grid-column:1/-1;margin:0}
body .q-plan-grid .q-plan-name h3{font:700 24px/32px var(--font-head)!important;letter-spacing:0!important;margin:0;color:#1c1b1f}
body .q-plan-popular{align-self:start;border:1px solid #e11a00;border-radius:8px;padding:4px 12px;font:900 13px/normal var(--font-body)!important;letter-spacing:.1em!important;text-transform:uppercase;color:#e11a00}
.q-plan-grid .q-plan-price{margin:0;gap:8px}
body .q-plan-grid .q-plan-price strong{font:700 36px/40px var(--font-head)!important;letter-spacing:-.04em!important;color:#1c1b1f}
body .q-plan-grid .q-plan-price span{font:500 14px/normal var(--font-body)!important;letter-spacing:.02em;color:#1c1b1f}
body .q-plan-grid .q-plan-select{min-height:48px;padding:10px 24px;margin:0;justify-content:center;font:700 16px/28px var(--font-body)!important;border-radius:12px}
.q-plan-grid .q-plan-features{width:100%}
.q-plan-grid .q-plan-features>ul{display:flex;flex-direction:column;gap:8px}
body .q-plan-grid .q-plan-features li{font:500 14px/20px var(--font-body)!important;letter-spacing:.02em!important;padding:0 0 0 32px;color:#1c1b1f}
.q-plan-grid .q-plan-features li:before{content:'';width:20px;height:20px;top:0;left:0;background:url('/unified/images/plans/check.svg') center/contain no-repeat}
.q-plan-grid .q-plan-features details{margin-top:20px;padding-top:20px;border:0;background:url('/unified/images/plans/divider.svg') top left/100% 1px no-repeat}
body .q-plan-grid .q-plan-features summary{display:flex;justify-content:center;align-items:center;gap:8px;list-style:none;padding:0;font:700 14px/20px var(--font-body)!important;color:#1c1b1f}
.q-plan-grid .q-plan-features summary::-webkit-details-marker{display:none}
.q-plan-grid .q-plan-features summary:after{content:'';width:24px;height:24px;flex-shrink:0;background:url('/unified/images/plans/chevron.svg') center/contain no-repeat;transition:transform 220ms ease}
.q-plan-grid .q-plan-features details[open]>summary:after{transform:rotate(180deg)}
.q-plan-grid .q-plan-features details ul{display:flex;flex-direction:column;gap:8px;margin-top:20px}
#plans:has(.q-plan-grid) .q-buy-note{flex-direction:column-reverse;align-items:center;gap:14px;text-align:center;margin-top:50px}
body #plans:has(.q-plan-grid) .q-buy-note p{max-width:698px;font:400 14px/20px var(--font-body)!important;color:#1c1b1f}
body #plans:has(.q-plan-grid) .q-buy-note a{font:700 16px/24px var(--font-body)!important;color:#e11a00}
@media(max-width:1200px){.q-plan-grid .q-plan{padding:28px 20px}.q-plan-grid .q-plan-name{grid-template-columns:1fr}.q-plan-popular{justify-self:start}body .q-plan-grid .q-plan-price strong{font-size:36px!important}}
@media(max-width:900px){.q-plan-grid{grid-template-columns:1fr;gap:24px;border:0;padding:0}.q-plan-grid .q-plan{border:1px solid #00000029}.q-plan-grid .q-plan:after{display:none}.q-plan-grid .q-plan-name{min-height:0;grid-template-columns:minmax(0,1fr) auto}body #plans:has(.q-plan-grid) .q-heading h2{font-size:32px!important;line-height:40px!important}}
@media(max-width:380px){.q-plan-grid .q-plan-name{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.q-plan-grid .q-plan,.q-plan-grid .q-plan-features summary:after{transition:none}}
.q-plan-grid:has(>.q-plan:only-child){grid-template-columns:minmax(0,1fr);max-width:520px;margin-inline:auto}
.q-plan-grid:has(>.q-plan:only-child)>.q-plan::after{display:none}
.q-plan-grid:has(>.q-plan:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr));max-width:1000px;margin-inline:auto}
.q-plan-grid:has(>.q-plan:nth-child(2):last-child)>.q-plan:last-child::after{display:none}
@media(max-width:900px){.q-plan-grid:has(>.q-plan:nth-child(2):last-child){grid-template-columns:1fr}}

body .q-plan-grid .q-plan-select,body .q-plan-grid .q-plan-select:hover{box-shadow:none!important}

/* Shared mobile pricing alignment. */
@media(max-width:900px){
 #plans .q-buy-toolbar{align-items:center}
 #plans .q-cycles{align-self:center;margin-inline:auto;width:fit-content;max-width:100%;flex-wrap:wrap;justify-content:center}
 #plans .q-buy-toolbar>div{text-align:center;justify-content:center;flex-wrap:wrap}
 #plans .q-plan-grid .q-plan-price,#plans .q-plan-list .q-plan-price{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:baseline;justify-content:flex-start;align-self:stretch;text-align:left;gap:8px}
 #plans .q-plan-grid .q-plan-price strong,#plans .q-plan-list .q-plan-price strong{display:inline;margin-bottom:0;white-space:nowrap}
 #plans .q-plan-price span{white-space:nowrap}
}

/* /unified/service-design.css */
/* WordPress hero, Figma 212:2931. Shared service tabs match hosting navigation. */
body:has(.wordpress-hero) .site-header:not(.is-scrolled){--header-ink:#1c1b1f;--header-border:#becbd4;--header-hover:#1c1b1f0f;background:transparent}
body:has(.wordpress-hero) .site-header:not(.is-scrolled) .header-logo-top{opacity:0}
body:has(.wordpress-hero) .site-header:not(.is-scrolled) .header-logo-scroll{opacity:1}
.wordpress-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:809px;border:0!important;background:linear-gradient(137.36deg,#f6f9fa 31.623%,#d1dee5 100.68%)}
.wordpress-hero-copy{padding:140px 40px 70px max(24px,calc((100vw - 1346px)/2));position:relative;z-index:1}
body .wordpress-hero .eyebrow{font:900 13px/normal var(--font-body)!important;letter-spacing:1.3px!important;color:#e11a00;margin:0 0 24px;text-transform:uppercase}
body .wordpress-hero h1{font:700 64px/64px var(--font-head)!important;letter-spacing:-2.56px!important;margin:0;padding-bottom:.12em;background:linear-gradient(160.86deg,#1c1b1f 56.522%,#ffffff00 133.23%);background-clip:text;color:transparent;max-width:611px}
body .wordpress-hero-intro{font:400 18px/28px var(--font-body)!important;letter-spacing:.36px!important;color:#1c1b1f;margin:26px 0 39px;max-width:611px}
.wordpress-hero .button-row{gap:12px;flex-wrap:wrap;margin:0 0 39px}
body .wordpress-hero .button{min-height:60px;padding:16px 32px;border-radius:12px;font:700 20px/28px var(--font-body)!important;letter-spacing:0!important}
.wordpress-hero .wordpress-discuss{border:1px solid #becbd4;color:#1c1b1f;background:transparent}
.wordpress-hero .wordpress-discuss:hover{background:#ffffff60}
body .wordpress-hero-benefits{font:500 14px/20px var(--font-body)!important;letter-spacing:.28px!important;color:#1c1b1fb3;margin:0}
.wordpress-hero-image{display:block;width:100%;height:auto;object-fit:contain;object-position:left center;align-self:center}
.commercial-jumps{position:sticky;top:var(--service-header-height,68px);z-index:40;padding:20px 0;border:0;border-bottom:1px solid #00000029;background:#fff}
.commercial-jumps>.container{display:flex;justify-content:center;gap:10px;flex-wrap:nowrap;overflow-x:auto;padding-block:0}
body .commercial-jumps a{display:flex;align-items:center;flex-shrink:0;white-space:nowrap;padding:4px 12px;border-radius:8px;color:#1c1b1f;font:700 14px/24px var(--font-body)!important;letter-spacing:0!important}
.commercial-jumps a:hover{background:#f0f5f8;text-decoration:none}
body .commercial-jumps a[aria-current="location"]{color:#e11a00}
body:has(.commercial-jumps) main section[id]{scroll-margin-top:calc(var(--service-header-height,68px) + var(--service-nav-height,73px) + 24px)}
@media(min-width:1600px){.wordpress-hero-copy{padding-left:max(24px,calc((100vw - 1346px)/2))}}
@media(max-width:1200px){body .wordpress-hero h1{font-size:48px!important;line-height:52px!important;letter-spacing:-1.92px!important}.wordpress-hero-copy{padding:140px 24px 70px}.wordpress-hero{min-height:740px}body .wordpress-hero .button{font-size:16px!important;padding:12px 20px;min-height:48px}}
@media(max-width:900px){.wordpress-hero{grid-template-columns:1fr;min-height:0}.wordpress-hero-copy{padding:136px 24px 32px}.wordpress-hero-image{width:100%;max-width:758px;justify-self:center}.commercial-jumps>.container{justify-content:flex-start}}
@media(max-width:700px){body .wordpress-hero h1{font-size:40px!important;line-height:44px!important;letter-spacing:-1.6px!important}.commercial-jumps{padding:12px 0}.commercial-jumps>.container{gap:24px}.commercial-jumps a{padding:4px 0}.wordpress-hero .button-row{margin-bottom:28px}.wordpress-hero-intro{margin-bottom:28px}}
html:has(.commercial-jumps){scroll-padding-top:0}
body .commercial-jumps a{min-height:32px}

@media(max-width:900px){
 .commercial-jumps>.container{scrollbar-width:none;-ms-overflow-style:none}
 .commercial-jumps>.container::-webkit-scrollbar{display:none}
}

/* /unified/compact-banners.css */
/* Compact public marketing banners. Content may grow; never crop copy or actions. */
body main .editorial-hero.home-hero{height:auto;min-height:clamp(360px,33svh,480px);max-height:none;padding:112px 0 32px}
body main :is(.editorial-hero,.product-hero,.content-hero,.commercial-hero,.domain-hero,.hosting-hero,.wordpress-hero,.domain-figma-hero,.sg-hero,.transfer-hero){box-sizing:border-box;border-top:0;height:auto;min-height:clamp(360px,33svh,480px);max-height:none;padding-top:112px;padding-bottom:32px}
body main :is(.editorial-hero,.product-hero,.content-hero,.commercial-hero,.domain-hero,.hosting-hero,.wordpress-hero,.domain-figma-hero,.sg-hero,.transfer-hero) h1{font-size:clamp(34px,3vw,44px)!important;line-height:1.1!important;letter-spacing:-.035em!important;margin-bottom:18px}
body main :is(.editorial-hero,.product-hero,.content-hero,.commercial-hero,.domain-hero,.hosting-hero,.wordpress-hero,.domain-figma-hero,.sg-hero,.transfer-hero) .eyebrow{margin-bottom:12px}
body main :is(.editorial-hero,.product-hero,.content-hero,.commercial-hero,.domain-hero,.hosting-hero,.wordpress-hero,.domain-figma-hero,.sg-hero,.transfer-hero) :is(.hero-intro,.hosting-intro,.wordpress-intro,.sg-intro,.transfer-intro){font-size:16px!important;line-height:1.6!important;margin:0 0 20px}
body main :is(.editorial-hero,.product-hero,.content-hero,.commercial-hero,.domain-hero,.hosting-hero,.wordpress-hero,.domain-figma-hero,.sg-hero,.transfer-hero) .button{min-height:46px;padding:11px 22px;font-size:16px!important;line-height:24px!important}
body main :is(.editorial-hero,.product-hero,.content-hero,.commercial-hero,.domain-hero,.wordpress-hero) .button-row{margin-top:20px;gap:12px}
body main :is(.hero-note,.hosting-hero-benefits,.wordpress-hero-benefits){margin-top:18px!important;line-height:1.6!important}
body main .quape-hero-art{max-width:280px}
body main .quape-hero-art .qha-pill{font-size:11px;padding:8px 12px}
body main .homepage-hero-grid{gap:40px;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr)}
body main .homepage-hero-art{width:auto;max-width:100%;height:290px;object-fit:contain;justify-self:center}
body main .homepage-hero-copy .hero-intro{max-width:650px}
body main .hosting-hero-copy{max-width:58%;padding:0}
body main .hosting-hero-art{top:88px;width:45%}
body main .hosting-hero-art img{object-fit:contain}
body main .wordpress-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}
body main .wordpress-hero-copy{padding:0 32px 0 max(24px,calc((100vw - 1512px)/2 + 80px));margin:0}
body main .wordpress-hero-image{position:static;height:300px;max-height:none;width:100%!important;max-width:100%;object-fit:contain;object-position:center;align-self:center}
body main .domain-figma-hero h1{max-width:950px;margin:0 auto 24px}
body main .domain-figma-hero .domain-transfer-link{margin:18px 0}
body main .domain-figma-hero .domain-compare-link{min-height:44px}
body main .sg-map{height:260px;top:112px;left:58%;width:42%}
body main .transfer-hero{padding:112px 0 32px;align-items:center}
body main .transfer-hero>.domain-figma-container{padding:0 32px 0 max(24px,calc((100vw - 1512px)/2 + 83px))}
body main .transfer-hero-image{height:300px;object-fit:contain}
body main .transfer-reviews{margin-top:20px}
body main .contact-band.footer-cta{min-height:440px;padding:240px 24px 44px;background-size:auto 100%,100% 100%}
body main .contact-band.footer-cta .container{gap:24px}
body main .contact-band.footer-cta h2{font-size:clamp(30px,3vw,40px)!important;line-height:1.15!important}
body main .contact-band.footer-cta .button{min-height:48px;padding:12px 24px;font-size:16px!important;line-height:24px!important}
/* Desktop refinement: approximately 15% more vertical breathing room. */
@media(min-width:901px){
 /* Match the approved WordPress artwork scale across desktop hero families. */
 body main .homepage-hero-grid{position:relative}
 body main .homepage-hero-art{position:absolute;inset:50% 24px auto auto;transform:translateY(-50%);width:36%;height:calc(100% + 150px);max-width:540px;object-fit:contain;pointer-events:none}
 body main .hosting-hero-art{top:0;width:45%}
 body main .transfer-hero-image{position:absolute;inset:0 0 0 auto;width:50%;height:100%;max-height:none;object-fit:contain;pointer-events:none;mask-image:linear-gradient(to right,transparent,#000 12%,#000 90%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 12%,#000 90%,transparent)}
 body main :is(.product-hero-grid,.commercial-hero-grid,.content-hero .hero-grid){position:relative}
 body main :is(.product-hero-grid,.commercial-hero-grid,.content-hero .hero-grid)>.quape-hero-art{position:absolute;right:0;top:50%;transform:translateY(-50%);width:38%;max-width:440px}
 body main .quape-hero-art .qha-pill{font-size:13px;padding:10px 16px}
 body main .sg-hero .sg-map{top:88px;height:calc(100% - 104px);left:58%;width:42%}
 /* Fill the artwork column without making the banner taller or stretching the image. */
 body main .wordpress-hero-image{position:absolute;inset:0 0 0 auto;width:50%!important;height:100%;max-height:none;object-fit:contain;object-position:center;pointer-events:none;mask-image:linear-gradient(to right,transparent,#000 12%,#000 90%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 12%,#000 90%,transparent)}
 body main .editorial-hero.home-hero,
 body main :is(.editorial-hero,.product-hero,.content-hero,.commercial-hero,.domain-hero,.hosting-hero,.wordpress-hero,.domain-figma-hero,.sg-hero,.transfer-hero){min-height:clamp(414px,37.95svh,552px);padding-top:148px;padding-bottom:68px}
 body main .sg-map{top:148px}
 body main .contact-band.footer-cta{min-height:506px;padding-top:273px;padding-bottom:77px}
}
@media(max-width:900px){
 body main :is(.editorial-hero,.product-hero,.content-hero,.commercial-hero,.domain-hero,.hosting-hero,.wordpress-hero,.domain-figma-hero,.sg-hero,.transfer-hero){min-height:0;padding-top:112px;padding-bottom:28px}
 body main .homepage-hero-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:24px}
 body main .homepage-hero-art{height:230px}
 body main .wordpress-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.7fr)}
 body main .wordpress-hero-copy{padding-left:24px;padding-right:12px}
 body main .wordpress-hero-image{height:240px;flex:none}
 body main .quape-hero-art{max-width:230px}
}
@media(max-width:700px){
 body main :is(.editorial-hero,.product-hero,.content-hero,.commercial-hero,.domain-hero,.hosting-hero,.wordpress-hero,.domain-figma-hero,.sg-hero,.transfer-hero) h1{font-size:32px!important;line-height:1.13!important}
 body main .homepage-hero-grid,body main .wordpress-hero,body main .transfer-hero{grid-template-columns:1fr;gap:24px}
 body main .homepage-hero-art{height:170px}
 body main .wordpress-hero-copy{padding:0 20px}
 body main .wordpress-hero-image{height:180px;min-height:0;max-height:180px}
 body main .hosting-hero-copy{max-width:100%}
 body main .hosting-hero-art{width:100%;opacity:.2}
 body main .quape-hero-art{max-width:190px}
 body main .sg-map{position:relative;top:auto;left:auto;width:100%;height:180px;min-height:180px;max-height:180px;margin-top:24px;flex-basis:180px}
 body main .sg-map img{height:180px;max-height:180px}
 body main .transfer-hero>.domain-figma-container{padding:0 20px}
 body main .transfer-hero-image{height:190px;max-height:190px}
 body main .contact-band.footer-cta{min-height:360px;padding:180px 20px 36px}
}

/* /unified/hero-only-motion.css */
/* Entrance animations are restricted to marketing heroes. Interactive transitions remain enabled. */
html, body, body * { scroll-behavior:auto!important; }
*:not(.site-header, .site-header *, :is(.editorial-hero,.product-hero,.content-hero,.commercial-hero,.domain-hero,.hosting-hero,.wordpress-hero,.domain-figma-hero,.sg-hero,.transfer-hero), :is(.editorial-hero,.product-hero,.content-hero,.commercial-hero,.domain-hero,.hosting-hero,.wordpress-hero,.domain-figma-hero,.sg-hero,.transfer-hero) *) {
 animation:none!important;
 &::before, &::after { animation:none!important; }
}
/* Reveal helpers must not leave the support illustration hidden. */
.support-chat.chat-reveal-pending {opacity:1!important;transform:none!important;}

/* /unified/hero-sizing.css */
/* Shared minimum for page heroes, including mobile viewports. */
body main :is(.hero,.editorial-hero,.product-hero,.content-hero,.commercial-hero,.domain-hero,.hosting-hero,.wordpress-hero,.domain-figma-hero,.sg-hero,.transfer-hero){min-height:760px!important}

/* Shared hero heading maximum, with responsive smaller sizes. */
body main :is(.hero,.editorial-hero,.product-hero,.content-hero,.commercial-hero,.domain-hero,.hosting-hero,.wordpress-hero,.domain-figma-hero,.sg-hero,.transfer-hero) h1{font-size:56px!important;line-height:1.07!important;letter-spacing:-.04em!important}
@media(max-width:1200px){body main :is(.hero,.editorial-hero,.product-hero,.content-hero,.commercial-hero,.domain-hero,.hosting-hero,.wordpress-hero,.domain-figma-hero,.sg-hero,.transfer-hero) h1{font-size:48px!important}}
@media(max-width:700px){body main :is(.hero,.editorial-hero,.product-hero,.content-hero,.commercial-hero,.domain-hero,.hosting-hero,.wordpress-hero,.domain-figma-hero,.sg-hero,.transfer-hero) h1{font-size:40px!important}}
@media(max-width:600px){body main .wordpress-hero h1{font-size:36px!important}}
@media(max-width:600px) and (max-height:700px){body main .wordpress-hero h1{font-size:28px!important}}

/* /unified/service-template.css */
/* Adapt the approved WordPress component layout to service-specific content. */
.service-template-body .wp-stories:has(>.wp-story:only-child){grid-template-columns:minmax(0,1fr);max-width:650px}
.service-template-body .wp-stories:has(>.wp-story:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
.service-template-body .wp-fit-grid:has(>.wp-panel:only-child){grid-template-columns:1fr}
.service-template-body #customer-experience{padding-top:140px;padding-bottom:140px}
.service-template-body .wp-feature{overflow-wrap:anywhere}
@media(max-width:700px){.service-template-body .wp-stories:has(>.wp-story:nth-child(2):last-child){grid-template-columns:1fr}}

body main .wordpress-hero.migration-wp-hero{height:760px;max-height:760px}
@media(max-width:700px){body main .migration-wp-hero{grid-template-rows:auto minmax(0,1fr)}body main .migration-wp-hero .wordpress-hero-image{height:100%;max-height:180px}}

body .wordpress-body .wp-faq-intro>h2,body .wordpress-body .wp-faq-intro>.eyebrow{text-align:left!important;margin-left:0;margin-right:0}

body .wordpress-body .wp-faq-intro>.eyebrow{display:block!important;justify-content:flex-start!important;width:100%;text-align:left!important}

.server-template-art{display:flex;align-items:center;justify-content:center;min-width:0;padding:24px 40px}
body main .server-template-art .quape-hero-art{position:relative;inset:auto;transform:none;width:100%;max-width:520px}
@media(max-width:900px){.server-template-art{padding:20px;min-height:0}body main .server-template-art .quape-hero-art{max-width:280px}}

/* Virtualisation: four desktop plans and space below the fit panels. */
body .wordpress-body .wp-fit-section{padding-bottom:120px}
body .wordpress-body .wp-fit-section + .wp-section{padding-top:0!important;margin-top:0}
@media(min-width:1101px){
 .four-column-pricing #plans .q-plan-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
 .four-column-pricing #plans .q-plan{padding:28px 20px}
 .four-column-pricing #plans .q-plan::after{display:none}
 .four-column-pricing #plans .q-plan:not(:last-child)::after{content:'';display:block;position:absolute;top:0;bottom:0;right:-13px;width:1px;background:#00000029;pointer-events:none}
}
@media(min-width:901px) and (max-width:1100px){
 .four-column-pricing #plans .q-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .four-column-pricing #plans .q-plan::after{display:none}
}

/* Consistent FAQ titles across the remaining service layouts. */
body main .q-faq-section .q-intro>h2,body main .q-faq-section .q-intro>.eyebrow{text-align:left!important;margin-left:0;margin-right:0}
body main .q-faq-section .q-intro>.eyebrow{display:block!important;justify-content:flex-start!important;width:100%}

@media(min-width:901px) and (max-width:1100px){.four-column-pricing #plans .q-plan:nth-child(odd)::after{content:'';display:block;position:absolute;top:0;bottom:0;right:-19px;width:1px;background:#00000029;pointer-events:none}}

body main .wordpress-hero.virtualisation-hero{height:680px;min-height:0!important;max-height:680px}

@media(max-width:700px){body main .wordpress-hero.virtualisation-hero{grid-template-rows:auto minmax(0,1fr)}body main .virtualisation-hero .wordpress-hero-image{height:100%;max-height:180px;min-height:0}}

/* Shared management scope — Figma 309:973. */
body #management-scope.support-scope{padding:192px 0 100px;background:white}
body #management-scope.support-scope>.container{max-width:1512px;width:100%;padding-inline:clamp(20px,5.291vw,80px);display:grid;grid-template-columns:546fr 750fr;gap:54px;align-items:start}
body #management-scope.support-scope .q-intro{position:relative;max-width:none;margin:0;padding:219px 40px 40px;border-radius:20px;background:linear-gradient(190.633deg,#7b0e00 18.995%,#e01a00 40.169%,#e11a00 64.003%,#fbba72 111.86%);text-align:left}
.support-scope-art{position:absolute;width:449px;max-width:100%;height:auto;left:50%;top:-92px;transform:translateX(-50%);pointer-events:none}
body #management-scope.support-scope .q-intro h2{position:relative;font:700 48px/56px var(--font-head)!important;letter-spacing:-1.92px!important;color:white;margin:0 0 24px;text-align:left}
body #management-scope.support-scope .q-intro p{position:relative;font:500 18px/28px var(--font-body)!important;letter-spacing:.36px!important;color:white;margin:0}
body #management-scope.support-scope .q-accordion details{border:0;border-radius:0;padding:24px 0;background:url('/unified/images/service-heroes/support-divider.svg') bottom left/100% 1px no-repeat}
body #management-scope.support-scope .q-accordion details:first-child{padding-top:0}
body #management-scope.support-scope summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0;list-style:none;font:700 24px/32px var(--font-head)!important;color:#1c1b1f}
body #management-scope.support-scope summary:after{display:none}
.support-scope summary::-webkit-details-marker{display:none}
.support-scope summary img{width:20px;height:20px;flex:0 0 20px}
body #management-scope.support-scope .q-accordion details p{font:400 16px/24px var(--font-body)!important;letter-spacing:.32px!important;margin:24px 0 0;padding:0;color:#1c1b1f}
@media(max-width:900px){body #management-scope.support-scope>.container{grid-template-columns:1fr;gap:40px}body #management-scope.support-scope .q-intro{padding:219px 28px 32px}body #management-scope.support-scope .q-intro h2{font-size:36px!important;line-height:42px!important}body #management-scope.support-scope{padding-bottom:64px}}

/* Billing cycles with fewer plans keep appropriately sized cards. */
.four-column-pricing #plans .q-plan-grid:has(>.q-plan:only-child){grid-template-columns:minmax(0,1fr);max-width:520px;margin-inline:auto}
.four-column-pricing #plans .q-plan-grid:has(>.q-plan:only-child)>.q-plan::after{display:none}
@media(min-width:901px){.four-column-pricing #plans .q-plan-grid:has(>.q-plan:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr));max-width:1000px;margin-inline:auto}}

/* /unified/billing-switch.css */
/* Price skeletons retain the existing card dimensions during billing updates. */
#plans[aria-busy="true"] .q-plan-price{position:relative}
#plans[aria-busy="true"] .q-plan-price>*{visibility:hidden}
#plans[aria-busy="true"] .q-plan-price::after{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:min(190px,100%);height:36px;max-height:100%;border-radius:6px;background:linear-gradient(100deg,#e9ecef 20%,#f5f6f7 45%,#e9ecef 70%);background-size:240% 100%;animation:price-shimmer 1.4s ease-in-out infinite!important}
@keyframes price-shimmer{from{background-position:120% 0}to{background-position:-120% 0}}
@media(prefers-reduced-motion:reduce){#plans[aria-busy="true"] .q-plan-price::after{animation:none!important;background:#e9ecef}}

/* /unified/faq-layout.css */
/* Figma 226:4638 — shared FAQ presentation. */
body main section.unified-faq{padding:100px 0;background:linear-gradient(180deg,#fff,#d7e5ec)}
body main .unified-faq>.container,body main .unified-faq>.wp-container,body main .unified-faq>.hosting-container{max-width:1352px;width:100%;padding-inline:24px;margin-inline:auto}
body main .unified-faq .wp-faq-grid,body main .unified-faq>.q-split{display:block}
body main .unified-faq :is(.wp-faq-intro,.q-intro){max-width:952px;margin:0 auto 55px;padding:0;text-align:center}
body main .unified-faq :is(.wp-faq-intro,.q-intro)>h2,body main .unified-faq>.container>h2{font:700 48px/56px var(--font-head)!important;letter-spacing:-1.92px!important;text-align:center!important;margin:0 auto 24px;color:#1c1b1f}
body main .unified-faq .eyebrow{display:block!important;width:100%;text-align:center!important;justify-content:center!important;font:900 13px/normal var(--font-body)!important;letter-spacing:1.3px!important;text-transform:uppercase;color:#e11a00;margin:0 0 12px!important}
body main .unified-faq :is(.wp-faq-intro,.q-intro)>p:not(.eyebrow){display:inline;font:400 18px/28px var(--font-body)!important;margin:0!important;color:#1c1b1f}
body main .unified-faq :is(.wp-faq-intro,.q-intro)>a{display:inline-flex;align-items:center;gap:8px;margin:0 0 0 8px;padding:0;min-height:0;background:none;border:0;border-radius:0;box-shadow:none!important;color:#e11a00;font:700 18px/28px var(--font-body)!important}
body main .unified-faq :is(.wp-faq-intro,.q-intro)>a:after{content:'';width:20px;height:20px;background:url('/unified/images/service-heroes/faq-arrow.svg') center/contain no-repeat}
body main .unified-faq :is(.wp-accordion,.q-accordion,.faq){width:100%;max-width:952px;margin:0 auto}
body main .unified-faq>.container>h2 + :is(.faq,.q-accordion){margin-top:55px}
body main .unified-faq details{border:0;border-bottom:1px solid #00000029;border-radius:0;background:transparent;padding:24px 0;box-shadow:none}
body main .unified-faq summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;padding:0;font:700 16px/24px var(--font-body)!important;color:#1c1b1f}
body main .unified-faq summary::-webkit-details-marker{display:none}
body main .unified-faq summary img{display:none}
body main .unified-faq summary:after{content:'';display:block;flex:0 0 20px;width:20px;height:20px;background:url('/unified/images/service-heroes/faq-plus.svg') center/contain no-repeat;transform:none;transition:transform 220ms ease}
body main .unified-faq details[open]>summary:after{transform:rotate(45deg)}
body main .unified-faq details>p{font:400 16px/24px var(--font-body)!important;letter-spacing:.32px!important;margin:20px 0 0;padding:0;color:#1c1b1f}
body main .unified-faq .wp-related{text-align:center;margin-top:100px}
body main .unified-faq .wp-related>div{justify-content:center}
body main .unified-faq .commercial-note{max-width:952px;margin:32px auto 0}
@media(max-width:700px){body main section.unified-faq{padding:64px 0}body main .unified-faq :is(.wp-faq-intro,.q-intro)>h2,body main .unified-faq>.container>h2{font-size:32px!important;line-height:40px!important}body main .unified-faq .wp-related{margin-top:64px}}
@media(prefers-reduced-motion:reduce){body main .unified-faq summary:after{transition:none}}

body main section.unified-faq :is(.wp-faq-intro,.q-intro)>.eyebrow,body main section.unified-faq>.container>.eyebrow{text-align:center!important;justify-content:center!important;display:block!important;width:100%;margin-inline:auto!important}

/* /unified/shared-customer-stories.css */
body main .shared-customer-stories{padding:100px 0!important;background:linear-gradient(180deg,#fff,#f0f5f8 14.859%)}
.shared-customer-stories .wp-container{max-width:1512px;padding-inline:clamp(20px,5.291vw,80px);margin:auto}
.shared-customer-stories .wp-story-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:40px}
body .shared-customer-stories .eyebrow{font:900 13px/normal var(--font-body)!important;letter-spacing:1.3px!important;text-align:left!important;color:#e11a00;margin:0 0 12px;max-width:none}
body .shared-customer-stories h2{font:700 48px/56px var(--font-head)!important;letter-spacing:-1.92px!important;margin:0}
body .shared-customer-stories .wp-story-heading .button{min-height:48px;padding:10px 24px;border-radius:12px;font:700 16px/28px var(--font-body)!important;flex-shrink:0;background:#1c1b1f;color:#fff}
.shared-customer-stories .wp-stories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;overflow:visible}
body .shared-customer-stories .wp-story.q-proof{position:relative;z-index:0;display:flex;flex-direction:column;overflow:hidden;border:0!important;border-radius:20px;background:#fff;box-shadow:none!important;transform:none!important;transition:box-shadow 260ms ease}
body .shared-customer-stories .wp-story.q-proof:is(:hover,:focus-visible){z-index:2;box-shadow:0 36px 53.4px #1c1b1f33!important}
.shared-customer-stories .shared-story-media{position:relative;display:block;width:100%;flex-shrink:0}
.shared-story-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#ffffff00 54.327%,#ffffffb0 81.25%,#fff);pointer-events:none}
body .shared-customer-stories .wp-story-image{display:block;width:100%;height:auto;aspect-ratio:435/212;object-fit:cover;object-position:top;border:0;margin:0;border-radius:0}
body .shared-customer-stories .wp-story.q-proof>div{padding:0 36px 24px;display:flex;flex-direction:column;flex:1}
body .shared-customer-stories .wp-story h3{font:700 24px/32px var(--font-head)!important;letter-spacing:0!important;margin:0 0 8px;color:#1c1b1f}
body .shared-customer-stories .wp-story p{font:400 14px/20px var(--font-body)!important;letter-spacing:.28px!important;margin:0 0 16px;color:#1c1b1f}
body .shared-customer-stories .wp-story-link{display:flex;align-items:center;gap:6px;padding:0;margin-top:auto;font:700 16px/24px var(--font-body)!important;color:#e11a00}
.shared-customer-stories .wp-story-link img{width:20px;height:20px;transition:transform 240ms ease}.shared-customer-stories .wp-story:hover .wp-story-link img{transform:translateX(4px)}
body .shared-customer-stories .wp-story-note{font:500 14px/20px var(--font-body)!important;letter-spacing:.28px!important;margin:40px 0 0!important;color:#1c1b1f}
@media(max-width:1000px){.shared-customer-stories .wp-story-heading{align-items:flex-start;flex-direction:column}.shared-customer-stories .wp-stories{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){body main .shared-customer-stories{padding:64px 0!important}.shared-customer-stories .wp-stories{grid-template-columns:1fr}body .shared-customer-stories h2{font-size:36px!important;line-height:42px!important}body .shared-customer-stories .wp-story.q-proof>div{padding:0 24px 24px}}
@media(prefers-reduced-motion:reduce){body .shared-customer-stories .wp-story.q-proof,.shared-customer-stories .wp-story-link img{transition:none}}

/* Keep story arrows free of the thumbnail divider and add breathing room below. */
body .shared-customer-stories .wp-story-link img{border:0!important;box-shadow:none;text-decoration:none}
body main .shared-customer-stories{padding-bottom:140px!important}

/* Consistent lead-in spacing for the shared next-step sections. */
body main .shared-customer-stories + section#how-it-works{padding-top:140px!important}

/* /unified/contact-2026.css */
body:has(.contact-hero-2026) main{padding-top:0}body main>.contact-hero-2026{background:white;border:0;padding:0;min-height:0}
.contact-hero-container{max-width:1512px;min-height:545px;margin:auto;padding:176px clamp(20px,5.291vw,80px) 110px;position:relative}
.contact-hero-copy{max-width:739px;position:relative;z-index:1}
body .contact-hero-copy .eyebrow{font:900 13px/normal var(--font-body)!important;letter-spacing:1.3px!important;text-align:left!important;color:#e11a00;margin:0 0 24px;max-width:none}
body .contact-hero-copy h1{font:700 48px/56px var(--font-head)!important;letter-spacing:-1.92px!important;margin:0 0 24px;background:linear-gradient(170.496deg,#1c1b1f 56.522%,#ffffff00 133.23%);background-clip:text;-webkit-background-clip:text;color:transparent}
body .contact-hero-copy>p:not(.eyebrow){font:400 18px/28px var(--font-body)!important;letter-spacing:.36px!important;color:#1c1b1f;max-width:none;margin:0}
.contact-hero-phone{position:absolute;top:87px;right:8.23%;width:449.5px;height:441px;object-fit:contain}
.contact-hero-divider{position:absolute;left:5.291%;bottom:53px;width:89.418%;height:1px}
body:has(.contact-hero-2026) .site-header:not(.is-scrolled){--header-ink:#1c1b1f;--header-border:#becbd4;--header-hover:#1c1b1f0f;background:transparent}
body:has(.contact-hero-2026) .site-header:not(.is-scrolled) .header-logo-top{opacity:0}body:has(.contact-hero-2026) .site-header:not(.is-scrolled) .header-logo-scroll{opacity:1}
@media(max-width:1300px){.contact-hero-copy{max-width:56%}.contact-hero-phone{right:4%;width:35%;height:auto;top:115px}}
@media(max-width:800px){.contact-hero-container{padding-top:140px;padding-bottom:64px}.contact-hero-copy{max-width:none}.contact-hero-phone{position:relative;top:auto;right:auto;display:block;width:360px;max-width:100%;height:auto;margin:24px auto 0}.contact-hero-divider{bottom:24px}body .contact-hero-copy h1{font-size:40px!important;line-height:46px!important}}
@media(max-width:500px){.contact-hero-container{padding-top:128px}body .contact-hero-copy h1{font-size:36px!important;line-height:42px!important}}