
:root{--ink:#080b0e;--panel:#11161a;--text:#f1f1ef;--muted:#aab1b4;--warm:#dac2a0;--edge:clamp(22px,6vw,106px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;background:var(--ink);color:var(--text);font:400 16px/1.55 Inter,'Helvetica Neue',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a{outline-offset:7px}::selection{background:#c8a982;color:#111}
.site-header{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--edge);position:relative;z-index:8;border-bottom:1px solid rgba(255,255,255,.11)}
.brand{display:flex;flex-direction:column;gap:0;line-height:1.12;font-size:19px;letter-spacing:.22em;font-weight:560}.brand span:last-child{font-size:8px;letter-spacing:.63em;opacity:.7;margin-top:6px}
.nav{display:flex;gap:clamp(20px,3.2vw,57px);align-items:center;font-size:13px;color:#c8cbcb}.nav a{transition:color .2s}.nav a:hover,.nav a[aria-current=page]{color:white}.nav .nav-cta{color:white;border:1px solid rgba(255,255,255,.38);padding:12px 18px;white-space:nowrap}.nav .nav-cta:hover{background:white;color:#111}
.hero{min-height:760px;min-height:calc(100svh - 92px);position:relative;display:flex;align-items:center;padding:120px var(--edge) 120px;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 70% 55%,#252528 0%,#13161a 45%,#080b0e 76%)}
.hero:before{content:'';position:absolute;inset:auto -7% -27% 22%;height:76%;transform:rotate(-13deg);background:linear-gradient(167deg,#26282b 2%,#b7a48b 17%,#25272b 19%,#080b0d 53%,#07090b 100%);clip-path:polygon(0 45%,100% 0,100% 100%,0 95%);filter:drop-shadow(0 0 16px rgba(228,204,172,.3));z-index:-1;opacity:.85}
.hero:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#080b0e 0%,rgba(8,11,14,.91) 25%,rgba(8,11,14,.22) 71%,rgba(8,11,14,.03) 100%)}
.hero-inner{max-width:1180px;position:relative}.eyebrow{font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:var(--warm);margin:0 0 31px}.hero h1{overflow-wrap:anywhere;font-size:clamp(52px,7.6vw,124px);line-height:.98;letter-spacing:-.067em;font-weight:360;max-width:1150px;margin:0 0 42px}.intro{font-size:clamp(18px,1.6vw,25px);max-width:670px;color:#d0d1d0;line-height:1.5;font-weight:340;margin:0}.hero-context{margin-top:44px;max-width:650px;color:#a6aeb0;font-size:15px;line-height:1.72}.hero-context strong{color:#f4f1ec;font-weight:530}
.editorial{padding:clamp(120px,11vw,190px) var(--edge);max-width:1750px;margin:auto}.section-head{overflow-wrap:anywhere;font-size:clamp(46px,6.1vw,96px);letter-spacing:-.055em;line-height:1.07;font-weight:340;margin:0;max-width:1250px}.lead{font-size:clamp(18px,1.9vw,27px);max-width:740px;color:#c1c4c4;line-height:1.55;margin:32px 0 0}
.roles{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(55px,8vw,160px);margin-top:clamp(90px,9vw,150px)}.roles-intro{max-width:520px;font-size:clamp(19px,2.2vw,32px);letter-spacing:-.03em;color:#d9d6d0;line-height:1.45}.role+.role{margin-top:52px}.role-name{font-size:clamp(24px,2.4vw,38px);font-weight:370;line-height:1.18;letter-spacing:-.035em;margin:0}.role p{font-size:15px;line-height:1.7;color:#a5a9a9;margin:12px 0 0;max-width:540px}
.wide-feature{padding:clamp(125px,11vw,190px) var(--edge);background:linear-gradient(120deg,#181a1d 0%,#0c1013 55%,#080b0e 100%);position:relative;overflow:hidden}.wide-feature:after{content:'';position:absolute;width:min(48vw,690px);height:130%;right:-10%;top:-13%;transform:rotate(15deg);border-left:1px solid rgba(219,191,157,.23);box-shadow:-40px 0 90px rgba(216,184,145,.04);pointer-events:none}.wide-inner{max-width:1400px;margin:auto;position:relative;z-index:1}.wide-feature h2{overflow-wrap:anywhere;font-size:clamp(51px,7vw,114px);line-height:.98;letter-spacing:-.067em;font-weight:340;max-width:1050px;margin:0}.wide-feature p{font-size:clamp(19px,1.8vw,27px);max-width:710px;color:#bcbfc0;line-height:1.56;margin:35px 0 0}.wide-feature strong{font-weight:550;color:white}
.skills-head{margin-bottom:clamp(50px,6vw,100px)}.skills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(60px,8vw,165px);row-gap:clamp(46px,6vw,94px)}.skill h3{font-size:clamp(24px,2.2vw,36px);line-height:1.2;letter-spacing:-.04em;font-weight:450;margin:0 0 12px}.skill p{color:#aab0b2;margin:0;line-height:1.7;font-size:clamp(14px,1.08vw,17px);max-width:600px}
.values{background:#e9e5dc;color:#171a1c;padding:clamp(130px,11vw,200px) var(--edge)}.values-inner{max-width:1400px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,8vw,150px)}.values h2{font-size:clamp(45px,5.4vw,88px);font-weight:350;letter-spacing:-.06em;line-height:1.06;margin:0}.values p{font-size:clamp(18px,1.5vw,25px);line-height:1.56;margin:0;color:#3d4141}.values p+p{margin-top:23px}
.contact{padding:clamp(140px,14vw,220px) var(--edge)}.contact h2{overflow-wrap:anywhere;font-size:clamp(50px,7vw,115px);line-height:1;letter-spacing:-.065em;font-weight:350;max-width:1100px;margin:0 0 52px}.contact a{display:inline-flex;border:1px solid rgba(255,255,255,.5);padding:17px 25px;align-items:center;gap:50px;font-size:15px;transition:background .2s,color .2s}.contact a:hover{background:#eee;color:#111}.contact p{color:#aeb0b0;max-width:640px;margin:25px 0 0;font-size:14px}
footer{color:#8b9497;font-size:12px;padding:25px var(--edge) 55px;display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.12)}
@media(max-width:850px){.nav a:not(.nav-cta){display:none}.site-header{height:76px}.brand{font-size:15px}.hero{min-height:690px;padding-top:90px;padding-bottom:120px}.hero h1{overflow-wrap:anywhere;font-size:clamp(46px,9vw,78px)}.hero:before{inset:auto -39% -5% 12%;height:50%;}.hero:after{background:linear-gradient(95deg,#080b0e 0%,rgba(8,11,14,.8) 44%,rgba(8,11,14,.15) 100%)}.roles,.values-inner{grid-template-columns:1fr;gap:50px}.roles-intro{margin:0}.skills{grid-template-columns:1fr;row-gap:42px}.editorial,.values,.wide-feature{padding-top:95px;padding-bottom:100px}.contact{padding-top:120px;padding-bottom:120px}}
@media(max-width:520px){.brand{font-size:12px;letter-spacing:.16em}.brand span:last-child{font-size:7px}.nav .nav-cta{padding:9px 11px;font-size:11px}.hero{min-height:650px}.hero h1{overflow-wrap:anywhere;font-size:clamp(47px,11.4vw,61px);margin-bottom:25px}.eyebrow{margin-bottom:25px}.intro{font-size:18px}.hero-context{font-size:14px;margin-top:27px}.contact a{gap:23px}footer{flex-direction:column}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* V8: approved architectural monolith, real image, not a gradient surrogate */
:root{--ink:#0b0c0e;--text:#f1f0ed;--warm:#e4ccb0;--edge:clamp(24px,6vw,104px)}
body{background:#0b0c0e;font-family:Inter,'Helvetica Neue',Helvetica,Arial,sans-serif}
.site-header{height:88px;background:#0b0c0e;border-bottom:1px solid rgba(255,255,255,.075)}
.brand{font-weight:520;letter-spacing:.36em;font-size:20px}
.brand span:last-child{font-size:8px;letter-spacing:.70em}
.nav{gap:clamp(16px,2.6vw,42px)}
.hero{min-height:calc(100svh - 88px);min-height:max(750px,calc(100svh - 88px));background:#0b0c0e;align-items:center;padding:95px var(--edge) 95px}
.hero:before{inset:0 0 0 auto;width:68%;height:100%;transform:none;clip-path:none;filter:none;opacity:.99;z-index:-1;background-image:url("dk-image-7b68589be66655246623.webp");background-size:cover;background-position:49% center;background-repeat:no-repeat}
.hero:after{z-index:-1;inset:0;opacity:1;background:linear-gradient(90deg,#0b0c0e 0%,rgba(11,12,14,.96) 25%,rgba(11,12,14,.86) 40%,rgba(11,12,14,.23) 70%,rgba(11,12,14,0) 100%),linear-gradient(0deg,rgba(11,12,14,.73) 0%,transparent 22%)}
.hero-inner{max-width:min(710px,58%);z-index:1}.hero h1{font-size:clamp(50px,5.7vw,100px);font-weight:350;letter-spacing:-.06em;line-height:1.06;margin:0 0 32px;overflow-wrap:normal}.intro{font-size:clamp(19px,1.55vw,24px);max-width:570px;color:#e7e5e1}.hero-context{margin-top:31px;font-size:clamp(14px,1.02vw,17px);max-width:565px;color:#c1c4c5}.hero-context strong{font-weight:530}
.editorial{padding-top:clamp(110px,10vw,185px);padding-bottom:clamp(110px,10vw,185px)}
.section-head{font-size:clamp(43px,5.7vw,87px)}
.wide-feature{background:#15171a;padding-top:145px;padding-bottom:155px}
.wide-feature:after{width:55%;height:100%;inset:0 0 0 auto;transform:none;box-shadow:none;border:0;background:linear-gradient(90deg,#15171a,rgba(21,23,26,.63) 50%,transparent),url("dk-image-7b68589be66655246623.webp") center/cover;opacity:.32}
.eyebrow{display:none}
.skills{row-gap:clamp(55px,6vw,85px)}
.skills h3{font-weight:410}.values{background:#dfdcd5}.contact{background:#0b0c0e}
@media(min-width:1400px){.hero:before{background-position:55% center}}
@media(max-width:960px){.hero-inner{max-width:68%}.hero h1{font-size:clamp(54px,6.6vw,78px)}.hero:before{width:77%;background-position:55% center}.hero:after{background:linear-gradient(90deg,#0b0c0e 0%,rgba(11,12,14,.9) 38%,rgba(11,12,14,.26) 100%)}}
@media(max-width:700px){
.site-header{height:72px}.nav{gap:10px}.nav a:not(.nav-cta):not(.nav-essential){display:none}.nav .nav-cta{padding:10px 12px;font-size:11px}
.hero{min-height:940px;align-items:flex-start;padding:94px var(--edge) 395px}.hero:before{inset:auto -3% 0 0;width:103%;height:410px;background-size:cover;background-position:50% center;opacity:.92}.hero:after{inset:0;background:linear-gradient(180deg,#0b0c0e 0%,#0b0c0e 43%,rgba(11,12,14,.94) 57%,rgba(11,12,14,.09) 76%,rgba(11,12,14,.1) 100%)}
.hero-inner{max-width:100%}.hero h1{font-size:clamp(43px,10.5vw,68px);margin:0 0 25px;letter-spacing:-.058em}.intro{font-size:18px;line-height:1.5}.hero-context{font-size:14px;line-height:1.6;margin-top:24px}.site-header .brand{font-size:15px;letter-spacing:.19em}.site-header .brand span:last-child{font-size:7px}.nav a.nav-essential{display:inline-flex!important;font-size:12px}.wide-feature:after{opacity:.15}
}
@media(max-width:390px){.hero{min-height:960px}.hero h1{font-size:43px}.hero:before{height:360px}}

.primary-link{display:inline-flex;margin-top:43px;padding:16px 23px;border:1px solid rgba(255,255,255,.67);font-size:15px;gap:80px;align-items:center;transition:background .2s,color .2s}.primary-link:hover{background:#f0eee7;color:#111}
.driver-bar{padding:35px var(--edge) 55px;background:#0b0c0e;border-bottom:1px solid rgba(255,255,255,.13)}.driver-title{letter-spacing:.35em;font-size:11px;color:#d6bca0;margin:0 0 30px}.drivers{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(20px,4vw,100px)}.drivers span{font-size:clamp(13px,1.65vw,21px);letter-spacing:.13em;color:#f1eeea;font-weight:350}
.approach-story{display:grid;grid-template-columns:1fr 1fr;gap:clamp(60px,8vw,160px);margin-top:110px}.statement{font-size:clamp(28px,3.0vw,46px);letter-spacing:-.045em;line-height:1.2;font-weight:350}.approach-detail{font-size:clamp(17px,1.55vw,22px);line-height:1.65;color:#b7babc;max-width:550px}.direction-tabs{display:flex;gap:clamp(20px,3.3vw,65px);margin-top:85px;border-bottom:1px solid rgba(255,255,255,.25);overflow:auto;white-space:nowrap}.direction-tabs button{font:inherit;font-size:clamp(15px,1.35vw,20px);padding:0 0 16px;color:#9ea5a7;background:none;border:0;border-bottom:2px solid transparent;cursor:pointer}.direction-tabs button[aria-selected=true]{color:white;border-bottom-color:#e4ccb0}.direction-tabs button:hover{color:white}
#economic-story{min-height:175px;max-width:920px;padding-top:35px}#economic-story h3{font-size:clamp(30px,3.5vw,56px);line-height:1.2;font-weight:350;letter-spacing:-.05em;margin:0}#economic-story p{font-size:clamp(17px,1.5vw,23px);max-width:790px;margin:17px 0 0;line-height:1.6;color:#bbc0c0}.about-text-link{display:inline-block;margin-top:35px;border-bottom:1px solid #454545;padding-bottom:8px;font-size:17px;color:#222}
@media(max-width:700px){.driver-bar{padding:32px var(--edge) 36px}.drivers{grid-template-columns:repeat(2,1fr);gap:21px}.driver-title{font-size:10px}.approach-story{grid-template-columns:1fr;gap:30px;margin-top:60px}.primary-link{margin-top:28px;gap:28px}.direction-tabs{gap:28px;margin-top:55px}.direction-tabs button{font-size:15px}#economic-story{min-height:240px}}

.v9-detail-link{margin-top:36px;display:inline-flex;align-items:center;color:#eee8df;letter-spacing:.03em;padding-bottom:8px;border-bottom:1px solid #8c8075;font-size:15px;transition:color .2s}.v9-detail-link:hover{color:#dbc0a1}

/* V9 — Решения. Единственная архитектурная линия, без карточек и модулей. */
html{scroll-behavior:smooth}body{background:#0b0c0e;color:#efefed}
.v9-solutions{overflow:hidden}.v9-solutions h1,.v9-solutions h2{font-weight:320;letter-spacing:-.058em;overflow-wrap:normal}
.v9-solutions p{font-weight:350}.v9-kicker{font-size:11px;letter-spacing:.27em;color:#d2b89b;margin:0 0 27px;font-weight:500!important}
.v9-hero{position:relative;isolation:isolate;min-height:calc(100svh - 92px);display:flex;align-items:center;padding:95px var(--edge) 130px;background:#080a0d;overflow:hidden}
.v9-hero::before{content:'';position:absolute;z-index:-2;inset:0 0 0 27%;background:url('dk-image-7b68589be66655246623.webp') center / cover no-repeat;opacity:.9}
.v9-hero::after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#080a0d 0%,#080a0d 18%,rgba(8,10,13,.97) 33%,rgba(8,10,13,.72) 51%,rgba(8,10,13,.05) 100%)}
.v9-hero-content{max-width:min(835px,73vw)}
.v9-hero h1{font-size:clamp(48px,5.2vw,90px);line-height:1.065;margin:0 0 33px;max-width:960px;letter-spacing:-.06em}
.v9-hero h1 span,.v9-discipline h2 span,.v9-tech h2 span,.v9-end h2 span{color:#c6c6c4}
.v9-hero-intro{font-size:clamp(17px,1.55vw,22px);line-height:1.65;color:#e1e1df;max-width:630px;margin:0}
.v9-link-quiet{display:inline-flex;align-items:center;gap:70px;border:1px solid rgba(250,250,250,.5);margin-top:38px;padding:17px 22px;font-size:15px;transition:background .2s,color .2s}.v9-link-quiet:hover{background:#eeece8;color:#121212}
.v9-scroll-hint{position:absolute;bottom:42px;right:var(--edge);color:#b6aaa0;font-size:10px;letter-spacing:.28em}
.v9-belief{padding:clamp(155px,14vw,260px) var(--edge);background:#111417;position:relative}
.v9-belief:before{content:'';position:absolute;pointer-events:none;inset:0;background:radial-gradient(ellipse at 70% 47%,rgba(162,136,112,.12),transparent 51%)}
.v9-belief-layout{position:relative;display:grid;grid-template-columns:1.12fr .7fr;gap:clamp(70px,9vw,180px);align-items:center;max-width:1540px;margin:auto}
.v9-belief h2{font-size:clamp(47px,5.7vw,100px);line-height:1.08;margin:0}.v9-belief h2 em{font-style:normal;color:#b2b6b7}
.v9-belief-copy{max-width:550px;}.v9-belief-copy p{font-size:clamp(17px,1.5vw,24px);line-height:1.7;color:#bfc2c3;margin:0 0 28px}.v9-belief-copy p:first-child{color:#f1f0ed}
.v9-discipline{position:relative;min-height:min(890px,92svh);display:flex;align-items:center;padding:150px var(--edge);isolation:isolate;overflow:hidden}
.v9-discipline:before{content:'';z-index:-2;position:absolute;inset:0;background:linear-gradient(140deg,#111416,#080b0e 69%,#151618)}
.v9-discipline:after{content:'';z-index:-1;position:absolute;width:65vw;height:500px;border-top:1px solid rgba(226,203,175,.37);transform:rotate(-22deg);right:-10vw;top:54%;box-shadow:0 -20px 65px -40px rgba(227,184,142,.13);pointer-events:none;opacity:.75}
.v9-discipline-inner{width:min(100%,1530px);margin:auto}.v9-discipline-right .v9-discipline-inner{padding-left:38%}.v9-discipline-right:after{left:-23vw;right:auto;transform:rotate(15deg);top:30%;width:60vw}
.v9-discipline h2{font-size:clamp(52px,6.6vw,107px);line-height:1.02;margin:0 0 43px;max-width:1080px}
.v9-discipline-copy{max-width:665px}.v9-discipline-copy p{font-size:clamp(17px,1.55vw,23px);line-height:1.69;color:#c1c4c4;margin:0 0 21px}.v9-discipline-copy strong{display:block;font-weight:450;font-size:clamp(18px,1.65vw,23px);line-height:1.55;color:#eee7df;margin-top:31px}
.v9-supply:before{background:radial-gradient(ellipse at 22% 37%,#333137 0%,#111518 42%,#090c0e 88%)}
.v9-customers:before{background:linear-gradient(120deg,#0a0c0e,#1a1b1e 66%,#0b0e11)}
.v9-operate:before{background:radial-gradient(ellipse at 75% 45%,#242427,#0b0e10 65%)}
.v9-tech{padding:clamp(155px,13vw,230px) var(--edge);background:#d9d5cd;color:#131518}
.v9-tech-inner{display:grid;grid-template-columns:1fr 0.9fr;gap:clamp(80px,9vw,180px);align-items:start;max-width:1500px;margin:auto}
.v9-tech .v9-kicker{color:#755f4a}.v9-tech h2{font-size:clamp(51px,6vw,102px);line-height:1.05;margin:0}.v9-tech h2 span{color:#707579}
.v9-tech-copy p{font-size:clamp(18px,1.55vw,24px);line-height:1.65;margin:0 0 32px;color:#424549}
.v9-growth{padding:clamp(155px,16vw,250px) var(--edge);background:linear-gradient(140deg,#191b1e,#0b0c0e);position:relative}
.v9-growth:after{content:'';position:absolute;right:-14%;bottom:14%;height:2px;width:63%;transform:rotate(-16deg);background:linear-gradient(90deg,transparent,#9a8168,transparent);opacity:.55;pointer-events:none}
.v9-growth h2{font-size:clamp(50px,6vw,100px);line-height:1.1;max-width:1250px;margin:0 0 60px}
.v9-growth>p:last-child{font-size:clamp(18px,1.8vw,27px);line-height:1.55;color:#c4c7c7;max-width:810px;margin:0}
.v9-end{padding:clamp(165px,16vw,270px) var(--edge);background:#090b0d;}
.v9-end h2{font-size:clamp(53px,6.6vw,112px);line-height:1.04;margin:0 0 58px}
.v9-end p{font-size:clamp(17px,1.7vw,24px);line-height:1.6;color:#c2c6c6;max-width:800px;margin:0 0 65px}
.v9-end a{display:inline-flex;gap:50px;margin:0 35px 20px 0;padding:15px 0;border-bottom:1px solid rgba(236,217,195,.53);font-size:16px;transition:color .2s}.v9-end a:hover{color:#c8aa8d}
@media(max-width:980px){.v9-belief-layout,.v9-tech-inner{grid-template-columns:1fr;gap:70px}.v9-discipline-right .v9-discipline-inner{padding-left:17%}.v9-hero-content{max-width:82vw}}
@media(max-width:700px){
 .v9-hero{min-height:960px;padding:98px var(--edge) 440px;align-items:flex-start}
 .v9-hero::before{inset:auto -10% 0 -10%;height:425px;background-position:50% center;opacity:.98}
 .v9-hero::after{background:linear-gradient(180deg,#080a0d 0%,#080a0d 43%,rgba(8,10,13,.94) 57%,rgba(8,10,13,.06) 79%)}
 .v9-hero-content{max-width:100%}.v9-hero h1{font-size:clamp(36px,8.3vw,58px);line-height:1.08;letter-spacing:-.05em}.v9-hero-intro{font-size:17px;line-height:1.5}.v9-scroll-hint{bottom:20px}
 .v9-belief{padding:120px var(--edge)}.v9-belief-layout,.v9-tech-inner{gap:40px}.v9-belief h2{font-size:clamp(39px,9vw,65px)}.v9-belief-copy p{font-size:18px}
 .v9-discipline{min-height:unset;padding:125px var(--edge)}.v9-discipline h2{font-size:clamp(41px,9.3vw,67px);margin-bottom:36px}.v9-discipline-right .v9-discipline-inner{padding-left:0}.v9-discipline:after{width:93vw;opacity:.28}.v9-discipline-copy p{font-size:17px}.v9-discipline-copy strong{font-size:18px}
 .v9-tech,.v9-growth,.v9-end{padding:125px var(--edge)}.v9-tech h2,.v9-growth h2,.v9-end h2{font-size:clamp(41px,9.2vw,65px)}.v9-tech-copy p{font-size:18px}.v9-growth>p:last-child{font-size:19px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}



/* GRAVITY V11 | cold-white slow ignition, including ambient light beyond all actions. */
:root{--white-ignition:244,248,255;--ignition-ramp:1450ms;--ignition-fade:1250ms}

/* Framed actions, including header CTA and both contact buttons. */
a:is(.nav-cta,.primary-link,.v9-link-quiet),.contact a{
 position:relative;isolation:isolate;overflow:visible!important;
 background:transparent!important;
 transition:color var(--ignition-ramp) ease,border-color var(--ignition-ramp) ease,
  background-color var(--ignition-ramp) ease,text-shadow var(--ignition-ramp) ease,
  box-shadow var(--ignition-ramp) cubic-bezier(.22,.61,.36,1)!important;
}
a:is(.nav-cta,.primary-link,.v9-link-quiet)::before,.contact a::before{
 content:"";position:absolute;pointer-events:none;z-index:-1;
 inset:-25px -30px;
 background:radial-gradient(ellipse at 50% 50%,rgba(var(--white-ignition),.21) 0%,
  rgba(var(--white-ignition),.095) 32%,rgba(var(--white-ignition),.027) 55%,transparent 76%);
 filter:blur(7px);opacity:0;transform:scale(.76,.66);
 transition:opacity var(--ignition-ramp) ease,transform 1650ms cubic-bezier(.2,.7,.25,1);
}
a:is(.nav-cta,.primary-link,.v9-link-quiet)::after,.contact a::after{
 content:"";position:absolute;pointer-events:none;inset:-1px;border:1px solid rgba(var(--white-ignition),0);
 box-shadow:0 0 0 rgba(var(--white-ignition),0),inset 0 0 0 rgba(var(--white-ignition),0);
 transition:border-color var(--ignition-ramp) ease,box-shadow var(--ignition-ramp) ease;
}
a:is(.nav-cta,.primary-link,.v9-link-quiet):is(:hover,:focus-visible),.contact a:is(:hover,:focus-visible){
 color:#fff!important;border-color:rgba(255,255,255,.94)!important;
 background:rgba(255,255,255,.035)!important;
 text-shadow:0 0 14px rgba(255,255,255,.38),0 0 32px rgba(255,255,255,.13);
 box-shadow:0 0 14px rgba(var(--white-ignition),.26),0 0 40px rgba(var(--white-ignition),.15),
  0 0 82px rgba(var(--white-ignition),.08),inset 0 0 21px rgba(var(--white-ignition),.07);
}
a:is(.nav-cta,.primary-link,.v9-link-quiet):is(:hover,:focus-visible)::before,.contact a:is(:hover,:focus-visible)::before{
 opacity:1;transform:scale(1);
}
a:is(.nav-cta,.primary-link,.v9-link-quiet):is(:hover,:focus-visible)::after,.contact a:is(:hover,:focus-visible)::after{
 border-color:rgba(255,255,255,.60);
 box-shadow:0 0 13px rgba(255,255,255,.30),inset 0 0 18px rgba(255,255,255,.09);
}
a:is(.nav-cta,.primary-link,.v9-link-quiet) span,.contact a span{
 display:inline-block;transition:transform 1100ms cubic-bezier(.2,.7,.25,1),color var(--ignition-ramp) ease;
}
a:is(.nav-cta,.primary-link,.v9-link-quiet):is(:hover,:focus-visible) span,.contact a:is(:hover,:focus-visible) span{
 transform:translate(3px,-2px);color:#fff;
}

/* Underlined actions: glowing letters, bright line and independent light in the space around them. */
a:is(.v9-detail-link,.about-text-link),.v9-end a{
 position:relative;isolation:isolate;overflow:visible!important;
 transition:color var(--ignition-ramp) ease,text-shadow var(--ignition-ramp) ease,
  border-color var(--ignition-ramp) ease,box-shadow var(--ignition-ramp) ease!important;
}
a:is(.v9-detail-link,.about-text-link)::before,.v9-end a::before{
 content:"";position:absolute;pointer-events:none;z-index:-1;
 inset:-21px -26px;
 background:radial-gradient(ellipse at center,rgba(255,255,255,.19),rgba(255,255,255,.065) 48%,transparent 80%);
 filter:blur(10px);opacity:0;transform:scale(.7,.65);
 transition:opacity var(--ignition-ramp) ease,transform 1550ms cubic-bezier(.2,.7,.25,1);
}
a:is(.v9-detail-link,.about-text-link)::after,.v9-end a::after{
 content:"";position:absolute;pointer-events:none;left:0;right:0;bottom:-2px;height:1px;
 background:linear-gradient(90deg,rgba(255,255,255,.12),#fff,rgba(255,255,255,.12));
 transform:scaleX(0);transform-origin:center;opacity:0;
 box-shadow:0 0 8px rgba(255,255,255,.65),0 0 28px rgba(255,255,255,.29);
 transition:transform 1550ms cubic-bezier(.2,.7,.25,1),opacity var(--ignition-ramp) ease;
}
a:is(.v9-detail-link,.about-text-link):is(:hover,:focus-visible),.v9-end a:is(:hover,:focus-visible){
 color:#fff!important;border-color:rgba(255,255,255,.89)!important;
 text-shadow:0 0 17px rgba(255,255,255,.42),0 0 34px rgba(255,255,255,.12);
 box-shadow:0 9px 16px -14px rgba(255,255,255,.45);
}
a:is(.v9-detail-link,.about-text-link):is(:hover,:focus-visible)::before,.v9-end a:is(:hover,:focus-visible)::before{
 opacity:1;transform:scale(1);
}
a:is(.v9-detail-link,.about-text-link):is(:hover,:focus-visible)::after,.v9-end a:is(:hover,:focus-visible)::after{
 opacity:1;transform:scaleX(1);
}
/* About's light section uses a cool dark lettering, but the halo is white. */
.about-text-link:is(:hover,:focus-visible){color:#161b20!important;text-shadow:0 0 12px rgba(255,255,255,.9)!important}

/* Financial tabs are real buttons — same slow bloom with a shorter spatial radius. */
.direction-tabs button{
 position:relative;isolation:isolate;overflow:visible!important;
 transition:color var(--ignition-ramp) ease,text-shadow var(--ignition-ramp) ease,border-color var(--ignition-ramp) ease!important;
}
.direction-tabs button::before{
 content:"";position:absolute;pointer-events:none;z-index:-1;inset:-15px -20px;
 background:radial-gradient(ellipse,rgba(255,255,255,.18),transparent 76%);
 filter:blur(8px);opacity:0;transform:scale(.75);
 transition:opacity var(--ignition-ramp) ease,transform var(--ignition-ramp) ease;
}
.direction-tabs button::after{
 content:"";position:absolute;pointer-events:none;left:0;right:0;bottom:-2px;height:2px;
 background:#fff;opacity:0;transform:scaleX(0);
 box-shadow:0 0 12px rgba(255,255,255,.72),0 0 28px rgba(255,255,255,.24);
 transition:opacity var(--ignition-ramp) ease,transform var(--ignition-ramp) ease;
}
.direction-tabs button:is(:hover,:focus-visible){color:#fff!important;text-shadow:0 0 15px rgba(255,255,255,.45)}
.direction-tabs button:is(:hover,:focus-visible)::before{opacity:1;transform:scale(1)}
.direction-tabs button:is(:hover,:focus-visible)::after{opacity:1;transform:scaleX(1)}

/* The standard navigation links also illuminate their surrounding space. */
.nav a:not(.nav-cta),a.brand{
 position:relative;isolation:isolate;
 transition:color var(--ignition-ramp) ease,text-shadow var(--ignition-ramp) ease!important;
}
.nav a:not(.nav-cta)::before,a.brand::before{
 content:"";pointer-events:none;position:absolute;z-index:-1;inset:-15px -20px;
 background:radial-gradient(ellipse,rgba(255,255,255,.18),transparent 74%);
 filter:blur(8px);opacity:0;
 transition:opacity var(--ignition-ramp) ease;
}
.nav a:not(.nav-cta):is(:hover,:focus-visible),a.brand:is(:hover,:focus-visible){
 color:#fff!important;text-shadow:0 0 15px rgba(255,255,255,.42);
}
.nav a:not(.nav-cta):is(:hover,:focus-visible)::before,a.brand:is(:hover,:focus-visible)::before{opacity:1}

@media(prefers-reduced-motion:reduce){
 a:is(.nav-cta,.primary-link,.v9-link-quiet),.contact a,
 a:is(.nav-cta,.primary-link,.v9-link-quiet)::before,.contact a::before,
 a:is(.nav-cta,.primary-link,.v9-link-quiet)::after,.contact a::after,
 a:is(.v9-detail-link,.about-text-link),.v9-end a,
 a:is(.v9-detail-link,.about-text-link)::before,.v9-end a::before,
 a:is(.v9-detail-link,.about-text-link)::after,.v9-end a::after,
 .direction-tabs button,.direction-tabs button::before,.direction-tabs button::after,
 .nav a:not(.nav-cta),.nav a:not(.nav-cta)::before,a.brand,a.brand::before{
 transition-duration:.01ms!important;
 }
}



/* V18: one genuinely full-bleed monolith image — no 68% rectangular element. */
.hero::before {
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  transform:none !important;
  -webkit-mask-image:none !important;
  mask-image:none !important;
  background-image:url("dk-image-7b68589be66655246623.webp") !important;
  background-position:center center !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
  opacity:1 !important;
  border:0 !important;
  filter:none !important;
  clip-path:none !important;
}
@media(max-width:700px){
  .hero::before {
    background-image:url("dk-image-46d36ceeb94c38c6d3bc.webp") !important;
    background-size:cover !important;
    background-position:center center !important;
  }
}



/* V18 menu patch: SpaceX-style side navigation, uniform warm interaction treatment. */
.site-header{position:sticky;top:0;z-index:810;background:rgba(8,11,14,.97);isolation:isolate}
.site-header .brand{position:relative;z-index:2;transition:color .25s ease,text-shadow .25s ease}
.site-header .brand:hover,.site-header .brand:focus-visible{color:#f1dfc3;text-shadow:0 0 19px rgba(218,194,160,.33)}
.site-menu-trigger{appearance:none;border:0;background:transparent;color:#f1f1ef;cursor:pointer;position:relative;z-index:3;display:inline-flex;align-items:center;gap:22px;padding:18px 0 18px 18px;letter-spacing:.19em;font-size:11px;font-weight:600;transition:color .28s,text-shadow .28s}
.site-menu-trigger:hover,.site-menu-trigger:focus-visible{color:#f6dfb8;text-shadow:0 0 15px rgba(234,192,137,.5)}
.site-menu-trigger:focus-visible,.site-drawer a:focus-visible{outline:1px solid #dac2a0;outline-offset:5px}
.site-menu-icon{width:27px;height:16px;position:relative;flex:none}
.site-menu-icon::before,.site-menu-icon::after{content:"";position:absolute;right:0;left:0;height:1px;background:currentColor;transition:transform .35s cubic-bezier(.22,1,.36,1),top .35s,box-shadow .35s}
.site-menu-icon::before{top:4px}.site-menu-icon::after{top:12px}
.site-menu-trigger:hover .site-menu-icon::before,.site-menu-trigger:hover .site-menu-icon::after{box-shadow:0 0 8px #e7b96b}
body.site-menu-open .site-menu-icon::before{top:8px;transform:rotate(45deg)}
body.site-menu-open .site-menu-icon::after{top:8px;transform:rotate(-45deg)}
.site-menu-backdrop{position:fixed;inset:0;z-index:790;background:rgba(0,0,0,.68);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .45s cubic-bezier(.22,1,.36,1),visibility .45s}
.site-drawer{position:fixed;z-index:805;top:0;right:0;bottom:0;width:min(510px,100%);background:#0a0c0d;box-shadow:-40px 0 100px rgba(0,0,0,.52);padding:calc(108px + env(safe-area-inset-top,0px)) clamp(30px,4.2vw,60px) 42px;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:0;transform:translateX(103%);visibility:hidden;pointer-events:none;transition:transform .5s cubic-bezier(.22,1,.36,1),visibility .5s;scrollbar-width:thin;scrollbar-color:#655641 transparent}
body.site-menu-open .site-menu-backdrop{opacity:1;visibility:visible;pointer-events:auto}
body.site-menu-open .site-drawer{transform:translateX(0);visibility:visible;pointer-events:auto}
body.site-menu-open{overflow:hidden}
.site-drawer-title{font-size:10px;letter-spacing:.21em;color:rgba(224,207,181,.55);text-transform:uppercase;margin:4px 0 29px}
.site-drawer a{display:block;text-decoration:none;color:#ece9e4;font:500 clamp(25px,2.2vw,34px)/1.16 Inter,'Helvetica Neue',Arial,sans-serif;letter-spacing:-.025em;padding:17px 2px 18px;border-bottom:1px solid rgba(255,255,255,.11);transition:color .25s,text-shadow .25s,padding-left .32s,border-color .25s}
.site-drawer a:hover,.site-drawer a:focus-visible{color:#ead0aa;text-shadow:0 0 20px rgba(229,181,111,.48);padding-left:9px;border-color:rgba(225,190,144,.35)}
.site-drawer a[aria-current="page"]{color:#d6b38b}
.site-drawer .site-menu-contact{margin-top:20px;color:#d8b990;border:1px solid rgba(221,181,134,.48);padding:17px 20px;font-size:14px;font-weight:500;letter-spacing:.015em}
.site-drawer .site-menu-contact:hover,.site-drawer .site-menu-contact:focus-visible{background:rgba(214,169,107,.09);border-color:#e0bf8c;padding-left:20px;box-shadow:0 0 27px rgba(218,186,132,.15),inset 0 0 16px rgba(218,186,132,.06)}
.site-menu-caption{font-size:10px;line-height:1.8;letter-spacing:.04em;color:#75787b;margin-top:auto;padding-top:34px}
/* The same soft glow on all primary, secondary and interactive text controls. */
a.primary-link,a.v9-detail-link,a.about-text-link,.contact a,.nav-cta,.site-header a,.driver-bar a,.v9-end a{transition:color .28s ease,border-color .28s ease,background .28s ease,box-shadow .28s ease,text-shadow .28s ease,transform .28s ease}
a.primary-link:hover,a.primary-link:focus-visible,a.v9-detail-link:hover,a.v9-detail-link:focus-visible,a.about-text-link:hover,a.about-text-link:focus-visible,.contact a:hover,.contact a:focus-visible,.v9-end a:hover,.v9-end a:focus-visible{border-color:#d9bd92!important;box-shadow:0 0 26px rgba(218,174,118,.25),inset 0 0 17px rgba(218,174,118,.09);text-shadow:0 0 18px rgba(234,191,137,.28)}
.direction-tabs button{transition:color .28s,border-color .28s,box-shadow .28s,background .28s}
.direction-tabs button:hover,.direction-tabs button:focus-visible{color:#f5dcb7;box-shadow:0 0 18px rgba(221,177,123,.18);border-color:rgba(224,188,142,.65)}
.direction-tabs button[aria-selected="true"]{box-shadow:0 0 15px rgba(221,177,123,.14)}
a:active,button:active{transition-duration:.09s}
/* No decorative arrows, including pseudo-elements. */
a.primary-link::after,a.v9-detail-link::after,a.about-text-link::after,.contact a::after,.site-drawer a::after{content:none!important}
@media(max-width:720px){.site-header{height:78px}.site-menu-trigger{font-size:10px;gap:14px;padding-right:0}.site-drawer{width:100%;padding:calc(104px + env(safe-area-inset-top,0px)) 28px 30px}.site-drawer-title{margin-bottom:16px}.site-drawer a{font-size:clamp(23px,6.2vw,32px);padding:15px 1px}.site-drawer .site-menu-contact{font-size:14px;padding:15px 18px}.site-menu-caption{font-size:9px}}
@media(max-height:710px){.site-drawer{padding-top:calc(83px + env(safe-area-inset-top,0px))}.site-drawer-title{margin-bottom:10px}.site-drawer a{padding-top:12px;padding-bottom:12px;font-size:25px}.site-drawer .site-menu-contact{margin-top:14px}}
@media(prefers-reduced-motion:reduce){.site-drawer,.site-menu-backdrop,.site-drawer a,.site-menu-trigger,.site-menu-icon::before,.site-menu-icon::after{transition:none!important}}

/* V18 robust interaction patch: menu works even when JavaScript is disabled. */
.site-header{overflow:visible}
.site-menu-state{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;opacity:0;pointer-events:none}
.site-menu-state:focus-visible + .site-menu-trigger{outline:1px solid #dac2a0;outline-offset:5px}
.site-menu-trigger{z-index:820;user-select:none;-webkit-user-select:none;touch-action:manipulation}
.site-menu-word-close{display:none}
.site-menu-state:checked + .site-menu-trigger .site-menu-word-default{display:none}
.site-menu-state:checked + .site-menu-trigger .site-menu-word-close{display:inline}
.site-menu-state:checked + .site-menu-trigger .site-menu-icon::before{top:8px;transform:rotate(45deg)}
.site-menu-state:checked + .site-menu-trigger .site-menu-icon::after{top:8px;transform:rotate(-45deg)}
.site-menu-state:checked ~ .site-menu-backdrop{opacity:1;visibility:visible;pointer-events:auto}
.site-menu-state:checked ~ .site-drawer{transform:translateX(0);visibility:visible;pointer-events:auto}
body:has(.site-menu-state:checked){overflow:hidden}
/* The backdrop is also a native label: tapping outside closes the menu without scripts. */
.site-menu-backdrop{cursor:pointer}


/* Only UI interactions. Monolith background, warm contour and content are unchanged. */
.site-header .brand:is(:hover,:focus-visible),
.site-menu-trigger:is(:hover,:focus-visible),
.site-drawer a:is(:hover,:focus-visible),
.site-drawer a[aria-current="page"] {
  color:#fff!important;
  text-shadow:0 0 16px rgba(255,255,255,.56),0 0 34px rgba(255,255,255,.22)!important;
}
.site-menu-trigger:is(:hover,:focus-visible) .site-menu-icon::before,
.site-menu-trigger:is(:hover,:focus-visible) .site-menu-icon::after {
  box-shadow:0 0 9px rgba(255,255,255,.82)!important;
}
.site-menu-trigger:focus-visible,.site-drawer a:focus-visible,
.site-menu-state:focus-visible + .site-menu-trigger {
  outline-color:rgba(255,255,255,.85)!important;
}
.site-drawer a:is(:hover,:focus-visible) {
  border-bottom-color:rgba(255,255,255,.43)!important;
}
.site-drawer .site-menu-contact {
  color:#f0f0f0!important;
  border-color:rgba(255,255,255,.46)!important;
}
.site-drawer .site-menu-contact:is(:hover,:focus-visible) {
  color:#fff!important;
  background:rgba(255,255,255,.055)!important;
  border-color:rgba(255,255,255,.85)!important;
  box-shadow:0 0 24px rgba(255,255,255,.25),inset 0 0 15px rgba(255,255,255,.08)!important;
}
a.primary-link:is(:hover,:focus-visible),
a.v9-detail-link:is(:hover,:focus-visible),
a.about-text-link:is(:hover,:focus-visible),
.contact a:is(:hover,:focus-visible),
.v9-end a:is(:hover,:focus-visible),
.nav-cta:is(:hover,:focus-visible),
.driver-bar a:is(:hover,:focus-visible) {
  border-color:rgba(255,255,255,.84)!important;
  box-shadow:0 0 25px rgba(255,255,255,.24),inset 0 0 17px rgba(255,255,255,.07)!important;
  text-shadow:0 0 15px rgba(255,255,255,.45)!important;
}
.direction-tabs button:is(:hover,:focus-visible) {
  color:#fff!important;
  border-color:rgba(255,255,255,.74)!important;
  box-shadow:0 0 20px rgba(255,255,255,.22)!important;
}
.direction-tabs button[aria-selected="true"] {
  box-shadow:0 0 16px rgba(255,255,255,.18)!important;
}
