/* Dunefox LLC — static Cloudflare Pages site */
:root{
  --navy:#07111f;--navy2:#091827;--panel:#0c1d30;--panel2:#10243a;
  --text:#f4f8fd;--muted:#9db0c5;--dim:#758aa1;--line:rgba(164,191,219,.16);
  --mint:#50e3c2;--blue:#5ea8ff;--white:#fff;--radius:24px;--max:1200px;
  --shadow:0 28px 80px rgba(0,0,0,.26)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.62;-webkit-font-smoothing:antialiased}
body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,textarea,select{font:inherit}button{cursor:pointer}
::selection{background:rgba(80,227,194,.24)}.container{width:min(calc(100% - 40px),var(--max));margin-inline:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:18px;top:12px;z-index:9999;background:#fff;color:#000;padding:9px 13px;border-radius:8px}
.eyebrow{display:inline-flex;align-items:center;gap:10px;color:#aff7e9;font-size:.75rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase;margin-bottom:16px}.eyebrow:before{content:"";width:26px;height:1px;background:var(--mint)}
h1,h2,h3,h4{line-height:1.06;margin:0 0 17px}h1{font-size:clamp(3rem,7vw,6.65rem);letter-spacing:-.06em}h2{font-size:clamp(2.1rem,4.4vw,4rem);letter-spacing:-.045em}h3{font-size:1.32rem;letter-spacing:-.024em}p{margin:0 0 18px;color:var(--muted)}.lead{font-size:clamp(1.05rem,1.75vw,1.3rem);max-width:790px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:0 22px;border:1px solid transparent;border-radius:999px;font-size:.92rem;font-weight:850;transition:.22s ease}.btn-primary{color:#04151b;background:linear-gradient(135deg,var(--mint),#71bdff);box-shadow:0 12px 34px rgba(80,227,194,.14)}.btn-primary:hover{transform:translateY(-2px);filter:brightness(1.05)}.btn-ghost{border-color:var(--line);background:rgba(255,255,255,.025)}.btn-ghost:hover{border-color:rgba(80,227,194,.42);background:rgba(80,227,194,.055)}.text-link{display:inline-flex;align-items:center;gap:8px;color:#b4faec;font-weight:800}.text-link:hover{color:#fff}
.section{padding:108px 0}.section-sm{padding:72px 0}.band{border-block:1px solid var(--line);background:#081522}.grid{display:grid;gap:20px}.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
.section-head{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:end;margin-bottom:46px}.section-head>p{margin-left:auto;max-width:630px}
.card{border:1px solid var(--line);border-radius:var(--radius);padding:29px;background:linear-gradient(180deg,rgba(16,36,58,.92),rgba(8,22,36,.92));box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}.lift{transition:.23s ease}.lift:hover{transform:translateY(-5px);border-color:rgba(80,227,194,.36);background:linear-gradient(180deg,rgba(21,47,73,.96),rgba(8,22,36,.96))}
.icon{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;margin-bottom:24px;border:1px solid rgba(80,227,194,.18);background:linear-gradient(135deg,rgba(80,227,194,.11),rgba(94,168,255,.11));color:var(--mint)}.icon svg{width:25px;height:25px;stroke:currentColor;fill:none;stroke-width:1.7}.tag{font-size:.7rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase;color:#7b93ac;margin-bottom:11px}
.site-header{position:fixed;z-index:100;inset:0 0 auto;border-bottom:1px solid transparent;transition:.25s}.site-header.scrolled{background:rgba(7,17,31,.89);backdrop-filter:blur(18px);border-color:var(--line)}.nav{height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand img{width:218px}.navlinks{display:flex;gap:25px;align-items:center}.navlinks>a:not(.btn){color:#b3c2d3;font-size:.89rem;font-weight:760}.navlinks>a:hover,.navlinks>a.active{color:#fff}.menubtn{display:none;border:0;background:none;color:#fff;padding:7px}.menubtn svg{width:28px;height:28px;stroke:currentColor;fill:none}
.hero{min-height:820px;padding:178px 0 88px;position:relative;overflow:hidden;background:linear-gradient(90deg,#07111f 0%,rgba(7,17,31,.96) 44%,rgba(7,17,31,.52) 79%,rgba(7,17,31,.78) 100%),url("../img/hero-network.svg") center right/cover no-repeat}.hero:after{content:"";position:absolute;width:480px;height:480px;border-radius:50%;right:-210px;top:100px;background:rgba(80,227,194,.08);filter:blur(65px)}.hero-in{position:relative;z-index:2;max-width:970px}.hero h1 span{background:linear-gradient(90deg,#fff,#b7faee);-webkit-background-clip:text;background-clip:text;color:transparent}.hero .lead{max-width:740px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:31px}.proof{display:flex;flex-wrap:wrap;gap:30px;margin-top:56px;padding-top:27px;border-top:1px solid var(--line);max-width:920px}.proof div{min-width:165px}.proof strong{display:block}.proof small{color:var(--muted)}
.ribbon{border-block:1px solid var(--line);background:#081522}.ribbon-in{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:23px 0}.ribbon-label{color:#70859c;font-size:.74rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.ribbon span:not(.ribbon-label){font-size:.88rem;font-weight:760;color:#c4d0dd}
.pillar{min-height:292px;display:flex;flex-direction:column}.pillar .text-link{margin-top:auto}.split{display:grid;grid-template-columns:1fr 1fr;gap:66px;align-items:center}.statement{border:1px solid var(--line);border-radius:32px;padding:54px;background:radial-gradient(circle at 86% 16%,rgba(80,227,194,.1),transparent 35%),linear-gradient(180deg,#0c1d30,#081522)}
.checklist{display:grid;gap:10px;list-style:none;padding:0;margin:25px 0}.checklist li{display:flex;gap:12px;color:#c5d4e3}.checklist li:before{content:"✓";width:24px;height:24px;flex:0 0 24px;display:grid;place-items:center;border-radius:50%;background:rgba(80,227,194,.1);color:var(--mint);font-weight:900;font-size:.76rem}
.visual{min-height:480px;border:1px solid var(--line);border-radius:32px;background:linear-gradient(135deg,rgba(13,35,56,.62),rgba(7,17,31,.88)),url("../img/rings.svg") center/cover no-repeat}
.process{counter-reset:n}.process .card{position:relative;padding-top:71px;min-height:255px}.process .card:before{counter-increment:n;content:"0" counter(n);position:absolute;left:28px;top:23px;color:var(--mint);font-size:1.42rem;font-weight:900}.process .card:after{content:"";position:absolute;left:74px;right:27px;top:51px;height:1px;background:linear-gradient(90deg,rgba(80,227,194,.34),transparent)}
.industry{min-height:225px;display:flex;flex-direction:column;justify-content:flex-end}.industry small{color:var(--mint);font-size:.7rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.cta{display:grid;grid-template-columns:1fr auto;align-items:center;gap:44px;padding:58px;border:1px solid rgba(80,227,194,.23);border-radius:34px;background:radial-gradient(circle at 88% 12%,rgba(80,227,194,.13),transparent 29%),linear-gradient(120deg,#102942,#0b1a2b 58%,#07111f)}.cta p{max-width:680px}
.subhero{padding:166px 0 82px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 78% 12%,rgba(80,227,194,.09),transparent 28%),#07111f}.subhero h1{font-size:clamp(3rem,6vw,5.45rem);max-width:1080px}.crumb{color:#7189a2;font-size:.76rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:24px}.crumb a{color:#b1f8eb}
.detail{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px}.sticky{position:sticky;top:118px;align-self:start}.service{display:grid;grid-template-columns:58px 1fr;gap:22px;padding:34px 0;border-top:1px solid var(--line)}.service:last-child{border-bottom:1px solid var(--line)}.service-num{color:var(--mint);font-weight:900}
.products{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product-card{min-height:250px}.product-card ul{padding-left:18px;color:var(--muted);font-size:.93rem}.product-card li{margin:7px 0}
.feature-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.feature{padding:25px 0;border-top:1px solid var(--line)}.feature strong{display:block;color:#eef6ff;margin-bottom:5px}.feature span{color:var(--muted);font-size:.9rem}
.quote{border-left:2px solid var(--mint);padding:12px 0 12px 26px;color:#deebf8;font-size:1.22rem}
.contact{display:grid;grid-template-columns:.8fr 1.2fr;gap:58px}.contact-item{display:flex;gap:14px;padding:17px 0;border-bottom:1px solid var(--line)}.contact-item strong{display:block}.contact-item a,.contact-item span{color:#a9bbcd}.mini-icon{width:42px;height:42px;flex:0 0 42px;margin:0;border-radius:13px;display:grid;place-items:center;background:rgba(80,227,194,.08);border:1px solid rgba(80,227,194,.15);color:var(--mint);font-weight:900}
.form{padding:35px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.full{grid-column:1/-1}label{display:block;color:#c5d5e4;font-size:.8rem;font-weight:780;margin-bottom:8px}input,select,textarea{width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:12px;color:#edf5fc;background:#081522;outline:none}input:focus,select:focus,textarea:focus{border-color:rgba(80,227,194,.48);box-shadow:0 0 0 3px rgba(80,227,194,.07)}textarea{min-height:150px;resize:vertical}.fine{font-size:.77rem;color:#768ba2}
.footer{padding:62px 0 27px;border-top:1px solid var(--line);background:#06101c}.footgrid{display:grid;grid-template-columns:1.3fr .65fr .8fr .9fr;gap:44px}.footbrand img{width:202px;margin-bottom:17px}.footbrand p{font-size:.9rem;max-width:410px}.footcol h4{font-size:.76rem;text-transform:uppercase;letter-spacing:.13em;color:#dce7f2;margin-bottom:15px}.footcol a,.footcol span{display:block;color:#8fa3b8;font-size:.88rem;margin:8px 0}.footcol a:hover{color:#fff}.footbottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:29px;margin-top:37px;border-top:1px solid var(--line);font-size:.78rem;color:#6d8197}
.reveal{opacity:1;transform:none}.reveal.show{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.lift,.btn{transition:none}}
@media(max-width:1120px){
 .navlinks{display:none;position:fixed;inset:84px 16px auto;background:#0a1929;border:1px solid var(--line);border-radius:20px;padding:23px;flex-direction:column;align-items:stretch;box-shadow:var(--shadow)}.navlinks.open{display:flex}.menubtn{display:block}
 .section-head,.split,.detail,.contact{grid-template-columns:1fr}.section-head>p{margin-left:0}.sticky{position:static}.g4{grid-template-columns:repeat(2,1fr)}.g3,.products{grid-template-columns:repeat(2,1fr)}.footgrid{grid-template-columns:1fr 1fr}.footbrand{grid-column:1/-1}.cta{grid-template-columns:1fr}
}
@media(max-width:680px){
 .container{width:min(calc(100% - 28px),var(--max))}.nav{height:74px}.brand img{width:184px}.navlinks{inset:74px 14px auto}.hero{min-height:auto;padding:140px 0 70px;background-position:61% center}
 h1{font-size:clamp(3rem,15vw,4.6rem)}.section{padding:80px 0}.section-sm{padding:58px 0}.g2,.g3,.g4,.products,.formgrid,.feature-row{grid-template-columns:1fr}.statement,.cta{padding:29px 23px}.visual{min-height:370px}.subhero{padding:136px 0 64px}.service{grid-template-columns:42px 1fr}.footgrid{grid-template-columns:1fr}.footbrand{grid-column:auto}.footbottom{flex-direction:column;align-items:flex-start}.form{padding:23px}
}

/* Usability and conversion improvements */
html{scroll-padding-top:110px}section[id],article[id],h2[id]{scroll-margin-top:110px}
main:focus{outline:none}.site-header{background:rgba(7,17,31,.95)}.brand img,.footbrand img{height:auto}.navlinks{gap:23px}
.hero{min-height:750px;padding:157px 0 68px}.hero h1{font-size:clamp(3rem,6.2vw,5.6rem);letter-spacing:-.055em}.hero .lead{max-width:720px}.proof{margin-top:36px;gap:42px}
.contact-note{margin-top:24px}.contact-note h3{font-size:1.1rem}.form-title{font-size:1.55rem;letter-spacing:-.025em;line-height:1.2}.form .fine{margin:9px 0 0}.form .fine a,.prose a{color:#b4faec;text-decoration:underline;text-underline-offset:3px}.form button{margin-top:16px}.honeypot{display:none!important}.field-error{color:#ffc4c4;font-size:.9rem;margin-top:8px}.field-error[hidden]{display:none}input[type=file]{font-size:.85rem;padding:10px;max-width:100%}input[type=file]::file-selector-button{border:0;border-radius:8px;padding:8px 12px;margin-right:10px;background:#18364a;color:#f4f8fd;cursor:pointer}
:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--mint);outline-offset:4px}input:focus,select:focus,textarea:focus{border-color:var(--mint);box-shadow:0 0 0 3px rgba(80,227,194,.14)}
.fine{color:#a1b3c6}.tag,.ribbon-label,.crumb,.footbottom{color:#9aaec3}.footcol h2{font-size:.76rem;text-transform:uppercase;letter-spacing:.13em;color:#dce7f2;margin-bottom:15px}
.deliverable{color:#c6d6e5;font-size:.94rem}.deliverable strong{color:#e9f4ff}.sector-grid{gap:24px}.sector-grid .card{padding:42px}.sector-grid h2{font-size:clamp(1.8rem,3.5vw,3rem)}.prose{max-width:850px}.prose h2{font-size:1.7rem;margin-top:38px}.prose h2:first-child{margin-top:0}.prose p{max-width:78ch}
.faq{max-width:900px}.faq details{border-top:1px solid var(--line);padding:22px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{font-size:1.08rem;font-weight:800;cursor:pointer;padding-right:12px}.faq details p{margin:18px 0 0;max-width:76ch}.pillar{min-height:260px}
@media(max-width:1120px){.navlinks{max-height:calc(100dvh - 110px);overflow-y:auto}.hero{min-height:auto}.proof{gap:25px}}
@media(max-width:680px){.hero{padding:126px 0 54px}.hero h1{font-size:clamp(2.15rem,9.5vw,3.3rem);letter-spacing:-.04em;line-height:1.1}.hero .lead{font-size:1.06rem}.proof{gap:18px;margin-top:29px}.proof div{min-width:140px}.section{padding:64px 0}.section-sm{padding:48px 0}.subhero{padding:128px 0 52px}.subhero h1{font-size:clamp(2.25rem,10.5vw,3.7rem);overflow-wrap:break-word}.section-head{gap:18px;margin-bottom:29px}.section-head h2{font-size:2rem}.contact{gap:32px}.form{padding:22px}.form-title{font-size:1.4rem}.sector-grid .card{padding:26px}.split{gap:30px}.cta{gap:22px}.actions .btn{padding:0 18px}.footbottom{font-size:.78rem}}
