/*
  ARKEA IA — dark editorial reference skin
  Direction: editorial / nocturnal / technical / warm / high-contrast.
  Reference cues: near-black canvas, warm rust glow, acid-lime action,
  oversized white typography, thin borders, compact cards, strong vertical rhythm.
*/
:root{
  --ref-bg:#070807;
  --ref-bg-2:#0b0b0b;
  --ref-panel:#0f0f0f;
  --ref-panel-2:#131313;
  --ref-text:#f2f0ea;
  --ref-muted:#9b9b94;
  --ref-line:rgba(242,240,234,.14);
  --ref-line-strong:rgba(242,240,234,.28);
  --ref-rust:#d4af37;
  --ref-rust-deep:#7a5a11;
  --ref-acid:#c9ccd1;
  --ref-ease:cubic-bezier(.16,1,.3,1);
}
html{background:var(--ref-bg);color-scheme:dark}
body.dark-ref{background:var(--ref-bg);color:var(--ref-text);font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;overflow-x:hidden}
body.dark-ref:before{content:"";position:fixed;inset:0;z-index:-3;pointer-events:none;background:radial-gradient(45rem 38rem at 62% 18%,rgba(212,175,55,.12),transparent 60%),radial-gradient(36rem 28rem at 10% 68%,rgba(201,204,209,.07),transparent 68%),var(--ref-bg)}
.dark-ref .wrap{width:min(1180px,calc(100% - clamp(30px,6vw,90px)))}
.dark-ref a{color:inherit}
.dark-ref .eyebrow{color:#b3b1aa;font-size:10px;letter-spacing:.19em}
.dark-ref .muted,.dark-ref p{color:var(--ref-muted)}
.dark-ref .site-header{background:rgba(8,8,8,.82);border-color:var(--ref-line);backdrop-filter:blur(16px)}
.dark-ref .site-header .brand img,.dark-ref .menu-overlay .brand img,.dark-ref .footer .brand img{filter:brightness(0) invert(1);opacity:.96}
.dark-ref .top-nav{color:#dad8d2}.dark-ref .top-nav a:after{background:var(--ref-text)}
.dark-ref .btn,.dark-ref .menu-btn{border-color:var(--ref-line-strong);color:var(--ref-text);background:rgba(255,255,255,.015);border-radius:2px}
.dark-ref .btn:hover,.dark-ref .menu-btn:hover{background:#171717;color:var(--ref-text);transform:translateY(-1px)}
.dark-ref .btn.dark{background:#111111;color:var(--ref-text);border-color:#242424}
.dark-ref .btn.dark:hover{background:#1b1b1b}
.dark-ref .btn.acid{background:var(--ref-acid);border-color:var(--ref-acid);color:#111}
.dark-ref .menu-btn:before,.dark-ref .menu-btn:after{background:currentColor}
.dark-ref .menu-overlay{background:#090909;color:var(--ref-text)}
.dark-ref .menu-top,.dark-ref .menu-col a{border-color:var(--ref-line)}
.dark-ref .menu-grid h3{color:#777871}.dark-ref .menu-big a:hover,.dark-ref .menu-col a:hover{color:var(--ref-acid)}

/* Home hero: photo-led, text over image, same visual grammar as supplied reference */
.home-ref .site-header{position:absolute;left:0;right:0;top:0;background:linear-gradient(to bottom,rgba(0,0,0,.66),rgba(0,0,0,.05));border-bottom:0;backdrop-filter:none}
.home-ref .home-hero{position:relative;min-height:760px;padding:calc(var(--header) + 88px) 0 72px;border-bottom:1px solid var(--ref-line);display:flex;align-items:flex-start;background:
  linear-gradient(90deg,rgba(4,4,4,.91) 0%,rgba(4,4,4,.76) 34%,rgba(4,4,4,.20) 72%,rgba(4,4,4,.35) 100%),
  linear-gradient(0deg,rgba(6,6,6,.90) 0%,transparent 35%),
  none center 34%/cover no-repeat,
  #0a0a0a;
}
.home-ref .home-hero:after{content:"";position:absolute;inset:auto 0 0;height:165px;background:linear-gradient(transparent,var(--ref-bg));pointer-events:none}
.home-ref .home-hero>.wrap{position:relative;z-index:2}
.home-ref .home-hero .hero-kicker{color:#f0eee8;margin-bottom:24px}
.home-ref .home-hero-grid{grid-template-columns:minmax(0,720px) 1fr;gap:60px;align-items:end}
.home-ref .home-hero h1{max-width:770px;font-size:clamp(62px,7.8vw,114px);line-height:.82;letter-spacing:-.067em;color:#f7f4ed;text-shadow:0 3px 18px rgba(0,0,0,.2)}
.home-ref .home-hero h1 em{color:#f7f4ed}
.home-ref .hero-copy{max-width:585px;font-size:clamp(15px,1.25vw,19px);line-height:1.5;color:#d3d0c8;margin:26px 0 30px}
.home-ref .hero-side{border-top:1px solid rgba(255,255,255,.34);max-width:300px;justify-self:end;margin-bottom:6px}
.home-ref .hero-side .micro{border-color:rgba(255,255,255,.16);padding:12px 0}
.home-ref .hero-side span{color:#8f9088;text-transform:uppercase;font-size:9px;letter-spacing:.14em}.home-ref .hero-side strong{font-size:18px;color:#f2efe7}
.home-ref .home-hero .btn.dark{background:rgba(10,10,9,.82);border-color:rgba(255,255,255,.36);padding-inline:23px}

/* partnership band and atmospheric orange glow */
.dark-ref .partner-bar{position:relative;background:#070807;border-color:var(--ref-line);padding:24px 0;overflow:hidden}
.dark-ref .partner-bar:before{content:"";position:absolute;left:8%;right:8%;top:-120px;height:220px;background:radial-gradient(ellipse,rgba(212,175,55,.22),rgba(201,204,209,.07) 38%,transparent 68%);filter:blur(20px);pointer-events:none}
.dark-ref .partner-row{position:relative;z-index:1}.dark-ref .tech-track span{color:#b9b7b0}.dark-ref .tech-track span:after{color:#534f49}

/* every main band shares the tight, dark editorial rhythm */
.dark-ref .section{background:transparent;border-color:var(--ref-line);padding:clamp(86px,9vw,136px) 0}
.dark-ref .section-head{grid-template-columns:minmax(118px,.34fr) minmax(0,1.66fr);gap:34px;margin-bottom:clamp(40px,5.6vw,78px)}
.dark-ref .section-head h2{color:var(--ref-text);font-size:clamp(42px,5.7vw,84px);letter-spacing:-.058em;line-height:.91;font-weight:650}
.dark-ref .section-head p{color:var(--ref-muted);font-size:16px;max-width:660px}

/* Partner intro card: black box + technical image pane */
.dark-ref .intro-split{border-color:var(--ref-line-strong);background:#0a0a0a}
.dark-ref .intro-copy{background:#0b0b0b;min-height:470px;padding:clamp(30px,4vw,56px)}
.dark-ref .intro-copy h3{font-size:clamp(46px,5vw,74px);color:var(--ref-text);margin-top:12px}
.dark-ref .intro-copy p{font-size:16px;color:#aaa9a2;max-width:570px}
.dark-ref .intro-visual{min-height:470px;background:radial-gradient(circle at 72% 58%,rgba(212,175,55,.16),transparent 19%),linear-gradient(135deg,#0c0c0c,#131313)}
.dark-ref .intro-visual img{filter:invert(.92) sepia(.2) saturate(.8);opacity:.35;mix-blend-mode:screen}
.dark-ref .intro-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(201,204,209,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(201,204,209,.11) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,black,transparent 92%)}
.dark-ref .intro-visual:after{background:var(--ref-acid);color:#0b0b0b}
.dark-ref .client-strip{padding-top:28px}.dark-ref .client-logos{border-color:var(--ref-line);background:transparent}.dark-ref .client-logo{background:#0c0c0c;border-color:var(--ref-line);color:#d4d1c9;min-height:76px;font-size:14px}

/* Services: compact black cards with large type and subtle rust numbering */
.dark-ref .service-list{border:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.dark-ref .service-row{position:relative;display:grid;grid-template-columns:48px 1fr 34px;grid-template-rows:auto auto;gap:10px 14px;background:#0d0d0d;border:1px solid var(--ref-line);padding:24px 22px 22px;min-height:260px;overflow:hidden;transition:transform .28s var(--ref-ease),border-color .28s var(--ref-ease),background .28s var(--ref-ease)}
.dark-ref .service-row:before{content:"";position:absolute;inset:auto -90px -90px auto;width:190px;height:190px;background:radial-gradient(circle,rgba(122,90,17,.18),transparent 68%);pointer-events:none}
.dark-ref .service-row:hover{background:#111111;border-color:rgba(212,175,55,.48);transform:translateY(-3px)}
.dark-ref .service-row .num{grid-column:1;color:#d4af37;font-size:11px;padding-top:5px}
.dark-ref .service-row h3{grid-column:2;align-self:start;color:var(--ref-text);font-size:clamp(31px,3.1vw,49px);line-height:.94}
.dark-ref .service-row>div:nth-child(3){grid-column:2/4;align-self:end}
.dark-ref .service-row p{font-size:13px;color:#95968f;max-width:510px;line-height:1.47}
.dark-ref .service-row .arrow{grid-column:3;grid-row:1;color:#f1eee6;justify-self:end;font-size:20px}
.dark-ref .tag{border-color:var(--ref-line);color:#b2b1aa;background:#0b0b0b;padding:5px 7px;font-size:8px}

/* Orange editorial feature band from reference */
.dark-ref .difference-layout{border:0;grid-template-columns:.96fr 1.04fr;background:#0c0c0c;overflow:hidden}
.dark-ref .difference-visual{min-height:610px;background:
  linear-gradient(0deg,rgba(8,9,8,.62),transparent 48%),
  linear-gradient(120deg,#292a27,#090909 58%)}
.dark-ref .difference-visual img{opacity:.08;filter:invert(1)}
.dark-ref .difference-visual:after{content:"ARKEA IA";position:absolute;left:34px;bottom:28px;color:#f1efe9;font-size:11px;letter-spacing:.18em;font-weight:700}
.dark-ref .difference-panel{position:relative;background:radial-gradient(110% 85% at 70% 15%,#8b6d1f 0%,#2b2414 35%,#111111 72%,#0d0d0c 100%);padding:clamp(34px,5vw,72px)}
.dark-ref .difference-panel:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(201,204,209,.11),transparent 45%);pointer-events:none}
.dark-ref .reason{position:relative;z-index:1;border-color:rgba(255,255,255,.16)}
.dark-ref .reason:before{color:#f2c94c}.dark-ref .reason h3{color:#f1eee7}.dark-ref .reason p{color:#c9ccd1}

/* Team grid: same compact 2xN portrait-card cadence. Remote images are decorative and have a fallback. */
.dark-ref .team-grid{grid-template-columns:repeat(4,1fr);gap:8px;background:transparent;border:0}
.dark-ref .member{min-height:360px;padding:16px;border:1px solid var(--ref-line);background:#111111;color:var(--ref-text);isolation:isolate}
.dark-ref .member:before{inset:0 0 72px;background:linear-gradient(to bottom,rgba(255,255,255,.04),rgba(255,255,255,.12)),linear-gradient(145deg,#545851,#171717);filter:grayscale(1);opacity:.9;transition:transform .45s var(--ref-ease),filter .3s ease}
.dark-ref .member:nth-child(1):before{background-image:linear-gradient(to bottom,transparent,rgba(0,0,0,.55)),none;background-size:cover;background-position:center top}
.dark-ref .member:nth-child(2):before{background-image:linear-gradient(to bottom,transparent,rgba(0,0,0,.55)),none;background-size:cover;background-position:center top}
.dark-ref .member:nth-child(3):before{background-image:linear-gradient(to bottom,transparent,rgba(0,0,0,.55)),none;background-size:cover;background-position:center top}
.dark-ref .member:nth-child(4):before{background-image:linear-gradient(to bottom,transparent,rgba(0,0,0,.55)),none;background-size:cover;background-position:center top}
.dark-ref .member:nth-child(5):before{background-image:linear-gradient(to bottom,transparent,rgba(0,0,0,.55)),none;background-size:cover;background-position:center top}
.dark-ref .member:nth-child(6):before{background-image:linear-gradient(to bottom,transparent,rgba(0,0,0,.55)),none;background-size:cover;background-position:center top}
.dark-ref .member:nth-child(7):before{background-image:linear-gradient(to bottom,transparent,rgba(0,0,0,.55)),none;background-size:cover;background-position:center top}
.dark-ref .member:nth-child(8):before{background-image:linear-gradient(to bottom,transparent,rgba(0,0,0,.55)),none;background-size:cover;background-position:center top}
.dark-ref .member:hover:before{transform:scale(1.035);filter:grayscale(.25)}
.dark-ref .member h3{color:#eeeae2;font-size:18px}.dark-ref .member p{color:#9c9c95;font-size:11px}.dark-ref .member:after{content:"●";position:absolute;left:16px;bottom:16px;color:var(--ref-rust);font-size:7px}

/* Method cards: oversized rust numerals like reference */
.dark-ref .method-grid{grid-template-columns:repeat(5,1fr);gap:8px;border:0}
.dark-ref .method{background:#0d0d0d;border:1px solid var(--ref-line)!important;min-height:350px;padding:24px 20px;overflow:hidden}
.dark-ref .method small{color:#a09f98}.dark-ref .method h3{color:#f1eee7;font-size:25px}.dark-ref .method p{color:#8f9089;font-size:13px}.dark-ref .method b{position:absolute;right:-4px;top:12px;color:#d4af37;opacity:.42;font-size:82px;font-style:italic;font-weight:300;z-index:0}.dark-ref .method>*{position:relative;z-index:1}.dark-ref .method:hover{background:#111111;border-color:rgba(212,175,55,.48)!important}.dark-ref .method:hover b{opacity:.62}

/* Cases / proof area */
.dark-ref .case-tabs button,.dark-ref .filter-row button{border-color:var(--ref-line-strong);background:#0c0c0c;color:#c8c6bf;border-radius:2px}
.dark-ref .case-tabs button.active,.dark-ref .filter-row button.active{background:var(--ref-rust);color:#fff;border-color:var(--ref-rust)}
.dark-ref .case-grid{background:transparent;border-color:var(--ref-line)}
.dark-ref .case-card{background:#0c0c0c;border:1px solid var(--ref-line);color:var(--ref-text)}
.dark-ref .case-card h3{color:var(--ref-text)}
.dark-ref .case-visual{background:radial-gradient(circle at 30% 45%,rgba(212,175,55,.22),transparent 40%),#101010}.dark-ref .case-visual img{opacity:.7;filter:invert(.88) sepia(.3)}
.dark-ref .metric{border-color:var(--ref-line);color:#a3a29b}.dark-ref .metric strong{color:var(--ref-text)}

/* Reviews / signal / use cases / FAQ / portal */
.dark-ref .testimonial-shell,.dark-ref .signal-grid,.dark-ref .usecase,.dark-ref .portal-preview,.dark-ref .split,.dark-ref .feature-grid,.dark-ref .newsletter-box,.dark-ref .portal-card{border-color:var(--ref-line-strong);background:#0b0b0b}
.dark-ref .quote,.dark-ref .signal,.dark-ref .usecase-copy,.dark-ref .portal-copy,.dark-ref .feature{background:#0b0b0b;border-color:var(--ref-line);color:var(--ref-text)}
.dark-ref .review-score{background:radial-gradient(circle at 40% 40%,#7a5a11,#111111 55%,#0c0c0c);color:#fff}.dark-ref .review-score *{color:inherit}
.dark-ref .signal .num{color:#d4af37}.dark-ref .usecase-visual,.dark-ref .portal-ui{background:#101010;color:var(--ref-text)}
.dark-ref .usecase-visual img{filter:invert(.88);opacity:.35}
.dark-ref .faq-q{color:var(--ref-text);border-color:var(--ref-line)}.dark-ref .faq-q:after{color:#7f8078}.dark-ref .faq-a{color:#9c9d95}.dark-ref .faq-item{border-color:var(--ref-line)}
.dark-ref .portal-metrics{background:var(--ref-line)}.dark-ref .portal-metric{background:#0c0c0c}.dark-ref .portal-metric span{color:#85867f}

/* Inner pages inherit the same dark design language */
.dark-ref .page-hero{border-color:var(--ref-line);background:radial-gradient(42rem 28rem at 78% 22%,rgba(212,175,55,.16),transparent 62%),#080808;padding-top:clamp(110px,11vw,170px)}
.dark-ref .page-hero h1,.dark-ref .headline,.dark-ref .display{color:var(--ref-text)}
.dark-ref .visual{background:#101010}.dark-ref .visual img{opacity:.55;filter:invert(.82) sepia(.2)}
.dark-ref .feature-grid{gap:8px;border:0}.dark-ref .feature{border:1px solid var(--ref-line)}.dark-ref .feature h3{color:var(--ref-text)}
.dark-ref .article-list,.dark-ref .article{border-color:var(--ref-line)}.dark-ref .article h3{color:var(--ref-text)}
.dark-ref .field input,.dark-ref .field textarea{border-color:var(--ref-line-strong);color:var(--ref-text)}.dark-ref .field input::placeholder,.dark-ref .field textarea::placeholder{color:#74756f}.dark-ref .field label{color:#a5a49d}
.dark-ref .legal p,.dark-ref .legal li{color:#a3a39b}.dark-ref .legal h2{color:var(--ref-text)}
.dark-ref .podcast-card{border-color:var(--ref-line)}.dark-ref .episode-art{background:var(--ref-rust);color:#fff}.dark-ref .newsletter-box{background:radial-gradient(circle at 76% 18%,rgba(212,175,55,.72),rgba(70,57,23,.30) 36%,#0d0d0d 74%);color:var(--ref-text)}

/* CTA and footer keep the near-black canvas; acid only marks the primary action. */
.dark-ref .cta{position:relative;background:#080808;color:var(--ref-text);border-top:1px solid var(--ref-line);overflow:hidden}
.dark-ref .cta:before{content:"";position:absolute;left:0;right:0;top:-120px;height:260px;background:radial-gradient(ellipse at center,rgba(212,175,55,.18),transparent 68%)}
.dark-ref .cta-grid{position:relative}.dark-ref .cta h2{color:var(--ref-text)}.dark-ref .cta p{color:#a4a39c}.dark-ref .cta .btn{background:var(--ref-acid);border-color:var(--ref-acid);color:#111}
.dark-ref .footer{background:#060706;color:var(--ref-text);border-color:var(--ref-line)}
.dark-ref .footer h4{color:#7f8079}.dark-ref .footer p,.dark-ref .footer-bottom{color:#85857f}.dark-ref .footer a{color:#c9c7c0}.dark-ref .footer a:hover{color:var(--ref-acid)}.dark-ref .footer-bottom{border-color:var(--ref-line)}

/* Overlays */
.dark-ref .cookie-banner{background:#0e0f0e;color:var(--ref-text);border-color:var(--ref-line-strong);box-shadow:0 18px 50px rgba(0,0,0,.46)}
.dark-ref .cookie-banner span{color:#a9a8a0}.dark-ref .chat-toggle{background:var(--ref-acid);border-color:var(--ref-acid);color:#0c0c0c}.dark-ref .chat-panel{background:#0b0b0b;border-color:var(--ref-line-strong);color:var(--ref-text)}.dark-ref .chat-head,.dark-ref .chat-form{border-color:var(--ref-line)}.dark-ref .bubble{background:#161616}.dark-ref .bubble.me{background:#7a5a11}.dark-ref .chat-form input{color:var(--ref-text)}.dark-ref .chat-form button{background:var(--ref-rust);border-color:var(--ref-rust)}

.dark-ref :focus-visible{outline:2px solid var(--ref-acid);outline-offset:3px}.dark-ref ::selection{background:var(--ref-rust);color:#fff}

@media(max-width:1050px){
  .home-ref .home-hero{min-height:690px;background-position:58% 34%}
  .home-ref .home-hero-grid{grid-template-columns:1fr}.home-ref .hero-side{display:none}
  .dark-ref .service-list{grid-template-columns:1fr}
  .dark-ref .method-grid{grid-template-columns:repeat(2,1fr)}
  .dark-ref .team-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:700px){
  .dark-ref .wrap{width:min(100% - 28px,1180px)}
  .dark-ref .site-header{--header:66px;background:rgba(8,8,8,.9)}
  .home-ref .site-header{background:linear-gradient(to bottom,rgba(0,0,0,.74),transparent)}
  .dark-ref .brand img{width:142px;max-height:40px}
  .home-ref .home-hero{min-height:610px;padding:118px 0 52px;background-position:61% 50%;background-image:linear-gradient(90deg,rgba(3,3,3,.92),rgba(3,3,3,.68) 57%,rgba(3,3,3,.22)),linear-gradient(0deg,rgba(7,7,7,.95),transparent 36%)}
  .home-ref .home-hero h1{font-size:clamp(50px,15.1vw,70px);line-height:.85;max-width:330px}.home-ref .hero-copy{font-size:14px;max-width:340px;margin:20px 0 22px}.home-ref .home-hero .hero-kicker{font-size:8px;margin-bottom:16px}
  .dark-ref .partner-bar{padding:19px 0}.dark-ref .partner-row .eyebrow{margin-bottom:11px}
  .dark-ref .section{padding:74px 0}.dark-ref .section-head{margin-bottom:34px}.dark-ref .section-head h2{font-size:clamp(37px,11.6vw,53px);line-height:.92}
  .dark-ref .intro-split{border-color:var(--ref-line)}.dark-ref .intro-copy,.dark-ref .intro-visual{min-height:390px}.dark-ref .intro-copy{padding:27px 22px}.dark-ref .intro-copy h3{font-size:45px}.dark-ref .intro-copy p{font-size:14px}
  .dark-ref .client-logos{grid-template-columns:repeat(2,1fr)}.dark-ref .client-logo{min-height:66px;font-size:12px}
  .dark-ref .service-row{grid-template-columns:34px 1fr 28px;min-height:238px;padding:20px 16px}.dark-ref .service-row h3{font-size:32px}.dark-ref .service-row>div:nth-child(3){grid-column:2/4}.dark-ref .service-row p{font-size:12px}.dark-ref .tag{font-size:7px}
  .dark-ref .difference-layout{grid-template-columns:1fr}.dark-ref .difference-visual{min-height:350px}.dark-ref .difference-panel{padding:30px 20px}.dark-ref .reason{padding:20px 0}
  .dark-ref .team-grid{grid-template-columns:1fr 1fr;gap:6px}.dark-ref .member{min-height:272px;padding:12px}.dark-ref .member:before{inset:0 0 60px}.dark-ref .member h3{font-size:14px}.dark-ref .member p{font-size:9px}.dark-ref .member:after{left:12px;bottom:12px}
  .dark-ref .method-grid{grid-template-columns:1fr;gap:8px}.dark-ref .method{min-height:270px}.dark-ref .method b{font-size:72px}.dark-ref .method h3{font-size:27px}
  .dark-ref .case-grid,.dark-ref .signal-grid,.dark-ref .usecase{background:transparent}
  .dark-ref .cta h2{font-size:54px}.dark-ref .footer-top{gap:34px}
}
@media(prefers-reduced-motion:reduce){.dark-ref *{transition:none!important;animation:none!important}}