/* SmartContractDeveloper.xyz – homepage redesign */
:root{
  --navy-950:#030a1c;--navy-900:#061230;--navy-800:#0a1b45;
  --blue:#1d6bff;--blue-2:#0b4fe0;--cyan:#16d4ff;
  --ink:#0a1430;--muted:#5a6784;--line:#e3e9f5;--paper:#f3f6fc;
  --purple:#8b5cff;--green:#17b86e;--orange:#ff8a1f;--yellow:#f6b800;--pink:#ff2f86;--sky:#1f7bff;--teal:#12c0dc;
  --radius:1.125rem;--rcorner:2.75rem;
  --font:"Plus Jakarta Sans","DM Sans",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
}
*{box-sizing:border-box}
html{font-size:clamp(14px,.8vw + 4.5px,22px);scroll-behavior:smooth;scroll-padding-top:5.25rem;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--navy-950);color:#eaf1ff;font-family:var(--font);line-height:1.55;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
h1,h2,h3,h4,p,ul,ol{margin:0}
ul,ol{padding:0;list-style:none}
.wrap{width:90%;max-width:125rem;margin-inline:auto}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* icons */
.ic{width:1.5em;height:1.5em;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.chain-ic{width:1.125rem;height:1.125rem;flex:none}

/* colour helpers */
.c-purple{--c:var(--purple)}.c-green{--c:var(--green)}.c-orange{--c:var(--orange)}.c-yellow{--c:var(--yellow)}
.c-pink{--c:var(--pink)}.c-blue{--c:var(--sky)}.c-cyan{--c:var(--teal)}
.grad{background:linear-gradient(90deg,#19e0ff,#2f8dff);-webkit-background-clip:text;background-clip:text;color:transparent}
.grad-blue{background:linear-gradient(90deg,#1d6bff,#0b8cff);-webkit-background-clip:text;background-clip:text;color:transparent}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:0.625rem;border:1px solid transparent;border-radius:0.6875rem;padding:0.75rem 1.25rem;font-weight:700;font-size:0.875rem;line-height:1.2;cursor:pointer;transition:transform .2s,filter .2s,box-shadow .2s,border-color .2s}
.btn .ic{width:1.15em;height:1.15em}
.btn:hover{transform:translateY(-2px);filter:brightness(1.08)}
.btn:focus-visible,a:focus-visible,summary:focus-visible,button:focus-visible{outline:2px solid var(--cyan);outline-offset:0.1875rem}
.btn-primary{color:#fff;background:linear-gradient(100deg,#1b7cff,#0b4fe0);box-shadow:0 0.5rem 1.625rem rgba(29,107,255,.38),inset 0 1px 0 rgba(255,255,255,.22)}
.btn-ghost{color:#eaf3ff;background:rgba(8,22,60,.6);border-color:rgba(120,160,255,.35)}
.btn-ghost:hover{border-color:var(--cyan)}
.btn-whatsapp{background:#0d9e68;color:#fff}
.btn-outline{border-color:#2c4867;color:#e5f2ff;background:#0c1929}
.btn-sm{padding:0.625rem 1.125rem;font-size:0.8125rem}
.btn-lg{padding:1rem 1.625rem;font-size:0.9375rem}

/* eyebrow */
.eyebrow{font-size:0.6875rem;letter-spacing:.24em;font-weight:700;color:#7fa6ff;text-transform:uppercase;margin-bottom:0.875rem}
.eyebrow.dk{color:#2f4a8a}

/* header */
.header{position:sticky;top:0;z-index:50;height:4.75rem;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;background:rgba(3,10,28,.86);backdrop-filter:blur(0.875rem);-webkit-backdrop-filter:blur(0.875rem);border-bottom:1px solid rgba(120,160,255,.12)}
.brand{display:flex;align-items:center;gap:0.6875rem;font-weight:800;font-size:0.9375rem;line-height:1.1;letter-spacing:-.01em}
.brand-mark{width:2.625rem;height:2.625rem;flex:none;filter:drop-shadow(0 0 0.625rem rgba(30,150,255,.45))}
.brand-text{display:block}
.brand-light{display:block;font-weight:700;color:#cfe0ff}
.nav{display:flex;gap:1.875rem;font-size:0.8438rem;font-weight:500;color:#b8c7e6}
.nav a{position:relative;padding:0.375rem 0;transition:color .2s}
.nav a:hover{color:#fff}
.nav a:first-child{color:#fff}
.nav a:first-child:after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:2px;border-radius:2px;background:var(--cyan)}
.header-actions{display:flex;align-items:center;gap:0.625rem}
.menu-toggle{display:none;width:2.625rem;height:2.625rem;border-radius:0.6875rem;border:1px solid rgba(120,160,255,.3);background:rgba(10,27,69,.7);color:#fff;cursor:pointer;place-items:center}
.menu-toggle .ic{width:1.375rem;height:1.375rem}

/* hero */
.hero{position:relative;overflow:hidden;padding:3.625rem 0 4rem;background:
  radial-gradient(43.75rem 32.5rem at 80% 38%,rgba(25,105,255,.42),transparent 65%),
  radial-gradient(31.25rem 22.5rem at 8% 0,rgba(20,210,255,.10),transparent 70%),
  linear-gradient(180deg,#020712 0,#050f2c 100%)}
.hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(120,170,255,.16) 1px,transparent 1.2px);background-size:1.875rem 1.875rem;mask-image:linear-gradient(90deg,transparent 35%,#000 90%);-webkit-mask-image:linear-gradient(90deg,transparent 35%,#000 90%);pointer-events:none}
.hero-grid{position:relative;display:grid;grid-template-columns:1.02fr .98fr;gap:1.875rem;align-items:center}
.hero h1{font-size:clamp(2.375rem,4.7vw,3.75rem);line-height:1.08;letter-spacing:-.035em;font-weight:800;color:#fff;max-width:40rem}
.hero-sub{margin-top:1.375rem;max-width:36.875rem;font-size:1rem;color:#c3d0ea}
.trust-points{display:flex;flex-wrap:wrap;gap:1.125rem 1.875rem;margin-top:1.875rem}
.trust-points li{display:flex;align-items:center;gap:0.6875rem;font-size:0.7812rem;line-height:1.3;font-weight:500;color:#c6d4ee}
.trust-points .ic{width:2.125rem;height:2.125rem;color:#2f9bff;stroke-width:1.5;filter:drop-shadow(0 0 0.5rem rgba(47,155,255,.55))}
.hero-buttons{display:flex;flex-wrap:wrap;gap:0.875rem;margin-top:2rem}
.chain-row{display:flex;flex-wrap:wrap;align-items:center;gap:0.75rem 1.125rem;margin-top:2.125rem;font-size:0.7812rem;color:#d3def4}
.chain-row li{display:inline-flex;align-items:center;gap:0.5rem}
.chain-row .more{color:#9db4e6}

/* hero visual */
.hero-visual{container-type:inline-size;width:100%;margin-inline:auto}
.hv-box{position:relative;width:100%;aspect-ratio:1/1.04}
.hv-box:before{content:"";position:absolute;left:8%;right:8%;top:22%;bottom:8%;border-radius:50%;background:radial-gradient(closest-side,rgba(35,125,255,.45),transparent);filter:blur(1.375rem)}
.hv-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.hv-lines line{stroke:rgba(70,190,255,.55);stroke-width:1;stroke-dasharray:3 3;vector-effect:non-scaling-stroke}
.hv-lines .ring{fill:none;stroke:rgba(70,150,255,.28);stroke-width:1;vector-effect:non-scaling-stroke}
.hv-lines .ring2{stroke:rgba(120,110,255,.3)}
.hv-cube{position:absolute;left:50%;top:43%;width:54%;transform:translate(-50%,-50%);height:auto;overflow:visible;animation:float 6s ease-in-out infinite}
@keyframes float{50%{transform:translate(-50%,-52%)}}
.node{position:absolute;left:calc(var(--x)*1%);top:calc(var(--y)*1%);transform:translate(-50%,-50%);width:21cqw;min-width:3.875rem;display:flex;flex-direction:column;align-items:center;gap:1.4cqw;padding:2.2cqw 1cqw 2cqw;border:1.5px solid var(--c);border-radius:2.8cqw;background:linear-gradient(160deg,rgba(14,34,84,.95),rgba(6,16,45,.95));color:var(--c);box-shadow:0 0 3.5cqw color-mix(in srgb,var(--c) 40%,transparent),inset 0 0 2.4cqw color-mix(in srgb,var(--c) 22%,transparent);text-align:center}
.node .ic{width:7.4cqw;height:7.4cqw;min-width:1.25rem;min-height:1.25rem}
.node span{font-size:clamp(0.5312rem,2.75cqw,0.8125rem);font-weight:700;line-height:1.15;color:#fff}

/* light sections */
.light{background:var(--paper);color:var(--ink);border-radius:0 0 var(--rcorner) var(--rcorner);position:relative;z-index:2}
.light h2{color:var(--ink)}
.light .lead{color:var(--muted)}
.light h2,.dark h2,.faq h2,.cta h2{font-size:clamp(1.75rem,3.4vw,2.625rem);line-height:1.12;letter-spacing:-.03em;font-weight:800}
.lead{margin-top:0.875rem;font-size:0.9375rem;max-width:40rem}
.dark{background:linear-gradient(180deg,#040c24,#071538);margin-top:calc(var(--rcorner)*-1);padding-top:var(--rcorner);position:relative;z-index:1}

/* services + form */
.services{padding:4rem 0 4.5rem;background:linear-gradient(180deg,#fff,#f3f6fc)}
.services-grid{display:grid;grid-template-columns:minmax(0,1fr) 27%;gap:3%;align-items:start}
.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0.875rem;margin-top:1.75rem}
.service-card{display:flex;flex-direction:column;gap:0.875rem;padding:1.125rem;background:#fff;border:1px solid var(--line);border-radius:0.875rem;box-shadow:0 2px 0.625rem rgba(15,35,90,.05);transition:transform .2s,box-shadow .2s,border-color .2s}
.service-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--c) 55%,#fff);box-shadow:0 0.875rem 1.875rem rgba(15,35,90,.12)}
.service-card.wide{grid-column:span 2;flex-direction:row;align-items:center}
.service-card h3{font-size:0.9062rem;font-weight:700;color:var(--ink);letter-spacing:-.01em}
.service-card p{margin-top:0.375rem;font-size:0.7812rem;line-height:1.5;color:var(--muted)}
.tile{width:2.875rem;height:2.875rem;border-radius:0.75rem;display:grid;place-items:center;flex:none;color:#fff;background:linear-gradient(145deg,color-mix(in srgb,var(--c) 70%,#fff),var(--c));box-shadow:0 0.5rem 1rem color-mix(in srgb,var(--c) 30%,transparent)}
.tile .ic{width:1.5rem;height:1.5rem}
.tile.soft{background:color-mix(in srgb,var(--c) 12%,#fff);color:var(--c);box-shadow:none}

.form-card{position:sticky;top:6rem;padding:1.75rem;background:#fff;border:1px solid var(--line);border-radius:1.25rem;box-shadow:0 1.5rem 3.75rem rgba(15,35,90,.14)}
.form-card h2{font-size:1.5625rem!important;line-height:1.15!important;letter-spacing:-.025em!important;color:var(--ink)}
.form-lead{margin:0.75rem 0 1.25rem;font-size:0.8438rem;color:var(--muted)}
.lead-form{display:grid;gap:0.75rem}
.lead-form label{display:block}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:0.75rem}
.lead-form input:not([type=checkbox]),.lead-form select,.lead-form textarea{width:100%;min-width:0;padding:0.8125rem 0.875rem;border:1px solid #d9e1f0;border-radius:0.5625rem;background:#f7f9fd;color:var(--ink);font-size:0.8438rem;outline:none;transition:border-color .2s,box-shadow .2s,background .2s}
.lead-form select{appearance:none;-webkit-appearance:none;padding-right:2.125rem;background:#f7f9fd url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%235a6784' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 0.875rem center}
.lead-form input::placeholder,.lead-form textarea::placeholder{color:#7b88a3}
.lead-form input:focus,.lead-form select:focus,.lead-form textarea:focus{border-color:var(--blue);background-color:#fff;box-shadow:0 0 0 0.1875rem rgba(29,107,255,.15)}
.lead-form textarea{min-height:7rem;resize:vertical}
.consent{display:flex!important;align-items:flex-start;gap:0.5625rem;font-size:0.75rem;color:var(--muted)}
.consent input{margin:2px 0 0;width:1rem;height:1rem;accent-color:var(--blue);flex:none}
.submit-btn{width:100%}
.form-fineprint{display:flex;gap:0.5625rem;align-items:flex-start;font-size:0.7188rem;line-height:1.45;color:var(--muted)}
.form-fineprint .ic{width:1rem;height:1rem;color:#e8a317;margin-top:1px}
.form-contact{display:flex;flex-wrap:wrap;gap:0.5rem 1.125rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line);font-size:0.7812rem;font-weight:600}
.form-contact a{display:inline-flex;align-items:center;gap:0.375rem;color:var(--blue-2)}
.form-contact .ic{width:1rem;height:1rem}
.hp-field{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}

/* why us */
.why{padding-bottom:5.25rem}
.why-top{display:grid;grid-template-columns:1.1fr .9fr;gap:1.875rem;align-items:center;padding-top:3.875rem}
.why h2{color:#fff}
.why-copy p{margin-top:1.125rem;max-width:35rem;font-size:0.9688rem;color:#bccaea}
.why-art{width:100%;max-width:100%;height:auto;justify-self:end;overflow:visible}
.why-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2.125rem 1.375rem;margin-top:2.125rem}
.why-item{display:flex;gap:0.8125rem;align-items:flex-start}
.ring-ic{width:3rem;height:3rem;border-radius:50%;display:grid;place-items:center;flex:none;color:var(--c);border:1.5px solid var(--c);background:color-mix(in srgb,var(--c) 14%,transparent);box-shadow:0 0 1.125rem color-mix(in srgb,var(--c) 35%,transparent)}
.ring-ic .ic{width:1.4375rem;height:1.4375rem}
.why-item h3{font-size:0.875rem;font-weight:700;color:#fff;margin-top:2px}
.why-item p{margin-top:0.3125rem;font-size:0.7812rem;line-height:1.5;color:#a9b9da}

/* benefits */
.benefits{padding:4.25rem 0 4.75rem;background:#fff}
.benefit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,auto);grid-auto-flow:column;gap:0.75rem 1.625rem;margin-top:1.875rem}
.benefit{display:flex;gap:1rem;align-items:center;padding:0.875rem 1.125rem;background:#fff;border:1px solid var(--line);border-radius:0.875rem;box-shadow:0 0.25rem 0.875rem rgba(15,35,90,.05)}
.benefit h3{font-size:0.9062rem;font-weight:700;color:var(--ink)}
.benefit p{margin-top:0.1875rem;font-size:0.8rem;color:var(--muted)}
.process{margin-top:3.875rem;padding-top:2.75rem;border-top:1px solid var(--line)}
.process h3{font-size:clamp(1.5rem,2.6vw,2rem);letter-spacing:-.025em;font-weight:800;color:var(--ink)}
.process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:1.625rem;counter-reset:s}
.process-grid li{position:relative;padding:1.25rem;background:linear-gradient(160deg,#f5f8ff,#fff);border:1px solid var(--line);border-radius:0.875rem}
.step-no{display:inline-grid;place-items:center;min-width:2.25rem;height:1.75rem;padding:0 0.625rem;border-radius:0.5rem;background:linear-gradient(100deg,#1b7cff,#0b4fe0);color:#fff;font-size:0.75rem;font-weight:800}
.process-grid h4{margin-top:0.875rem;font-size:0.9375rem;font-weight:700;color:var(--ink)}
.process-grid p{margin-top:0.3125rem;font-size:0.8rem;color:var(--muted)}

/* faq */
.faq{padding-bottom:4.375rem;background:linear-gradient(180deg,#040c24,#061232)}
.faq-wrap{display:grid;grid-template-columns:.7fr 1.3fr;gap:3.125rem;padding-top:4.375rem}
.faq h2{color:#fff}
.faq-list{display:grid;gap:0.625rem}
.faq details{border:1px solid rgba(120,160,255,.2);border-radius:0.875rem;background:rgba(10,27,69,.55)}
.faq summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.0625rem 1.25rem;cursor:pointer;list-style:none;font-weight:600;font-size:0.9062rem;color:#fff}
.faq summary::-webkit-details-marker{display:none}
.faq summary .ic{width:1.25rem;height:1.25rem;color:var(--cyan);transition:transform .2s}
.faq details[open] summary .ic{transform:rotate(180deg)}
.faq details p{padding:0 1.25rem 1.125rem;font-size:0.8625rem;color:#b5c4e4}

/* cta */
.cta{padding:0 0 5.25rem;background:linear-gradient(180deg,#061232,#030a1c)}
.cta-grid{display:grid;grid-template-columns:1fr 36%;gap:4%;align-items:center;padding:2.75rem 3rem;border-radius:1.5rem;border:1px solid rgba(90,150,255,.3);background:radial-gradient(37.5rem 18.75rem at 85% 10%,rgba(40,120,255,.5),transparent 70%),linear-gradient(120deg,#0a2a8a,#081a58 60%,#061238)}
.cta-copy h2{color:#fff;max-width:35rem}
.cta-copy>p{margin-top:0.75rem;max-width:32.5rem;color:#c3d2f0;font-size:0.9375rem}
.contact-chips{display:grid;gap:0.75rem;margin-top:1.75rem;max-width:90%}
.contact-chips a{display:flex;align-items:center;gap:0.875rem;padding:0.875rem 1.125rem;border:1px solid rgba(120,160,255,.25);border-radius:0.875rem;background:rgba(5,15,50,.5);font-weight:600;font-size:0.9062rem;transition:border-color .2s,transform .2s;overflow-wrap:anywhere}
.contact-chips a:hover{border-color:var(--cyan);transform:translateY(-2px)}
.contact-chips .ic{width:1.5rem;height:1.5rem;color:var(--cyan)}
.contact-chips li:nth-child(2) .ic{color:#32e39a}
.contact-chips small{display:block;font-size:0.6875rem;color:#8fa6d4;font-weight:500;letter-spacing:.04em}
.cta-form{padding:1.625rem;border-radius:1.25rem;background:#fff;box-shadow:0 1.5rem 3.75rem rgba(0,0,20,.45)}
.cta-form h3{font-size:1.375rem;font-weight:800;letter-spacing:-.02em;color:var(--ink)}
.cta-form .form-lead{margin:0.5rem 0 1.125rem}

/* footer */
.footer{padding:2.5rem 0 2.75rem;background:#020813;border-top:1px solid rgba(120,160,255,.12)}
.footer-grid{display:grid;grid-template-columns:1fr auto;gap:1rem 1.875rem;align-items:center}
.footer p{font-size:0.7812rem;color:#8fa4c8;grid-column:1}
.footer-links{grid-column:2;grid-row:1/3;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:0.625rem 1.375rem;font-size:0.7812rem;color:#b3c3e2}
.footer-links a:hover{color:var(--cyan)}
.footer small{grid-column:1/-1;font-size:0.6875rem;color:#6f84a8;max-width:57.5rem}

/* thank-you / privacy pages */
.status-page{min-height:100vh;display:grid;place-items:center;padding:1.5rem;background:radial-gradient(ellipse at top,#12365a,#030a1c 65%)}
.status-card{width:min(35rem,100%);padding:2.5rem;border:1px solid #244563;border-radius:1.25rem;background:#0a1830;text-align:center}
.status-symbol{width:3.625rem;height:3.625rem;display:grid;place-items:center;border-radius:50%;background:#123c3a;color:#4ae0aa;margin:0 auto 1.375rem}
.status-symbol.warn{background:#3b2a12;color:#ffb347}
.status-symbol .ic{width:1.75rem;height:1.75rem;stroke-width:2.2}
.status-card h1{font-size:1.75rem;letter-spacing:-.02em;margin-bottom:0.75rem}
.status-card p{color:#a4b6ca;font-size:0.875rem}
.status-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:0.625rem;margin-top:1.5rem}
.privacy-card{text-align:left}
.privacy-card p+p{margin-top:0.75rem}
.privacy-card .btn{margin-top:1.125rem}

/* ---------- tablet ---------- */
@media(max-width:1100px){
  .nav{gap:1.25rem}
  .services-grid{grid-template-columns:minmax(0,1fr) 32%;gap:3%}
  .why-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:980px){
  .nav{position:absolute;left:0;right:0;top:100%;flex-direction:column;gap:0;padding:0.5rem 1.5rem 1rem;background:rgba(3,10,28,.98);border-bottom:1px solid rgba(120,160,255,.18);display:none;font-size:0.9375rem}
  .nav.open{display:flex}
  .nav a{padding:0.8125rem 0;border-bottom:1px solid rgba(120,160,255,.1)}
  .nav a:first-child:after{display:none}
  .menu-toggle{display:grid}
  .hero{padding:2.75rem 0 3.5rem}
  .hero-grid{grid-template-columns:1fr;gap:2.75rem}
  .hero-visual{max-width:70%}
  .services-grid{grid-template-columns:1fr}
  .form-card{position:static;max-width:80%;margin-inline:auto;width:100%}
  .why-top{grid-template-columns:1fr}
  .why-art{justify-self:center;max-width:70%}
  .benefit-grid{grid-template-columns:1fr;grid-template-rows:none;grid-auto-flow:row}
  .process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .faq-wrap{grid-template-columns:1fr;gap:1.625rem}
  .cta-grid{grid-template-columns:1fr;gap:1.875rem;padding:2.25rem 1.75rem}
  .footer-grid{grid-template-columns:1fr}
  .footer-links{grid-column:1;grid-row:auto;justify-content:flex-start}
}
/* ---------- mobile ---------- */
@media(max-width:640px){
  :root{--rcorner:1.875rem}
  .wrap{width:92%}
  .header{height:4.125rem;padding:0 4%}
  .brand{font-size:0.8125rem}.brand-mark{width:2.25rem;height:2.25rem}
  .header-cta{display:none}
  .hero h1{font-size:2.125rem}
  .hero-sub{font-size:0.9062rem}
  .trust-points{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
  .hero-buttons .btn{width:100%}
  .chain-row{gap:0.625rem 1.125rem}
  .service-grid{grid-template-columns:1fr 1fr;gap:0.625rem}
  .service-card{padding:0.875rem}
  .service-card.wide{grid-column:1/-1}
  .service-card p{font-size:0.75rem}
  .services{padding:3rem 0 3.5rem}
  .form-card{padding:1.375rem 1.125rem}
  .field-row{grid-template-columns:1fr}
  .why-grid{grid-template-columns:1fr;gap:1.5rem}
  .benefits{padding:3.25rem 0 3.75rem}
  .benefit{padding:0.75rem 0.875rem}
  .process-grid{grid-template-columns:1fr}
  .faq-wrap{padding-top:3.25rem}
  .cta-grid{padding:1.75rem 1rem}
  .cta-form{padding:1.25rem 1rem}
  .status-card{padding:1.75rem 1.25rem}
}
@media(max-width:400px){
  .service-grid{grid-template-columns:1fr}
  .service-card.wide{grid-column:auto}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{transition:none!important;animation:none!important}
}

/* secondary pages (privacy, thank-you) */
.legal{padding:5rem 0 6rem;background:radial-gradient(40rem 24rem at 80% 0,rgba(25,105,255,.35),transparent 70%),linear-gradient(180deg,#030a1c,#061232);min-height:60vh}
.legal-card,.legal .status-card{width:100%;max-width:52rem;margin-inline:auto;padding:2.5rem;border:1px solid rgba(120,160,255,.22);border-radius:1.25rem;background:rgba(10,27,69,.55)}
.legal-card h1{font-size:clamp(2rem,3.4vw,2.8rem);line-height:1.1;letter-spacing:-.03em;font-weight:800;color:#fff;margin-bottom:1.2rem}
.legal-card p{color:#b9c8e6;font-size:1rem;line-height:1.7}
.legal-card p+p{margin-top:1rem}
.inline-link{color:var(--cyan);text-decoration:underline}
.legal-contact{display:flex;flex-wrap:wrap;gap:.7rem 1.4rem;margin:1.6rem 0 .4rem;font-size:.9rem;font-weight:600}
.legal-contact a{display:inline-flex;align-items:center;gap:.5rem;color:#d6e2fb}
.legal-contact a:hover{color:var(--cyan)}
.legal-contact .ic{width:1.1rem;height:1.1rem;color:var(--cyan)}
.legal-card .btn{margin-top:1.4rem}
@media(max-width:640px){.legal{padding:3rem 0 4rem}.legal-card,.legal .status-card{padding:1.6rem 1.2rem}}