/* DG identity, direct service copy, real photography. Existing Geist and Phosphor.
   DESIGN_VARIANCE: 5; MOTION_INTENSITY: 4; VISUAL_DENSITY: 4.
   One-time entrance establishes reading order; hover confirms navigation.
   Shape rule: 6px for photos/buttons, no decorative icon containers. */
@font-face{font-family:Geist;src:url('../assets/fonts/geist-latin-var.19f9c92546aa.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{color-scheme:light;--bg:#f8f9fc;--surface:#fff;--ink:#111b31;--muted:#596479;--line:#dbe0e9;--accent:#f59a44;--hover:#eef1f7;--focus:#97470a}
:root.dark{color-scheme:dark;--bg:#0c1322;--surface:#151f32;--ink:#f3f5fa;--muted:#b0bacd;--line:#334057;--hover:#1d2b42;--focus:#ffb773}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Geist,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font:inherit}
img{display:block;max-width:100%}
a,button{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible{outline:3px solid var(--focus);outline-offset:5px}
a:active,button:active{transform:translateY(1px)}
.ph{flex-shrink:0}
.shell{max-width:1120px;margin:auto;padding:24px 40px 0}
.skip{position:fixed;top:12px;left:12px;z-index:10;padding:12px 18px;background:var(--surface);transform:translateY(-150%)}
.skip:focus{transform:none}
.topbar{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid var(--line)}
.brand,.brand img{width:80px}
.brand img{height:64px;object-fit:contain}
.logo-dark,.dark .logo-light{display:none}
.dark .logo-dark{display:block}
.theme-button{width:44px;height:44px;border:0;border-radius:6px;background:transparent;color:var(--ink);cursor:pointer}
.theme-button .ph{font-size:22px}
.theme-button:hover{background:var(--hover)}
.layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:80px;padding:40px 0 32px}
.intro{align-self:start}
h1{font-size:clamp(40px,4.4vw,56px);line-height:1.08;letter-spacing:-.045em;font-weight:600;margin:0 0 18px}
.lead{font-size:17px;line-height:1.6;margin:0 0 26px;color:var(--muted);max-width:32ch}
.space-photo{margin:0;overflow:hidden;border-radius:6px}
.space-photo>img{width:100%;height:auto;aspect-ratio:1.35;object-fit:cover}
.section-heading{margin:0 0 16px}
.section-heading h2{font-size:17px;line-height:1.3;margin:0;font-weight:550}
.trial{display:grid;grid-template-columns:minmax(0,1fr) 20px;gap:14px;align-items:center;padding:20px;background:var(--accent);color:#171f31;border-radius:6px;margin-bottom:12px;transition:background .15s}
.trial:hover{background:#ffab5c}
.trial-copy,.service-copy{display:grid;gap:6px}
.trial-copy strong{font-size:20px;line-height:1.25;font-weight:600}
.trial-copy>span{font-size:13px;line-height:1.5}
.arrow{font-size:20px;transition:transform .2s}
a:hover>.arrow{transform:translateX(4px)}
.service{display:grid;grid-template-columns:58px minmax(0,1fr) 20px;gap:16px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line);transition:background .15s}
.service:hover{background:var(--hover)}
.service>img,.service-icon{width:58px;height:58px;object-fit:cover;border-radius:6px}
.service-icon{display:grid;place-items:center;font-size:30px}
.service-copy strong{font-size:16px;font-weight:550;line-height:1.35}
.service-copy>span{font-size:13px;line-height:1.45;color:var(--muted)}
.contact{display:grid;grid-template-columns:24px 1fr 18px;gap:10px;align-items:center;margin-top:22px;padding:17px 18px;background:var(--ink);color:var(--bg);border-radius:6px;font-size:13px;font-weight:550}
.contact:hover{text-decoration:underline;text-underline-offset:4px}
.contact>.ph{font-size:23px}
.contact>.ph:last-child{font-size:18px}
.utility-links{display:flex;flex-wrap:wrap;gap:0 20px;padding:15px 0}
.utility-links>a{display:flex;align-items:center;gap:6px;min-height:44px;font-size:12px}
.utility-links i{font-size:17px;color:var(--muted)}
.utility-links>a:hover,footer a:hover{text-decoration:underline;text-underline-offset:4px}
.address{font-size:12px;line-height:1.7;color:var(--muted);margin:6px 0 0}
footer{border-top:1px solid var(--line);padding:16px 0;display:flex;justify-content:space-between;align-items:center;gap:18px;color:var(--muted);font-size:12px;line-height:1.6}
footer a{display:flex;align-items:center;gap:6px;min-height:44px}
footer i{font-size:18px}
@media(max-width:1023px){.shell{padding-inline:28px}.layout{gap:36px}h1{font-size:45px}.service{gap:12px}.utility-links{gap:0 14px}}
@media(max-width:767px){
  .shell{max-width:520px;padding:16px 22px 0}
  .brand,.brand img{width:72px}.brand img{height:58px}
  .layout{grid-template-columns:minmax(0,1fr);gap:27px;padding:24px 0 26px}
  h1{font-size:40px;line-height:1.08;margin-bottom:12px}
  .lead{font-size:15px;line-height:1.55;margin-bottom:20px;max-width:34ch}
  .space-photo>img{aspect-ratio:2.35;object-position:50% 60%}
  .section-heading{margin-bottom:13px}.section-heading h2{font-size:16px}
  .trial{padding:18px;margin-bottom:10px}.trial-copy strong{font-size:19px}.trial-copy>span{font-size:12px}
  .service{grid-template-columns:52px minmax(0,1fr) 18px;gap:12px;padding:14px 0}
  .service>img,.service-icon{width:52px;height:52px}
  .service-copy strong{font-size:15px}.service-copy>span{font-size:12px}.service .arrow{font-size:18px}
  .contact{font-size:12px;padding:16px}.utility-links{gap:0 14px}.utility-links>a{font-size:12px}footer{font-size:11px}
}
@media(max-width:359px){.shell{padding-inline:16px}h1{font-size:38px}.service{gap:9px}.service-copy strong{font-size:14px}.service-copy>span{font-size:11px}}
@media(prefers-reduced-motion:no-preference){
  @keyframes dg-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
  .intro,.section-heading,.trial,.service,.contact,.utility-links{animation:dg-enter .4s ease-out both}
  .section-heading{animation-delay:.04s}.trial{animation-delay:.08s}
  .service:nth-child(1){animation-delay:.12s}.service:nth-child(2){animation-delay:.16s}
  .service:nth-child(3){animation-delay:.2s}.service:nth-child(4){animation-delay:.24s}
  .contact{animation-delay:.28s}.utility-links{animation-delay:.32s}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
