/* STOXFULL shared interior-page system — same brand palette as homepage */
:root{--red:#ef233c;--red-dark:#c9152b;--ink:#08090d;--panel:#11131b;--paper:#f4f6fa;--white:#fff;--blue:#2878ff;--yellow:#f5bd19;--muted:#aab2c2;--line:rgba(255,255,255,.13);--radius:18px;--max:1220px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--white);font-family:'DM Sans',Arial,sans-serif;line-height:1.65}a{color:inherit}button,input,textarea,select{font:inherit}.container{width:min(var(--max),calc(100% - 52px));margin-inline:auto}.navbar{position:sticky;top:0;z-index:100;background:rgba(8,9,13,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.09)}.nav-inner{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:26px}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;flex-shrink:0}.brand-symbol{width:47px;height:47px;display:block;flex:0 0 auto;filter:drop-shadow(0 0 13px rgba(239,35,60,.28))}.brand-copy{display:flex;flex-direction:column;line-height:1.15}.brand-name{font:800 20px 'Manrope',Arial,sans-serif;letter-spacing:.12em}.brand-tagline{margin-top:6px;color:var(--yellow);font-size:9px;font-weight:800;letter-spacing:.18em}.nav-links{display:flex;align-items:center;gap:29px}.nav-links a{font-size:12px;font-weight:600;text-decoration:none;color:#d3d6df;transition:color .2s}.nav-links a:hover,.nav-links a.active{color:var(--yellow)}.nav-actions{display:flex;gap:10px;align-items:center;flex-shrink:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:11px 18px;border-radius:10px;text-decoration:none;font-weight:800;font-size:12px;border:1px solid transparent;cursor:pointer;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--red);color:#fff;box-shadow:0 8px 24px rgba(239,35,60,.18)}.button-outline{border-color:rgba(255,255,255,.24);background:rgba(255,255,255,.03);color:#fff}.button-yellow{background:var(--yellow);color:#101116}.menu-toggle{display:none;width:45px;height:45px;flex:0 0 45px;align-items:center;justify-content:center;padding:0;border:1px solid rgba(255,255,255,.25);border-radius:12px;color:#fff;background:#11131b;font-size:23px;line-height:1;cursor:pointer}.page-hero{position:relative;overflow:hidden;padding:76px 0 64px;background:radial-gradient(ellipse at 85% 20%,rgba(40,120,255,.14),transparent 32%),radial-gradient(ellipse at 10% 10%,rgba(239,35,60,.18),transparent 35%),#0a0b10;border-bottom:1px solid var(--line)}.page-hero:after{content:'';position:absolute;width:320px;height:320px;border:1px solid rgba(245,189,25,.12);border-radius:50%;right:-110px;bottom:-210px;box-shadow:0 0 0 35px rgba(245,189,25,.025),0 0 0 70px rgba(245,189,25,.02);pointer-events:none}.eyebrow{display:flex;align-items:center;gap:11px;color:var(--yellow);font-size:10px;letter-spacing:2.4px;font-weight:800;text-transform:uppercase}.eyebrow:before{content:'';height:2px;width:25px;background:var(--red)}h1,h2,h3{font-family:'Manrope','DM Sans',Arial,sans-serif;line-height:1.12;letter-spacing:-.035em}h1{font-size:clamp(38px,6vw,68px);max-width:900px;margin:22px 0 18px;font-weight:800}h1 .gradient,h2 .gradient{background:linear-gradient(100deg,#fff 0%,#ff9ba7 38%,var(--red) 68%,var(--yellow) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy{max-width:720px;color:#c5ccda;font-size:16px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:27px}.page-body{background:var(--paper);color:#11131b;padding:64px 0 78px}.page-body.dark{background:#0e1017;color:#fff}.section-heading{max-width:760px;margin-bottom:32px}.section-heading h2{font-size:clamp(29px,4vw,46px);margin:14px 0;color:inherit}.section-heading p{color:#5d6574}.dark .section-heading p{color:#b6bdca}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{background:#fff;border:1px solid #e3e6ed;border-radius:16px;padding:25px;box-shadow:0 12px 35px rgba(15,20,35,.045)}.dark .card,.dark .panel{background:#141722;border-color:var(--line);color:#fff}.card-number{display:inline-flex;align-items:center;justify-content:center;width:43px;height:43px;border-radius:12px;background:#fff0f2;color:var(--red);font-weight:900;font-size:12px}.card h3{font-size:20px;margin:20px 0 10px}.card p{color:#5d6574;margin:0}.dark .card p{color:#b6bdca}.card-link{display:inline-flex;margin-top:18px;color:var(--red-dark);font-size:12px;font-weight:800;text-decoration:none}.split{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.panel{padding:28px;border:1px solid #e3e6ed;border-radius:18px;background:#fff}.check-list{list-style:none;margin:22px 0;padding:0;display:grid;gap:13px}.check-list li{position:relative;padding-left:27px;color:#454d5c}.check-list li:before{content:'✓';position:absolute;left:0;top:0;color:var(--red);font-weight:900}.dark .check-list li{color:#d1d5df}.price-panel{background:var(--yellow);color:#101116;border-radius:18px;padding:28px}.price-panel .price{font:800 clamp(40px,6vw,58px) 'Manrope',Arial,sans-serif;color:var(--red);line-height:1.1;margin:10px 0}.price-panel p{color:#242424}.fine-print{font-size:11px;color:#666;line-height:1.7}.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;counter-reset:step}.step-card{padding:22px;border-radius:15px;background:#fff;border:1px solid #e2e5ec}.step-card:before{counter-increment:step;content:'0' counter(step);display:block;color:var(--red);font-size:12px;font-weight:900;letter-spacing:2px}.step-card h3{font-size:18px;margin:18px 0 9px}.step-card p{font-size:13px;color:#606979;margin:0}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:22px;align-items:start}.contact-item{padding:16px 0;border-bottom:1px solid var(--line)}.contact-item:last-child{border:0}.contact-item small{display:block;color:var(--yellow);font-weight:800;letter-spacing:1px;text-transform:uppercase;font-size:10px}.contact-item a,.contact-item span{display:block;margin-top:5px;text-decoration:none;overflow-wrap:anywhere}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:12px;font-weight:800}.field input,.field select,.field textarea{width:100%;padding:12px 13px;border:1px solid #d9deea;border-radius:9px;background:#fff;color:#101116;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(40,120,255,.12)}.field textarea{min-height:120px;resize:vertical}.form-note{font-size:11px;color:#657083}.notice{padding:13px 15px;border-radius:10px;background:#fff6d8;color:#453600;font-size:13px;margin-bottom:18px}.legal-content{max-width:900px}.legal-content h2{font-size:25px;margin:32px 0 12px}.legal-content p,.legal-content li{color:#525b6b}.legal-content strong{color:#161821}.cta-band{padding:34px;border-radius:18px;background:linear-gradient(115deg,#ef233c,#a81936 55%,#18223d);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:24px}.cta-band h2{font-size:clamp(24px,3vw,36px);margin:0 0 8px}.cta-band p{margin:0;color:#f4dce0}.footer{background:#07080c;color:#fff;border-top:1px solid var(--line);padding:52px 0 22px}.footer-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr 1.2fr;gap:28px}.footer-description{max-width:300px;color:#9da5b5;font-size:12px}.footer h3{font-size:13px;letter-spacing:0;margin:5px 0 17px}.footer-links{display:grid;gap:10px}.footer-links a,.footer-links span{font-size:11px;color:#aeb5c3;text-decoration:none;overflow-wrap:anywhere}.footer-links a:hover{color:var(--yellow)}.footer-bottom{margin-top:36px;padding-top:18px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:#9da5b5;font-size:10px}.footer-legal{display:flex;gap:18px;flex-wrap:wrap}.footer-legal a{color:#c4cad4;text-decoration:none}.floating-contact{position:fixed;z-index:9999;right:18px;bottom:14px;width:84px;height:124px;display:block;text-decoration:none;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;filter:drop-shadow(0 5px 8px rgba(0,0,0,.22))}.floating-contact img{width:100%;height:100%;display:block;object-fit:contain;object-position:center bottom;background:transparent;border:0;border-radius:0;pointer-events:none}.mascot-hint{position:absolute;right:calc(100% + 8px);bottom:22px;white-space:nowrap;padding:8px 12px;border:1px solid rgba(255,255,255,.17);border-radius:12px;background:#11131b;color:#fff;font-size:10px;font-weight:800}.floating-contact.is-dragging{cursor:grabbing;filter:drop-shadow(0 8px 15px rgba(239,35,60,.25))}.floating-contact:focus-visible{outline:2px solid var(--yellow);outline-offset:4px}.muted{color:#697181}.mt-30{margin-top:30px}.mb-0{margin-bottom:0}
@media(max-width:1050px){.nav-links{gap:17px}.nav-actions .button-outline{display:none}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.container{width:min(100% - 34px,var(--max))}.nav-inner{min-height:75px;flex-wrap:wrap;gap:26px}.brand-symbol{width:42px;height:42px}.brand-name{font-size:18px}.brand-tagline{font-size:8px}.nav-actions{margin-left:auto}.nav-actions .button{min-height:41px;padding-inline:13px;font-size:11px}.menu-toggle{display:block}.nav-links{display:none;width:100%;order:3;padding:0 0 18px;flex-direction:column;align-items:stretch;gap:0}.nav-links.is-open{display:flex}.nav-links a{padding:12px 0;border-top:1px solid var(--line)}.page-hero{padding:53px 0 46px}h1{font-size:clamp(35px,10vw,51px)}.hero-copy{font-size:14px}.page-body{padding:44px 0 56px}.cards,.split,.contact-grid{grid-template-columns:1fr;gap:15px}.steps{grid-template-columns:1fr 1fr;gap:10px}.card{padding:21px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.cta-band{align-items:flex-start;flex-direction:column;padding:25px}.footer-grid{grid-template-columns:1fr 1fr;gap:25px 16px}.footer-bottom{flex-direction:column;gap:12px}.floating-contact{width:66px;height:96px;right:9px;bottom:8px}.mascot-hint{font-size:9px;padding:7px 9px;bottom:15px}}
@media(max-width:600px){.container{width:calc(100% - 32px)}}
@media(max-width:390px){.brand{gap:8px}.brand-name{font-size:16px}.brand-tagline{letter-spacing:2px}.nav-actions .button{display:none}.steps{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.mascot-hint{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* STOXFULL readability fix: gradient headings on light sections.
   Keep the bright original gradient on dark hero backgrounds, but use a
   stronger, darker gradient on pale section backgrounds for clear contrast. */
.page-body:not(.dark) .section-heading h2 .gradient,
.page-body:not(.dark) h2 .gradient,
.page-body:not(.dark) h1 .gradient {
    background-image: linear-gradient(100deg, #e51f3a 0%, #d91e43 48%, #b84a08 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #d91e43;
}

/* Make the headline readable even when a browser handles text clipping differently. */
@supports not ((-webkit-background-clip: text) or (background-clip: text)) {
    .page-body:not(.dark) .section-heading h2 .gradient,
    .page-body:not(.dark) h2 .gradient,
    .page-body:not(.dark) h1 .gradient {
        background: none;
        color: #d91e43;
        -webkit-text-fill-color: #d91e43;
    }
}