/* INTERACTIVE: expressive UI, mobile-first controls, native HTML content remains indexed. */
html[data-site-design="interactive"] {
 --bg:#090a16;--surface:#11182a;--surface-soft:#1b2640;
 --text:#f5f8ff;--text-muted:#b3bdd5;--line:#31405b;
 --accent:#70f6cf;--accent-2:#ffa867;--max:1370px;--radius:22px;
 color-scheme:dark;background:#090a16;
}
html[data-site-design="interactive"] body {
 color:var(--text);
 background:radial-gradient(ellipse at 78% 8%,rgba(30,62,123,.42),transparent 48%),linear-gradient(180deg,#090c19,#0c1428 60%,#0b101d);
 background-attachment:fixed;overflow-x:clip;
}
html[data-site-design="interactive"] .site-header{
 border-bottom:1px solid rgba(100,247,199,.16);
 background:rgba(8,13,29,.76);backdrop-filter:blur(22px);
}
html[data-site-design="interactive"] .nav-wrap{max-width:1440px;padding:1rem clamp(1rem,3vw,3rem);}
html[data-site-design="interactive"] .brand{
 font-family:Inter,Arial,sans-serif;font-size:.98rem;font-weight:800;
 letter-spacing:-.05em;text-transform:uppercase;
}
html[data-site-design="interactive"] .nav-links a.active,
html[data-site-design="interactive"] .nav-links a:hover{color:#70f6cf;}
html[data-site-design="interactive"] .hero{
 min-height:730px;height:100svh;max-height:none;overflow:hidden;
 isolation:isolate;background:#090e20;
}
html[data-site-design="interactive"] .hero .video-wrapper{
 z-index:0;opacity:.53;filter:saturate(.75) hue-rotate(18deg);
 transform:scale(1.04);
}
html[data-site-design="interactive"] .hero::before{
 content:"";position:absolute;inset:-30%;z-index:1;pointer-events:none;
 background:
 radial-gradient(circle at var(--pointer-x,66%) var(--pointer-y,40%),rgba(84,254,213,.24),transparent 22%),
 repeating-linear-gradient(90deg,transparent 0,transparent 64px,rgba(130,191,252,.07) 65px),
 repeating-linear-gradient(0deg,transparent 0,transparent 64px,rgba(130,191,252,.07) 65px);
 mask-image:linear-gradient(180deg,rgba(0,0,0,.85),rgba(0,0,0,.2));
}
html[data-site-design="interactive"] .hero::after{
 z-index:2;background:linear-gradient(180deg,rgba(5,10,27,.12),rgba(5,10,27,.18) 32%,#0b1021 100%);
}
html[data-site-design="interactive"] .hero-content{
 z-index:3;width:100%;max-width:1480px;margin:auto;
 padding:clamp(2rem,5vw,5.4rem);padding-bottom:clamp(5rem,9vw,10rem);
}
html[data-site-design="interactive"] .hero h1 {
 color:#f8fbff;max-width:1100px;font-size:clamp(2.8rem,7.6vw,8rem);
 line-height:.96;letter-spacing:-.08em;font-weight:850;
 text-wrap:balance;
}
html[data-site-design="interactive"] .hero h1::first-line{color:#70f6cf;}
html[data-site-design="interactive"] .hero p{
 color:#e4edf8;font-size:clamp(.97rem,1.35vw,1.24rem);
 line-height:1.7;max-width:720px;
}
html[data-site-design="interactive"] .hero .btn{border-radius:999px;font-weight:800;}
html[data-site-design="interactive"] .btn-primary {
 background:#70f6cf;color:#08131a;border-color:#70f6cf;
}
html[data-site-design="interactive"] .btn-primary:hover{
 background:#fff;color:#071c18;border-color:#fff;
}
html[data-site-design="interactive"] .btn-secondary{
 color:#f8fcff;border-color:rgba(219,240,255,.45);
 background:rgba(4,12,28,.45);
}
html[data-site-design="interactive"] .hero .btn-secondary {background:rgba(8,15,35,.72);}
html[data-site-design="interactive"] .section{
 padding-top:clamp(3.5rem,7vw,8rem);padding-bottom:clamp(3.5rem,7vw,8rem);
}
html[data-site-design="interactive"] .section-header h2{
 font-size:clamp(1.9rem,4.5vw,4.4rem);font-weight:800;
 letter-spacing:-.06em;line-height:1.07;text-wrap:balance;
}
html[data-site-design="interactive"] .section-header p{max-width:850px;line-height:1.8;}
html[data-site-design="interactive"] .card,
html[data-site-design="interactive"] .service-copy-card{
 border:1px solid rgba(132,175,220,.21);background:linear-gradient(150deg,#182541,#0d182c);
 border-radius:22px;position:relative;isolation:isolate;
 box-shadow:inset 0 1px 0 rgba(230,247,255,.05),0 15px 40px rgba(0,0,0,.10);
}
html[data-site-design="interactive"] .service-directory-grid .card{
 overflow:hidden;min-height:260px;transition:border-color .2s ease,transform .2s ease;
}
html[data-site-design="interactive"] .service-directory-grid .card::before{
 content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;opacity:0;
 background:radial-gradient(circle at var(--card-x,50%) var(--card-y,50%),rgba(107,247,208,.19),transparent 53%);
 transition:opacity .28s ease;
}
html[data-site-design="interactive"] .service-directory-grid .card:hover::before{opacity:1;}
html[data-site-design="interactive"] .service-directory-grid .card:hover{
 border-color:#70f6cf;transform:translateY(-4px);
}
html[data-site-design="interactive"] .service-directory-grid .card h3{font-size:clamp(1.25rem,2vw,1.7rem);}
html[data-site-design="interactive"] .service-copy-card p{line-height:1.76;}
html[data-site-design="interactive"] .service-number,
html[data-site-design="interactive"] .service-link{color:#70f6cf;}
html[data-site-design="interactive"] .video-card{
 border-radius:18px;border:1px solid rgba(159,202,230,.20);
 background:#0b142a;box-shadow:0 20px 40px rgba(0,0,0,.16);
}
html[data-site-design="interactive"] .featured-card{border-radius:16px;}
html[data-site-design="interactive"] .featured-dot.is-active{background:#70f6cf;}
html[data-site-design="interactive"] .kicker{color:#70f6cf;}
html[data-site-design="interactive"] .experience-stats strong{color:#70f6cf;}
html[data-site-design="interactive"] .project-info,
html[data-site-design="interactive"] .form-wrap {
 background:#121d31;border:1px solid #354764;border-radius:16px;
}
html[data-site-design="interactive"] .site-design-switch{
 background:#172136;border-color:#37526d;
}
html[data-site-design="interactive"] .site-design-switch__option[aria-pressed="true"]{
 background:#70f6cf;color:#071b1a;
}
html[data-site-design="interactive"] footer{
 background:#0a1020;border-top:1px solid rgba(118,196,196,.2);
}
html[data-site-design="interactive"] .service-intro h1{font-size:clamp(2.5rem,6vw,6.3rem);}
html[data-site-design="interactive"] .site-design-panel{border-color:#35415d;background:#0f1a2d;}

/* Minimal, usable design chooser on Impressum: four real buttons + four deep links. */
.site-design-panel--picker{margin:0 0 2.5rem;padding:clamp(1rem,2vw,1.6rem);}
.site-design-panel--picker .site-design-panel__description{margin-bottom:1.4rem;}
.site-design-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;}
.site-design-picker__card{
 min-width:0;padding:1.15rem;border-radius:12px;
 border:1px solid var(--line);background:var(--surface-soft);
}
.site-design-picker__card.is-active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);}
.site-design-picker__number{display:block;color:var(--accent);font-size:.68rem;letter-spacing:.14em;font-weight:800;}
.site-design-picker__name{margin:.5rem 0 .2rem;font-size:clamp(.95rem,1.4vw,1.28rem);}
.site-design-picker__tag{font-size:.75rem;line-height:1.4;color:var(--text-muted);margin:0 0 1.1rem;}
.site-design-picker__actions{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;}
.site-design-picker__actions .site-design-switch__option{
 border:1px solid var(--line);border-radius:7px;padding:.55rem .78rem;
 background:var(--surface);color:var(--text);font-size:.76rem;
}
.site-design-picker__actions .site-design-switch__option[aria-pressed="true"]{
 background:var(--accent);border-color:var(--accent);color:#111c20;
}
.site-design-picker__preview{font-size:.75rem;color:var(--text);text-decoration:underline;text-underline-offset:3px;}
.site-design-picker__preview:hover{color:var(--accent);}
.site-design-switch--footer{flex-wrap:wrap;border-radius:12px;}
/* Interactive-only mission selector — native buttons, no canvas/webGL. */
.int-mission{display:none;max-width:1390px;margin:0 auto;padding:clamp(2rem,5vw,5rem) clamp(1rem,3vw,3rem);}
html[data-site-design="interactive"] .int-mission{display:block;}
.int-mission__top{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
.int-mission__eyebrow{font-size:.75rem;letter-spacing:.17em;font-weight:800;text-transform:uppercase;color:#70f6cf;}
.int-mission h2{font-size:clamp(2.1rem,5vw,5.5rem);line-height:1;letter-spacing:-.075em;margin:.8rem 0 1.5rem;font-weight:800;text-wrap:balance;}
.int-mission__hint{color:#b3c5da;font-size:.8rem;}
.int-mission__tabs{display:flex;gap:.55rem;overflow-x:auto;padding:0 0 .75rem;scrollbar-width:thin;scroll-snap-type:x proximity;}
.int-mission__tab{
 flex:0 0 auto;border:1px solid rgba(151,194,229,.3);background:#132440;
 color:#c7d6e8;border-radius:999px;padding:.8rem 1.05rem;font:700 .82rem/1.3 Inter,sans-serif;
 cursor:pointer;scroll-snap-align:center;
}
.int-mission__tab:hover,.int-mission__tab:focus-visible{border-color:#70f6cf;outline-offset:3px;}
.int-mission__tab[aria-selected="true"]{background:#70f6cf;color:#081927;border-color:#70f6cf;}
.int-mission__panel{
 border:1px solid rgba(143,189,227,.3);border-radius:24px;
 background:radial-gradient(circle at 90% 8%,rgba(108,246,205,.14),transparent 43%),linear-gradient(135deg,#192a4b,#101729);
 padding:clamp(1.4rem,4vw,3.2rem);min-height:285px;display:grid;
 grid-template-columns:1.35fr .65fr;gap:2rem;align-items:end;
}
.int-mission__label{font-size:.7rem;color:#70f6cf;font-weight:800;letter-spacing:.15em;text-transform:uppercase;}
.int-mission__title{font-size:clamp(1.65rem,3vw,3.1rem);line-height:1.12;font-weight:800;letter-spacing:-.06em;margin:.85rem 0 1rem;}
.int-mission__description{font-size:clamp(.96rem,1.2vw,1.13rem);line-height:1.7;color:#c5d2e4;max-width:670px;}
.int-mission__cta{display:inline-flex;align-items:center;justify-content:center;
 padding:1rem 1.2rem;background:#70f6cf;border-radius:999px;color:#0c1720;
 font-size:.88rem;font-weight:800;white-space:nowrap;text-decoration:none;}
.int-mission__cta:hover{background:#fff;}
.int-mission__meta{display:block;font-size:.78rem;color:#afc1d6;margin-top:1rem;}
.int-scroll-meter{display:none;position:fixed;top:0;left:0;z-index:300;
 height:3px;width:var(--scroll-progress,0%);background:#70f6cf;pointer-events:none;}
html[data-site-design="interactive"] .int-scroll-meter{display:block;}
.int-cursor{display:none;}
@media(hover:hover) and (pointer:fine){
  html[data-site-design="interactive"] .int-cursor{
   position:fixed;display:block;z-index:60;width:210px;height:210px;border-radius:50%;
   top:var(--cursor-y,-300px);left:var(--cursor-x,-300px);
   transform:translate(-50%,-50%);pointer-events:none;opacity:.7;
   background:radial-gradient(circle,rgba(105,243,210,.08),transparent 68%);
  }
}
@media(max-width:740px){
 html[data-site-design="interactive"] .hero{min-height:100svh;}
 html[data-site-design="interactive"] .hero-content{padding:1.4rem 1.4rem 7rem;}
 html[data-site-design="interactive"] .hero h1{font-size:clamp(2.6rem,11vw,5.3rem);}
 html[data-site-design="interactive"] .section{padding:3rem 1.1rem;}
 .int-mission__panel{grid-template-columns:1fr;gap:1rem;min-height:0;}
 .int-mission__cta{width:100%;}
 .site-design-picker{grid-template-columns:1fr;}
 .site-design-switch--footer{max-width:100%;}
}
@media(prefers-reduced-motion:reduce){
 html[data-site-design="interactive"] .service-directory-grid .card{
 transition:none!important;transform:none!important;
 }
 .int-cursor{display:none!important;}
 .int-mission__tabs{scroll-behavior:auto;}
}