/* ADANTON brand layer — supplied logo palette and geometry */
:root{
  --ink:#111318;
  --ink2:#2a2f37;
  --muted:#68717d;
  --purple:#ff5b00;
  --purple2:#ff7a18;
  --peach:#ff934f;
  --cream:#f3f1ed;
  --paper:#fff;
  --line:#dcdde0;
  --dark:#07090d;
  --green:#22a96b;
  --brand-orange:#ff5b00;
  --brand-orange-2:#ff7a18;
  --brand-black:#07090d;
  --brand-graphite:#11151b;
  --brand-steel:#aab0b9;
  --shadow:0 28px 75px -42px rgba(4,6,10,.48)
}

html{color-scheme:light}
body{background:#f5f4f1;color:var(--ink)}
::selection{background:#ff5b00;color:#fff}
:focus-visible{outline:3px solid rgba(255,91,0,.8);outline-offset:4px}
.skip-link{background:#0a0c11;color:#fff;border-color:#ff5b00}
.scroll-progress i{background:linear-gradient(90deg,#ff4d00,#ff8a22)}

/* Brand logo */
.logo{display:block;width:245px;height:auto;line-height:0}
.logo>img{display:block;width:100%;height:auto;filter:drop-shadow(0 3px 12px rgba(255,91,0,.14))}
.footer-logo{width:255px}

/* Header */
.header,.header.scrolled{
  background:rgba(7,9,13,.9);
  border-color:rgba(255,255,255,.08);
  box-shadow:0 12px 36px rgba(0,0,0,.2);
  backdrop-filter:blur(18px)
}
.nav{height:86px}
.nav nav>a:not(.nav-cta){color:#d7d9dd}
.nav nav>a:not(.nav-cta):hover{color:#ff7a18}
.nav-cta{background:#ff5b00;color:#fff;border:1px solid #ff6a13;box-shadow:0 12px 28px -18px rgba(255,91,0,.9)}
.nav-cta:hover{background:#ff7319}
.menu i{background:#fff}

/* Hero */
.hero{
  isolation:isolate;
  min-height:770px;
  padding:170px 0 105px;
  overflow:hidden;
  background:
    radial-gradient(circle at 79% 30%,rgba(255,91,0,.16),transparent 30%),
    radial-gradient(circle at 7% 95%,rgba(255,91,0,.09),transparent 28%),
    linear-gradient(135deg,#050609 0%,#0c1016 58%,#08090d 100%);
  color:#f7f7f6
}
.hero:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:52px 52px;
  mask-image:linear-gradient(to bottom,#000,transparent 82%)
}
.hero:after{height:2px;background:linear-gradient(90deg,transparent,#ff5b00 30%,rgba(255,255,255,.3) 50%,#ff5b00 70%,transparent)}
.hero-brand-mark{position:absolute;right:-70px;top:85px;z-index:-1;width:min(41vw,590px);opacity:.12;transform:rotate(-2deg);pointer-events:none;filter:grayscale(.15)}
.hero-brand-mark img{display:block;width:100%;height:auto}
.blob-a{right:-210px;top:-150px;background:radial-gradient(circle,rgba(255,91,0,.22),transparent 68%)}
.blob-b{left:-180px;bottom:-160px;background:radial-gradient(circle,rgba(255,255,255,.06),transparent 68%)}
.availability{border-color:rgba(255,122,24,.35);background:rgba(255,91,0,.08);color:#f3c0a4}
.availability i{background:#ff6a13;box-shadow:0 0 0 5px rgba(255,91,0,.16)}
.hero h1{color:#f8f8f7;text-wrap:balance}
.hero h1 em{color:#ff6a13;background:linear-gradient(90deg,#ff5b00,#ff9b50,#fff,#ff6b12);background-size:280% auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero-copy>p{color:#b7bdc6}
.hero-copy>p strong{color:#fff}
.button.primary{background:linear-gradient(135deg,#ff4d00,#ff7118);border:1px solid #ff7622;color:#fff;box-shadow:0 20px 38px -20px rgba(255,91,0,.85)}
.button.primary:hover{background:linear-gradient(135deg,#ff6613,#ff842c);box-shadow:0 24px 42px -18px rgba(255,91,0,.9)}
.simple-link{color:#e8e9eb}
.simple-link span{color:#ff6a13}
.quick-trust{border-color:rgba(255,255,255,.13)}
.quick-trust>span{border-color:rgba(255,255,255,.13);color:#9da4ae}
.quick-trust b{color:#fff}

.lead-machine{border-color:rgba(255,112,25,.34);background:linear-gradient(145deg,rgba(24,28,35,.97),rgba(10,12,17,.98));box-shadow:0 48px 95px -45px rgba(0,0,0,.9),0 0 60px -36px rgba(255,91,0,.7)}
.lead-machine:before{background:linear-gradient(145deg,#ff5b00,transparent 38%,rgba(255,255,255,.18))}
.machine-title{border-color:rgba(255,255,255,.1);color:#fff}
.machine-title small{color:#72d29f}
.machine-stage small{color:#ff8a3d}
.machine-stage b{color:#f4f4f2}
.stage-icon{background:#ff5b00;color:#fff}
.mini-ad,.mini-page{border-color:#313641;background:#fff;color:#111318}
.mini-ad button,.mini-page button{background:#ff5b00}
.flow-arrow{border-color:#ff6a13}
.flow-arrow:after{border-color:#ff6a13}
.flow-arrow span{color:#b9bec6}
.lead-notification{border-color:rgba(34,169,107,.45);background:rgba(34,169,107,.1)}
.lead-notification span b{color:#eef9f3}
.lead-notification span small{color:#90b7a1}

/* Direction strip */
.plain-promise{border-color:rgba(255,255,255,.08);background:#0b0e13;color:#fff}
.promise-grid>p,.promise-grid>div{border-color:rgba(255,255,255,.09)}
.promise-grid>p,.promise-grid small{color:#979ea8}
.promise-grid b{color:#f7f7f6}
.promise-grid>div>span{color:#ff6a13}

/* Shared section language */
.section,.case-study{position:relative}
.kicker{color:#ff5b00}
.kicker:before{width:28px}
.kicker.light{color:#ff8a3d}
.problem-copy h2 em,.fit-copy h2 em,.case-heading h2 em,.latest-meta-copy h3 em,.detail-hero h1 em{color:#ff5b00}
.problem-section,.services,.about{background:#f5f4f1}
.problem-list{border-color:#d7d8da}
.problem-list article{border-color:#d7d8da}
.problem-list article>span{color:#ff5b00}
.problem-list h3{color:#111318}
.problem-list p,.problem-copy>p:last-child,.section-head>p,.section-head.split>p{color:#69717d}

/* Results / proof */
.case-study{background:linear-gradient(145deg,#efeeea,#f8f7f4 52%,#fff);border-color:#d9dadd}
.case-heading>p{color:#636b75}
.case-metrics{border:1px solid rgba(255,103,12,.3);background:linear-gradient(135deg,#080a0e,#161b22);box-shadow:0 32px 70px -46px rgba(0,0,0,.8)}
.case-metrics>div{border-color:rgba(255,255,255,.1)}
.case-metrics>div:first-child b{color:#ff6a13}
.case-metrics span{color:#aeb4bc}
.case-build{border-color:#d7d8db;background:#fff;box-shadow:0 26px 65px -50px rgba(0,0,0,.45)}
.case-build>div>span{color:#ff5b00}
.case-build li{border-color:#e1e2e4;color:#303640}
.case-build li:before{color:#ff5b00}
.case-screens figure{border-color:#d7d8dc;box-shadow:0 26px 65px -48px rgba(0,0,0,.5)}
.case-screens img:focus-visible{outline-color:#ff6a13}
.screen-bar{background:#11151b;color:#d5d8dd;border-color:#2d323a}
.screen-bar i:first-child{background:#ff5b00}
.latest-meta-proof{border-color:rgba(255,105,15,.32);background:linear-gradient(135deg,#090b10,#181d24);box-shadow:0 40px 80px -52px rgba(0,0,0,.9)}
.latest-meta-copy .kicker,.latest-meta-copy h3 em{color:#ff6a13}
.latest-meta-stats span{border-color:rgba(255,255,255,.11);background:rgba(255,255,255,.04)}
.roas-explainer{border-color:#ffba90;background:linear-gradient(135deg,#fff1e8,#fff)}
.roas-number small{color:#8e5a3c}
.roas-number>b{color:#ff5b00}
.career-proof{border-color:#d7d8dc;background:#fff}
.career-proof>div{border-color:#d7d8dc}
.career-proof b{color:#111318}
.case-disclaimer{color:#777e87}
.image-lightbox{background:rgba(4,5,7,.92)}
.image-lightbox button{border-color:rgba(255,112,24,.5);background:#ff5b00}

/* Process */
.how-section{background:#080a0e}
.how-section:before{background:radial-gradient(circle at 50% -20%,rgba(255,91,0,.18),transparent 42%),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:auto,60px 60px,60px 60px}
.journey-line{background:rgba(255,255,255,.14)}
.journey-line i{background:linear-gradient(90deg,#ff5b00,#ff9a4d)}
.journey-step>span{border-color:rgba(255,110,20,.45);background:#080a0e;color:#ff8a3d}
.journey-illustration{border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.04)}
.talk i:nth-child(2),.plan i:nth-child(2){background:rgba(255,91,0,.38)}
.launch i{border-color:#ff6a13;box-shadow:0 0 0 12px rgba(255,91,0,.08)}
.launch i:after{color:#ff7a18}

/* Services */
.simple-services article{border-color:#d5d7da;background:#fff}
.simple-services article:hover{border-color:#ff9d63;box-shadow:0 35px 75px -48px rgba(255,91,0,.35)}
.service-main{background:linear-gradient(135deg,#fff,#f6f3ef)!important}
.service-visual{background:#efede8}
.service-text>span{color:#ff5b00}
.search-result strong{color:#df4e00}
.searchbar,.search-result{border-color:#d2d5d9}
.mini-ad button,.mini-page button,.phone-visual button{background:#ff5b00}
.shop-visual{background:#fff0e7}
.product-box{background:linear-gradient(145deg,#ffb081,#ff5b00)}
.service-wide{border-color:#0b0e13!important;background:#0b0e13!important}
.details-link{color:#df4e00}

/* Fit */
.fit-section{background:linear-gradient(135deg,#080a0e,#171c24);color:#fff}
.fit-section:after{border-color:rgba(255,91,0,.16);box-shadow:0 0 0 70px rgba(255,91,0,.02),0 0 0 140px rgba(255,91,0,.015)}
.fit-cards article{border-color:rgba(255,122,24,.24);background:rgba(255,255,255,.045)}
.fit-cards span{color:#ff8a3d}
.button.light{background:#fff;color:#0a0c10;border:1px solid #fff}
.button.light:hover{background:#ff5b00;color:#fff;border-color:#ff5b00}

/* Personal section */
.about{overflow:hidden}
.about-visual:before{content:"";position:absolute;inset:22px -22px -22px 22px;border:1px solid rgba(255,91,0,.42);border-radius:18px;pointer-events:none}
.portrait-photo{height:auto;aspect-ratio:2/3;border:1px solid rgba(255,91,0,.46);border-radius:16px;background:#0a0c11;box-shadow:0 40px 90px -48px rgba(0,0,0,.75)}
.portrait-photo:after{background:linear-gradient(180deg,transparent 72%,rgba(7,9,13,.16))}
.portrait-photo img{width:100%;height:100%;object-fit:contain;object-position:center;border-radius:15px}
.experience-card{right:-26px;bottom:34px;border:1px solid rgba(255,91,0,.28);background:#0a0d12;color:#fff;box-shadow:0 25px 60px -38px rgba(0,0,0,.9)}
.experience-card b{color:#ff6a13}
.experience-card span{color:#c3c8cf}
.about-copy h2{color:#111318}
.about-copy .lead{color:#2b3139}
.about-copy>p:not(.lead):not(.kicker){color:#67707a}
.about-copy ul{border-color:#d6d8db}
.about-copy li{border-color:#d6d8db}
.about-copy li i{color:#ff5b00}

/* FAQ */
.faq{background:#eceae5}
.faq-list,.faq-list details{border-color:#ced0d3}
.faq-list summary span{color:#ff5b00}
.faq-list summary:focus-visible{outline-color:rgba(255,91,0,.55)}

/* Contact */
.contact{position:relative;overflow:hidden;background:linear-gradient(135deg,#06080b,#12171e);color:#fff}
.contact:before{content:"";position:absolute;width:620px;height:620px;left:-260px;bottom:-380px;border:1px solid rgba(255,91,0,.16);border-radius:50%;box-shadow:0 0 0 80px rgba(255,91,0,.02),0 0 0 160px rgba(255,91,0,.012)}
.contact-grid{position:relative}
.contact-note{border-color:rgba(255,255,255,.12)}
.contact-note i{color:#ff6a13}
.contact-form{border:1px solid rgba(255,91,0,.22);background:#fff;box-shadow:0 45px 90px -45px rgba(0,0,0,.9)}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#ff5b00;box-shadow:0 0 0 3px rgba(255,91,0,.12)}
.contact-form .consent a{color:#df4e00}
.contact-form .consent input{accent-color:#ff5b00}
.contact-form .submit:disabled{cursor:wait;opacity:.75}

/* Footer */
footer{background:#05070a;border-top:1px solid rgba(255,255,255,.07)}
.footer-top{align-items:center}
.footer-top p{color:#8f969f}
.footer-top>a:last-child{color:#ff7a18}
.footer-bottom{border-color:rgba(255,255,255,.09);color:#858b94}
.footer-bottom a:hover{color:#ff7a18}

/* Services details page */
.detail-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 78% 20%,rgba(255,91,0,.14),transparent 31%),linear-gradient(135deg,#06080b,#141922)!important;color:#fff}
.detail-hero:after{content:"";position:absolute;right:-90px;bottom:-130px;width:410px;height:410px;border:1px solid rgba(255,91,0,.2);border-radius:50%;box-shadow:0 0 0 65px rgba(255,91,0,.025)}
.detail-hero .container{position:relative;z-index:2}
.detail-hero .back{color:#ff7a18!important}
.detail-hero h1{color:#fff}
.detail-hero p{color:#aeb5bf!important}
.detail-nav{border-color:#222831!important;background:#0b0e13!important}
.detail-nav a{color:#d8dbe0!important}
.detail-nav a:hover{color:#ff7a18!important}
.detail-service{border-color:#d7d9dc!important;background:#f5f4f1}
.detail-service:nth-child(even){background:#eceae6!important}
.detail-number{color:#ff5b00!important}
.detail-side>p{color:#68717d!important}
.detail-content>p{color:#303640!important}
.deliverables li{border-color:#d5d7da!important;background:#fff!important}
.deliverables li:before{color:#ff5b00!important}
.example-box{border-color:#ff5b00!important;background:#fff0e7!important;color:#5e4a3e!important}
.detail-cta{background:#07090d!important}
.detail-cta p{color:#aeb4bc!important}

/* Legal and thank-you */
.legal{background:#f5f4f1}
.legal .back{color:#df4e00!important}
.legal h1,.legal h2{color:#111318}
.legal .updated{color:#777f89!important}
.legal p,.legal li{color:#505a66!important}
.legal a{color:#c84500}
.thanks{background:radial-gradient(circle at 50% 25%,rgba(255,91,0,.17),transparent 28%),linear-gradient(135deg,#05070a,#141922)!important}
.thanks-card{position:relative;overflow:hidden;border-color:rgba(255,91,0,.3)!important;background:#fff!important;box-shadow:0 45px 95px -40px rgba(0,0,0,.9)!important}
.thanks-card:before{content:"";position:absolute;top:-80px;right:-80px;width:200px;height:200px;border:1px solid rgba(255,91,0,.22);border-radius:50%;box-shadow:0 0 0 34px rgba(255,91,0,.025)}
.thanks-brand{display:block;width:180px;height:auto;margin:0 auto 24px}
.thanks-icon{background:#fff0e7!important;color:#ff5b00!important}
.thanks small a{color:#c84500;text-decoration:underline}

@media(max-width:980px){
  .hero{min-height:auto}
  .hero-brand-mark{right:-150px;top:150px;width:620px;opacity:.07}
  .about-grid{align-items:start}
  .about-visual{max-width:480px;margin:auto}
  .experience-card{right:-12px}
}

@media(max-width:760px){
  .nav{height:76px}
  .logo{width:185px}
  .nav nav{top:76px;height:calc(100vh - 76px);background:#090b10;border-top:1px solid rgba(255,255,255,.08)}
  .nav nav a{border-color:rgba(255,255,255,.09);color:#eef0f2!important}
  .nav nav .nav-cta{border-color:#ff6a13}
  .hero{padding:122px 0 76px}
  .hero-brand-mark{right:-180px;top:240px;width:480px;opacity:.06}
  .hero h1{font-size:46px}
  .quick-trust>span{border:0}
  .promise-grid>p,.promise-grid>div{border-color:rgba(255,255,255,.09)}
  .case-metrics>div{border-color:rgba(255,255,255,.1)}
  .about-visual:before{inset:15px -10px -15px 10px}
  .portrait-photo{width:100%;height:auto;aspect-ratio:2/3}
  .experience-card{right:-4px;bottom:20px}
  .footer-logo{width:210px}
  .thanks-brand{width:155px}
}

@media(max-width:420px){
  .container{width:calc(100% - 30px)}
  .logo{width:164px}
  .hero h1{font-size:39px}
  .hero-actions .button{width:100%}
  .lead-machine{padding:14px}
  .experience-card{position:relative;right:auto;bottom:auto;width:calc(100% - 28px);margin:-36px auto 0}
}

@media(prefers-reduced-motion:reduce){
  .hero h1 em{animation:none}
  .hero-brand-mark{transform:none}
}

/* WCAG contrast tuning for orange on light surfaces */
.case-build>div>span,
.problem-section .kicker,
.services .kicker,
.problem-list article>span,
.service-text>span,
.problem-copy h2 em,
.case-heading h2 em,
.roas-number>b,
.details-link,
.contact-form .consent a,
.legal a{color:#b63800}
.problem-copy>p:last-child,
.problem-list p,
.section-head>p,
.section-head.split>p{color:#59636f}
.case-screens figcaption{color:#586272}
.latest-meta-proof .screen-bar{color:#505a68}
.latest-meta-proof figcaption{color:#596375}
.search-result small{color:#286944}
.search-result strong{color:#a93400}