:root{
  --bg:#07080c;
  --bg-2:#0d1016;
  --bg-3:#141925;
  --panel:rgba(255,255,255,.04);
  --panel-2:rgba(255,255,255,.06);
  --stroke:rgba(255,255,255,.09);
  --stroke-strong:rgba(255,255,255,.16);
  --text:#f5f7fb;
  --muted:#97a4b6;
  --muted-2:#738094;
  --accent:#ff6a1a;
  --accent-soft:#ff9a63;
  --accent-pale:rgba(255,106,26,.12);
  --accent-line:rgba(255,106,26,.32);
  --success:#89d49a;
  --radius-xl:34px;
  --radius-lg:26px;
  --radius-md:18px;
  --container:1380px;
  --nav-height:80px;
  --shadow-soft:0 24px 80px rgba(0,0,0,.34);
  --shadow-card:0 18px 48px rgba(0,0,0,.24);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;color:var(--text);font-family:"Inter",system-ui,sans-serif;letter-spacing:-.02em;overflow-x:hidden;background:
radial-gradient(circle at 8% 10%, rgba(255,106,26,.08), transparent 20%),
radial-gradient(circle at 88% 16%, rgba(255,255,255,.05), transparent 18%),
linear-gradient(180deg, #050608 0%, #090b11 40%, #07080c 100%)}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.container-shell{width:min(100% - 2rem,var(--container));margin-inline:auto}
.serif{font-family:"Instrument Serif",Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.03em}
.muted{color:var(--muted)}
.accent{color:var(--accent)}
.center{text-align:center}
.max-42{max-width:42rem}
.max-48{max-width:48rem}
.mx-auto{margin-inline:auto}
.eyebrow{display:inline-flex;align-items:center;gap:.6rem;padding:.72rem 1rem;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:#dfe6ef;font-size:.74rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;width:fit-content;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.eyebrow::before{content:"";width:.5rem;height:.5rem;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--accent-soft));box-shadow:0 0 12px rgba(255,106,26,.45)}
.section{position:relative;padding:7.5rem 0}
.section-tight{padding:4rem 0}
.section-title{margin:0;font-size:clamp(2.4rem,1.2rem + 3.7vw,5.7rem);line-height:.9;letter-spacing:-.09em;font-weight:700;text-wrap:balance}
.section-copy{margin:0;max-width:42rem;color:var(--muted);font-size:1.03rem;line-height:1.9;text-wrap:pretty}
.page-hero{padding:4.5rem 0 3rem;border-bottom:1px solid rgba(255,255,255,.06)}
.page-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:2rem;align-items:end}
.page-hero-title{margin:1rem 0 0;max-width:9.5ch;font-size:clamp(3.3rem,1.6rem + 6vw,8rem);line-height:.84;letter-spacing:-.11em;font-weight:700;text-wrap:balance}
.page-hero-copy{margin:1rem 0 0;max-width:36rem;color:var(--muted);font-size:1.05rem;line-height:1.9}
.hero-card,.panel,.legal-panel{position:relative;border-radius:var(--radius-xl);background:radial-gradient(circle at 82% 18%, var(--accent-pale), transparent 20%),linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.09);box-shadow:var(--shadow-soft)}
.hero-card{min-height:360px;overflow:hidden}
.hero-card::before{content:"";position:absolute;inset:auto auto -28% -16%;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(255,106,26,.18),transparent 72%);filter:blur(18px)}
.hero-card-inner{position:relative;z-index:1;height:100%;padding:1.3rem;display:grid;grid-template-rows:auto auto 1fr auto;gap:1rem}
.panel-top{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:.9rem;border-bottom:1px solid rgba(255,255,255,.08)}
.panel-top small{color:var(--muted);font-size:.76rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.status{display:inline-flex;align-items:center;gap:.45rem;font-size:.8rem;font-weight:700;color:#eef3f8}
.status::before{content:"";width:.52rem;height:.52rem;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--accent-soft));box-shadow:0 0 12px rgba(255,106,26,.42)}
.hero-card h3,.panel h2,.panel h3,.legal-panel h2,.legal-panel h3{margin:0;max-width:12ch;font-size:clamp(2rem,1rem + 2.1vw,4.3rem);line-height:.92;letter-spacing:-.08em;font-weight:700;text-wrap:balance}
.hero-card p,.panel p,.legal-panel p,.legal-panel li{color:var(--muted);font-size:1rem;line-height:1.86}
.signal-grid{display:grid;gap:.75rem;align-content:start}
.signal-line{height:15px;border-radius:999px;background:linear-gradient(90deg,rgba(255,255,255,.10),rgba(255,255,255,.02));position:relative;overflow:hidden}
.signal-line::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,106,26,.32),transparent);transform:translateX(-100%);animation:shimmer 3s linear infinite}
.signal-line.lg{width:88%;height:18px}.signal-line.md{width:64%}.signal-line.sm{width:42%}
@keyframes shimmer{100%{transform:translateX(140%)}}
.hero-note{margin-left:auto;max-width:30rem;padding:1.15rem 1.2rem;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);color:#e9eef5;font-size:1.12rem;line-height:1.6;letter-spacing:-.03em}
.btn-main,.btn-ghost{min-height:56px;display:inline-flex;align-items:center;justify-content:center;gap:.65rem;padding:0 1.3rem;border-radius:999px;font-weight:700;font-size:.95rem;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;white-space:nowrap}
.btn-main{color:#fff8f4;border:1px solid rgba(255,154,99,.36);background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.03)),linear-gradient(135deg,rgba(255,106,26,.22),rgba(255,154,99,.10));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 14px 34px rgba(0,0,0,.24)}
.btn-main:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 40px rgba(0,0,0,.28)}
.btn-ghost{color:#e7edf5;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.025)}
.btn-ghost:hover{transform:translateY(-2px);background:rgba(255,255,255,.05)}
.button-row{display:flex;flex-wrap:wrap;gap:.9rem;padding-top:.2rem}
.site-nav-wrap{position:sticky;top:0;z-index:50;padding:1rem 0 0;pointer-events:none}
.site-nav{pointer-events:auto;height:var(--nav-height);display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 1rem;border-radius:24px;background:rgba(10,12,16,.78);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 14px 38px rgba(0,0,0,.18)}
.brand{display:flex;flex-direction:column;gap:.18rem;min-width:0}
.brand strong{font-size:.98rem;font-weight:700;letter-spacing:-.03em}
.brand span{font-size:.7rem;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.nav-links{display:flex;align-items:center;gap:1.15rem;list-style:none;padding:0;margin:0}
.nav-links a{position:relative;color:#dce4ee;font-size:.92rem;font-weight:600;padding:.35rem .1rem}
.nav-links a::after{content:"";position:absolute;left:0;bottom:-.25rem;width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);transform:scaleX(0);transform-origin:left;transition:transform .2s ease}
.nav-links a:hover::after,.nav-links a.active::after{transform:scaleX(1)}
.nav-actions{display:flex;align-items:center;gap:.8rem}
.lang{display:inline-flex;align-items:center;gap:.2rem;padding:.28rem;border-radius:999px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08)}
.lang a{padding:.4rem .68rem;border-radius:999px;color:var(--muted);font-size:.78rem;font-weight:700;transition:all .18s ease}
.lang a.active,.lang a:hover{color:var(--text);background:rgba(255,255,255,.08)}
.menu-toggle{display:none;width:52px;height:52px;border-radius:999px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.03);color:var(--text);align-items:center;justify-content:center}
.hero{padding:6rem 0 5rem}
.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:2rem;align-items:center}
.hero-copy{display:grid;gap:1.5rem}
.hero-title{margin:0;max-width:8.2ch;font-size:clamp(4rem,1.9rem + 7vw,10rem);line-height:.8;letter-spacing:-.13em;font-weight:700;text-wrap:balance}
.hero-title .accent{color:#fff4ec;text-shadow:0 0 22px rgba(255,106,26,.10)}
.hero-sub{margin:0;max-width:35rem;color:#b8c3cf;font-size:clamp(1.05rem,.98rem + .35vw,1.18rem);line-height:1.92;text-wrap:pretty}
.hero-panel-wrap{display:grid;gap:1rem}
.split{display:grid;grid-template-columns:.95fr 1.05fr;gap:2rem;align-items:start}
.split.reverse{grid-template-columns:1.05fr .95fr}
.stack{display:grid;gap:1.25rem}
.stack-item{padding:0 0 1.3rem;border-bottom:1px solid rgba(255,255,255,.08)}
.stack-item:last-child{padding-bottom:0;border-bottom:0}
.stack-item small{display:block;margin-bottom:.75rem;color:var(--muted-2);font-size:.76rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase}
.stack-item h3{margin:0;max-width:15ch;font-size:clamp(2rem,1rem + 1.8vw,3.8rem);line-height:.98;letter-spacing:-.06em;font-weight:700;text-wrap:balance}
.stack-item p{margin:.95rem 0 0;max-width:36rem;color:var(--muted);line-height:1.84;font-size:1rem}
.service-list{display:grid;gap:1rem;margin-top:2rem}
.service-row{position:relative;display:grid;grid-template-columns:180px 1fr auto;gap:1rem;align-items:center;padding:1.35rem 1.4rem;border-radius:24px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);transition:transform .18s ease,border-color .18s ease,background .18s ease;overflow:hidden}
.service-row::after{content:"";position:absolute;inset:auto 0 0 0;height:1px;transform:scaleX(0);transform-origin:left;transition:transform .18s ease;background:linear-gradient(90deg,transparent,rgba(255,106,26,.82),transparent)}
.service-row:hover{transform:translateY(-2px);border-color:rgba(255,106,26,.22);background:rgba(255,255,255,.045)}
.service-row:hover::after{transform:scaleX(1)}
.service-no{color:var(--muted-2);font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.service-content h3{margin:0 0 .35rem;font-size:1.42rem;line-height:1.08;letter-spacing:-.04em;font-weight:700}
.service-content p{margin:0;color:var(--muted);line-height:1.8;font-size:.98rem;max-width:52rem}
.service-arrow{color:#f4efe9;font-size:1rem;font-weight:700;padding-left:.4rem}
.work-stage{position:relative;margin-top:2rem;border-radius:34px;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 82% 20%, rgba(255,106,26,.10), transparent 20%),radial-gradient(circle at 20% 82%, rgba(255,255,255,.06), transparent 20%),rgba(255,255,255,.03);overflow:hidden;box-shadow:var(--shadow-soft)}
.work-inner{display:grid;grid-template-columns:1fr 1fr;gap:1rem;min-height:560px;padding:1.2rem}
.work-copy{display:flex;flex-direction:column;justify-content:space-between;gap:1.5rem;padding:1rem}
.work-copy h3{margin:0 0 .85rem;max-width:10.5ch;font-size:clamp(2.2rem,1rem + 2vw,4.2rem);line-height:.93;letter-spacing:-.08em;font-weight:700;text-wrap:balance}
.work-copy p{margin:0;max-width:36rem;color:var(--muted);line-height:1.88;font-size:1rem}
.work-tags{display:flex;flex-wrap:wrap;gap:.65rem}
.work-tags span{display:inline-flex;padding:.64rem .86rem;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:#e6edf5;font-size:.78rem;font-weight:700}
.work-visual{position:relative;padding:.6rem;display:flex;align-items:stretch}
.screen{width:100%;border-radius:28px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(10,12,16,.86),rgba(16,20,28,.96));padding:1rem;display:grid;grid-template-rows:auto auto 1fr auto;gap:1rem}
.window-dots{display:flex;gap:.45rem}
.window-dots span{width:.62rem;height:.62rem;border-radius:50%;background:rgba(255,255,255,.16)}
.screen-pill{width:fit-content;display:inline-flex;align-items:center;gap:.5rem;padding:.56rem .76rem;border-radius:999px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);color:#e8eef5;font-size:.8rem;font-weight:700}
.graph-wrap{position:relative;border-radius:24px;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 20% 20%, rgba(255,106,26,.14), transparent 22%),linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015));overflow:hidden}
.graph-wrap svg{width:100%;height:100%;min-height:260px;display:block}
.journal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}
.journal-card{position:relative;min-height:100%;display:flex;flex-direction:column;border-radius:28px;overflow:hidden;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);transition:transform .18s ease,border-color .18s ease}
.journal-card:hover{transform:translateY(-3px);border-color:rgba(255,106,26,.22)}
.journal-image{position:relative;height:240px;background:radial-gradient(circle at 20% 25%, rgba(255,106,26,.16), transparent 28%),radial-gradient(circle at 74% 30%, rgba(255,255,255,.10), transparent 24%),linear-gradient(180deg, #11141b 0%, #0b0d12 100%);overflow:hidden}
.journal-image::before{content:"";position:absolute;inset:18px;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.012))}
.journal-image::after{content:"";position:absolute;inset:auto 20px 32px 20px;height:2px;border-radius:999px;background:linear-gradient(90deg, rgba(255,106,26,.60), rgba(255,255,255,0));box-shadow:62px -18px 0 0 rgba(255,106,26,.42),122px -56px 0 0 rgba(255,106,26,.62),180px -32px 0 0 rgba(255,106,26,.48)}
.journal-meta{display:flex;flex-wrap:wrap;gap:.55rem;padding:1.2rem 1.25rem 0;color:var(--muted-2);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}
.journal-body{display:flex;flex-direction:column;gap:.85rem;padding:.8rem 1.25rem 1.35rem;flex:1}
.journal-body h3{margin:0;max-width:18ch;font-size:1.34rem;line-height:1.1;letter-spacing:-.04em;font-weight:700}
.journal-body p{margin:0;color:var(--muted);line-height:1.78;flex:1}
.journal-link{display:inline-flex;align-items:center;gap:.5rem;color:#ecf1f7;font-weight:700;font-size:.95rem}
.cta-stage{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:end;border-top:1px solid rgba(255,255,255,.08);padding-top:2.5rem}
.cta-title{margin:1rem 0;max-width:10.5ch;font-size:clamp(2.9rem,1.2rem + 4vw,6.1rem);line-height:.86;letter-spacing:-.1em;font-weight:700;text-wrap:balance}
.cta-copy{margin:0;max-width:40rem;color:var(--muted);font-size:1.04rem;line-height:1.9}
.cta-actions{display:flex;flex-wrap:wrap;gap:.9rem;align-self:end}
.footer{padding:2.5rem 0 4rem}
.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.08)}
.footer-copy strong{display:block;margin-bottom:.3rem;font-size:.96rem;font-weight:700}
.footer-copy span{color:var(--muted);font-size:.9rem}
.footer-links{display:flex;flex-wrap:wrap;gap:1rem;color:#dde5ee;font-weight:600}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.form-grid .full{grid-column:1/-1}
.input-wrap{display:grid;gap:.45rem}
label{font-size:.86rem;color:#dbe3ec;font-weight:600}
input,textarea,select{width:100%;border-radius:16px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.03);color:var(--text);padding:1rem 1rem;font:inherit;outline:none}
textarea{min-height:160px;resize:vertical}
input:focus,textarea:focus,select:focus{border-color:rgba(255,106,26,.4);box-shadow:0 0 0 3px rgba(255,106,26,.12)}
.helper{font-size:.84rem;color:var(--muted)}
.kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.kpi{padding:1rem 1.05rem;border-radius:20px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08)}
.kpi strong{display:block;font-size:1.7rem;line-height:1;margin-bottom:.4rem;letter-spacing:-.06em}
.kpi span{color:var(--muted);font-size:.92rem;line-height:1.55}
.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.mini-card{padding:1.2rem;border-radius:22px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow-card)}
.mini-card h3{margin:0 0 .6rem;font-size:1.28rem;line-height:1.08;letter-spacing:-.04em}
.mini-card p{margin:0;color:var(--muted);line-height:1.78}
.legal-panel{padding:1.4rem}
.legal-panel ul{padding-left:1.2rem}
.notice{padding:1rem 1.1rem;border-radius:18px;background:rgba(255,106,26,.08);border:1px solid rgba(255,106,26,.18);color:#f6ece5;line-height:1.7}
.placeholder{color:#ffd7c0;font-weight:700}
.reveal{opacity:0;transform:translateY(38px);transition:opacity .7s cubic-bezier(.22,.61,.36,1),transform .7s cubic-bezier(.22,.61,.36,1);will-change:opacity,transform}
.reveal.is-visible{opacity:1;transform:translateY(0)}
.reveal-delay-1{transition-delay:.08s}.reveal-delay-2{transition-delay:.16s}.reveal-delay-3{transition-delay:.24s}
.cookie-banner{position:fixed;left:1rem;right:1rem;bottom:1rem;z-index:70;display:none}
.cookie-banner.is-visible{display:block}
.cookie-inner{width:min(100%,920px);margin-left:auto;border-radius:24px;padding:1rem;background:rgba(10,12,16,.92);border:1px solid rgba(255,255,255,.09);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:var(--shadow-soft)}
.cookie-layout{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center}
.cookie-title{margin:0 0 .3rem;font-size:1.05rem;font-weight:700}
.cookie-copy{margin:0;color:var(--muted);line-height:1.7;font-size:.93rem}
.cookie-actions{display:flex;flex-wrap:wrap;gap:.75rem}
.mobile-panel{position:fixed;inset:0;z-index:1400;display:none;padding:1rem;background:rgba(7,8,11,.78);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.mobile-panel.open{display:block}
.mobile-inner{min-height:100%;padding:1.2rem;border-radius:28px;background:#0a0c10;border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column}
.mobile-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}
.mobile-close{width:52px;height:52px;border-radius:999px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.03);color:var(--text)}
.mobile-links{display:grid;gap:.55rem;margin-top:1rem}
.mobile-links a{padding:1rem 1.05rem;border-radius:18px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.02);font-size:1.03rem;font-weight:700;color:#edf2f7}
.mobile-cta{margin-top:auto;display:grid;gap:.85rem;padding-top:1.5rem}
@media (max-width:1180px){.hero-grid,.split,.split.reverse,.work-inner,.cta-stage,.page-hero-grid{grid-template-columns:1fr}.journal-grid{grid-template-columns:repeat(2,1fr)}.service-row{grid-template-columns:140px 1fr auto}.hero-note{margin-left:0}.card-grid{grid-template-columns:1fr 1fr}}
@media (max-width:991.98px){.nav-links,.nav-actions .lang,.nav-actions .btn-main{display:none}.menu-toggle{display:inline-flex}.hero{padding-top:5rem}.journal-grid,.card-grid,.kpi-grid{grid-template-columns:1fr}.service-row{grid-template-columns:1fr;gap:.8rem}.service-arrow{padding-left:0}.form-grid{grid-template-columns:1fr}.cookie-layout{grid-template-columns:1fr}}
@media (max-width:767.98px){:root{--nav-height:72px}.site-nav{border-radius:20px;padding:0 .9rem}.brand span{display:none}.section{padding:5.2rem 0}.hero-title,.page-hero-title{max-width:100%}.button-row,.cta-actions,.cookie-actions{flex-direction:column}.btn-main,.btn-ghost{width:100%}.footer-inner{flex-direction:column;align-items:flex-start}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.signal-line::after{animation:none}.reveal,.reveal.is-visible{opacity:1;transform:none;transition:none}}