:root,:root[data-theme]{
  --color-base-100:#0b1424; --color-base-200:#132038; --color-base-300:#2a3b5c; --color-base-content:#eef2f9;
  --color-primary:#d92f3b; --color-primary-content:#ffffff; --color-accent:#ff6b75; --color-accent-content:#0b1424;
  --color-neutral:#060c18; --color-neutral-content:#eef2f9;
  --radius-box:.5rem; --radius-field:.4rem; --radius-selector:.4rem;
  --ginta-accent:#d92f3b; --ginta-accent-ink:#ffffff; --ginta-radius:.5rem;
  --bg:#0b1424; --bg-2:#101b30; --surface:#132038; --surface-2:#1a2a47; --line:#2a3b5c;
  --red:#d92f3b; --red-d:#a91d28; --pink:#ff7a83; --ink:#eef2f9; --soft:#a9b6cf;
  --font-display:"Barlow Condensed", system-ui, sans-serif; --font-sans:"Barlow", system-ui, sans-serif;
  --step--1:clamp(.875rem,.86rem + .1vw,.94rem); --step-0:clamp(1rem,.96rem + .2vw,1.125rem); --step-1:clamp(1.2rem,1.1rem + .5vw,1.45rem);
  --step-2:clamp(1.45rem,1.25rem + 1vw,1.9rem); --step-3:clamp(2rem,1.6rem + 2vw,2.9rem); --step-4:clamp(2.3rem,1.7rem + 3vw,3.8rem); --step-5:clamp(2.7rem,1.8rem + 4.6vw,5.2rem);
  --sp-1:.25rem; --sp-2:.5rem; --sp-3:.75rem; --sp-4:1rem; --sp-5:1.5rem; --sp-6:2rem; --sp-7:3rem; --sp-8:4rem; --sp-9:6rem;
  --section:clamp(3rem,2rem + 4vw,5.5rem); --container:72rem; --measure:62ch;
  color-scheme:dark;
}
body{font-family:var(--font-sans);font-size:var(--step-0);line-height:1.55;color:var(--ink);background:var(--bg);overflow-wrap:break-word}
h1,h2,h3{font-family:var(--font-display);font-weight:800;line-height:1.02;letter-spacing:.005em;color:#fff;text-transform:uppercase}
h1{font-size:var(--step-5);font-style:italic}
h2{font-size:var(--step-4);margin-bottom:var(--sp-5);max-width:20ch}
h3{font-size:var(--step-2);margin:var(--sp-3) 0 var(--sp-2)}
a:focus-visible,.sd-btn:focus-visible{outline:3px solid var(--pink);outline-offset:3px}
.sd-wrap{max-width:var(--container);margin-inline:auto;padding-inline:var(--sp-4)}
@media (min-width:768px){.sd-wrap{padding-inline:var(--sp-6)}}

.sd-head{position:sticky;top:0;z-index:40;background:rgba(6,12,24,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.sd-head__in{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);height:64px}
.sd-logo{display:block;background:#fff;border-radius:var(--radius-box);padding:4px 10px}
.sd-logo img{height:36px;width:auto;display:block}
@media (min-width:768px){.sd-logo img{height:42px}}
.sd-nav{gap:var(--sp-6);font-weight:600}
.sd-nav a{color:var(--ink);text-decoration:none}
.sd-nav a:hover{color:var(--pink)}

.sd-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:48px;padding:0 var(--sp-5);border-radius:var(--radius-box);font-family:var(--font-display);font-weight:800;font-size:var(--step-1);text-transform:uppercase;letter-spacing:.02em;text-decoration:none;white-space:nowrap;transition:background .15s,border-color .15s}
.sd-btn svg{width:1.1em;height:1.1em}
.sd-btn--red{background:var(--red);color:#fff;box-shadow:0 3px 0 var(--red-d)}
.sd-btn--red:hover{background:#c22632}
.sd-btn--navy{background:transparent;color:#fff;border:2px solid #fff}
.sd-btn--navy:hover{background:#fff;color:var(--bg)}
.sd-btn--ghost{color:#fff;border:2px solid var(--line)}
.sd-btn--ghost:hover{border-color:#fff}
.sd-btn--sm{min-height:44px;padding:0 var(--sp-4);font-size:var(--step-0)}

.sd-hero{padding:var(--sp-6) 0 var(--section);background:radial-gradient(120% 80% at 85% 0%,#1d2f52 0%,var(--bg) 60%)}
.sd-hero__grid{display:grid;gap:var(--sp-6);align-items:center}
.sd-kicker{display:inline-flex;align-items:center;gap:var(--sp-2);background:rgba(217,47,59,.16);border:1px solid rgba(255,122,131,.35);color:#ffd5d8;font-weight:600;font-size:var(--step--1);padding:var(--sp-1) var(--sp-3);border-radius:99px;margin-bottom:var(--sp-4)}
.sd-kicker svg{width:1em;height:1em;color:var(--pink)}
.sd-lead{font-size:var(--step-1);color:var(--soft);max-width:var(--measure);margin:var(--sp-4) 0 var(--sp-5)}
.sd-actions{display:flex;flex-wrap:wrap;gap:var(--sp-3)}
.sd-trust{display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-5);margin-top:var(--sp-5);list-style:none;padding:0;color:var(--soft);font-size:var(--step--1)}
.sd-trust strong{display:block;font-family:var(--font-display);font-size:var(--step-2);color:#fff;line-height:1.1}
.sd-hero__img{margin:0}
.sd-hero__img img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-box);border-bottom:6px solid var(--red);box-shadow:0 30px 60px rgba(0,0,0,.45)}
@media (min-width:900px){.sd-hero{padding-top:var(--sp-8)}.sd-hero__grid{grid-template-columns:1.05fr 1fr;gap:var(--sp-8)}}

.sd-band{background:var(--red);color:#ffe3e5}
.sd-band__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-5) var(--sp-4);padding-block:var(--sp-6)}
.sd-band__grid>div{display:flex;gap:var(--sp-3);align-items:flex-start}
.sd-band svg{width:28px;height:28px;flex:none;color:#fff}
.sd-band p{font-size:var(--step--1);line-height:1.4;margin:0;color:#fff}
.sd-band strong{display:block;color:#fff;font-family:var(--font-display);font-size:var(--step-1);text-transform:uppercase}
@media (min-width:900px){.sd-band__grid{grid-template-columns:repeat(4,1fr)}}

.sd-sec{padding-block:var(--section)}
.sd-sec--tint{background:var(--bg-2)}
.sd-label{color:var(--pink);font-weight:600;text-transform:uppercase;letter-spacing:.12em;font-size:var(--step--1);margin-bottom:var(--sp-2)}

.sd-svc{display:grid;gap:var(--sp-4)}
@media (min-width:640px){.sd-svc{grid-template-columns:1fr 1fr}}
@media (min-width:1024px){.sd-svc{grid-template-columns:repeat(3,1fr)}}
.sd-svc__item{background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--red);border-radius:var(--radius-box);padding:var(--sp-6) var(--sp-5);box-shadow:0 12px 28px rgba(0,0,0,.25);transition:border-color .15s}
.sd-svc__item:hover{border-color:var(--pink)}
.sd-svc__item svg{width:34px;height:34px;color:var(--pink)}
.sd-svc__item p{color:var(--soft);margin:0}
.sd-svc__item--hot{background:var(--red);border-color:var(--red)}
.sd-svc__item--hot:hover{border-color:#fff}
.sd-svc__item--hot p,.sd-svc__item--hot svg{color:#fff}

.sd-work{display:grid;gap:var(--sp-6);align-items:center}
.sd-work__text p{color:var(--soft);max-width:var(--measure);margin-bottom:var(--sp-5)}
.sd-work__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-3)}
.sd-work__grid img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:var(--radius-box);border:1px solid var(--line)}
@media (min-width:900px){.sd-work{grid-template-columns:.85fr 1.15fr;gap:var(--sp-8)}}

.sd-sec--navy{background:#0f1a2e;border-block:1px solid var(--line)}
.sd-about img{box-shadow:0 24px 48px rgba(0,0,0,.35)}
.sd-work__grid img{box-shadow:0 16px 32px rgba(0,0,0,.3)}
.sd-score{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--sp-3) var(--sp-6);margin-bottom:var(--sp-6)}
.sd-score__num{font-family:var(--font-display);font-weight:800;font-style:italic;font-size:var(--step-5);line-height:.9;color:#fff;margin:0}
.sd-score__num span{font-size:.45em;color:var(--pink)}
.sd-score p:last-child{max-width:40ch;margin:0;color:var(--soft)}
.sd-score strong{color:#fff}
.sd-rev{display:grid;gap:var(--sp-4)}
@media (min-width:900px){.sd-rev{grid-template-columns:repeat(3,1fr)}}
.sd-rev blockquote{margin:0;background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--red);border-radius:var(--radius-box);padding:var(--sp-5);display:flex;flex-direction:column;justify-content:space-between;gap:var(--sp-4)}
.sd-rev blockquote p{color:var(--ink);margin:0}
.sd-rev footer{font-size:var(--step--1);color:var(--soft);font-weight:600}
.sd-link{display:inline-flex;align-items:center;gap:var(--sp-1);margin-top:var(--sp-6);color:#fff;font-weight:600;min-height:44px}
.sd-link svg{width:1em;height:1em;color:var(--pink)}

.sd-about{display:grid;gap:var(--sp-6);align-items:center}
.sd-about figure{margin:0}
.sd-about img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-box)}
.sd-about p{color:var(--soft);max-width:var(--measure);margin-bottom:var(--sp-4)}
@media (min-width:900px){.sd-about{grid-template-columns:1fr 1fr;gap:var(--sp-8)}}

.sd-quote{max-width:48rem}
.sd-quote__lead{color:var(--soft);margin-bottom:var(--sp-6)}
.sd-quote .ginta-quote{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-box);padding:var(--sp-5);color:var(--ink)}
.sd-quote .ginta-quote input,.sd-quote .ginta-quote textarea,.sd-quote .ginta-quote select{background:var(--bg);color:var(--ink);border-color:var(--line)}

.sd-foot{background:#060c18;color:var(--soft);padding:var(--sp-7) 0 var(--sp-9);border-top:3px solid var(--red)}
.sd-foot__in{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--sp-5)}
.sd-foot__name{font-family:var(--font-display);font-weight:800;font-size:var(--step-2);color:#fff;text-transform:uppercase;margin:0 0 var(--sp-1)}
.sd-foot nav{display:flex;gap:var(--sp-5);flex-wrap:wrap}
.sd-foot a{color:#fff;min-height:44px;display:inline-flex;align-items:center}
@media (min-width:768px){.sd-foot{padding-bottom:var(--sp-7)}}

.sd-sticky{position:fixed;left:var(--sp-3);right:var(--sp-3);bottom:var(--sp-3);z-index:45;display:flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:52px;background:var(--red);color:#fff;font-family:var(--font-display);font-weight:800;font-size:var(--step-1);text-transform:uppercase;text-decoration:none;border-radius:var(--radius-box);box-shadow:0 6px 24px rgba(0,0,0,.5)}
.sd-sticky svg{width:1.1em;height:1.1em}
@media (min-width:768px){.sd-sticky{display:none}}

.sd-menu{position:relative}
.sd-menu summary{list-style:none;cursor:pointer;min-height:44px;display:inline-flex;align-items:center;padding:0 var(--sp-3);color:#fff;font-weight:600}
.sd-menu summary::-webkit-details-marker{display:none}
.sd-menu nav{position:absolute;right:0;top:100%;display:flex;flex-direction:column;min-width:12rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-box);padding:var(--sp-2) var(--sp-4);z-index:50}
.sd-menu nav a{color:#fff;min-height:44px;display:flex;align-items:center;text-decoration:none;font-weight:600}
@media (min-width:768px){.sd-menu{display:none}}
.legal{max-width:65ch;margin-inline:auto;padding:var(--section) var(--sp-4)}
.legal h1{font-size:var(--step-4);margin-bottom:var(--sp-5)}
.legal h2{font-size:var(--step-2);margin:var(--sp-6) 0 var(--sp-3);max-width:none}
.legal p{margin-bottom:var(--sp-3);color:var(--soft)}
.legal a{color:var(--pink)}
html{scroll-behavior:smooth;scroll-padding-top:72px}
@media (prefers-reduced-motion:reduce){*{transition:none!important}html{scroll-behavior:auto}}