/* DUCT's site uses the Antillia visual system: Manrope, near-black surfaces,
   warm orange controls and restrained topographic line art. */
@font-face{font-family:Manrope;src:url('assets/fonts/manrope-cyrillic.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap;unicode-range:U+0400-052F,U+20BD}
@font-face{font-family:Manrope;src:url('assets/fonts/manrope-latin.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap;unicode-range:U+0000-024F}
:root{
  --color-bg-primary:#090909;
  --color-bg-secondary:#101010;
  --color-bg-card:#1a1918;
  --color-bg-elevated:#24211e;
  --color-accent-cyan:#f7772b;
  --color-accent-cyan-bright:#ff9b5c;
  --color-accent-purple:#f7772b;
  --color-text-primary:#f7f6f5;
  --color-text-secondary:#dfdbd7;
  --color-text-muted:#aaa5a0;
  --color-text-dim:#89837e;
  --color-border:#35302d;
  --color-border-hover:#784a31;
  --font-primary:Manrope,Arial,sans-serif;
  --font-mono:Manrope,Arial,sans-serif;
  --container-max:1280px;
  --container-padding:clamp(24px,4vw,58px);
  --radius-md:10px;
  --radius-lg:12px;
}
body{background:#090909;color:var(--color-text-secondary);letter-spacing:-.01em}
.header,.header--scrolled{background:rgba(9,9,9,.94);border-bottom:1px solid #292421;backdrop-filter:blur(16px)}
.header{padding:18px 0}.header--scrolled{padding:13px 0}
.logo{gap:13px;letter-spacing:.1em;white-space:nowrap}
.logo__mark{width:30px;height:31px;object-fit:contain;flex:none}
.logo__text{margin:0;font:800 15px/1 Manrope,Arial,sans-serif;color:#f7f6f5}
.logo__text span{color:#89837e;font-weight:700}
.nav__link{color:#b4ada7;font-size:14px;font-weight:650}
.nav__link--product{color:#f7772b}
.nav__link::after{height:1px;background:#f7772b}
.language-switch{gap:3px;padding:4px;border:1px solid #6c5141;border-radius:9px;background:#1b1714;color:#b7aaa0;font-family:Manrope,Arial,sans-serif;font-size:13px;font-weight:750}
.language-switch button{min-width:40px;min-height:32px;padding:7px 9px;border-radius:6px;color:#f0e4db;transition:background .2s,color .2s}
.language-switch button:hover{background:#4b3022;color:#fff}
.language-switch button[aria-pressed=true],.language-switch button[aria-pressed=true]:hover{background:#f7772b;color:#1a0c04}
.language-switch button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.hero{min-height:min(760px,100svh);padding:120px 0 90px;background:#090909}
.hero__canvas{display:none}
.hero__overlay{background:radial-gradient(ellipse at 72% 62%,rgba(218,83,29,.13),transparent 45%)}
.hero::after{display:none}
.hero__content{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);align-items:center;gap:clamp(28px,3.5vw,70px);text-align:left;max-width:var(--container-max);width:100%}
.hero__copy{min-width:0;position:relative;z-index:1}
.hero__badge,.hero__title,.hero__subtitle,.hero__description,.hero__actions{animation:none}
.hero__art{position:relative;min-width:0;height:clamp(350px,37vw,525px);overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 65% 48%,rgba(175,63,21,.16),transparent 60%);border-radius:24px}
.hero__art img{position:absolute;width:155%;max-width:none;height:100%;object-fit:contain;left:-29%;top:0;filter:drop-shadow(0 18px 30px rgba(236,96,25,.13))}
.hero__badge{margin-bottom:29px;padding:0;border:0;background:none;border-radius:0;color:#f7772b;font-size:12px;font-weight:800;letter-spacing:.18em}
.hero__badge-dot{display:none}
.hero__title{max-width:590px;font-size:clamp(3rem,4.8vw,5rem);font-weight:650;line-height:1.12;letter-spacing:-.048em;text-wrap:balance;margin-bottom:24px}
.hero__subtitle{max-width:530px;font-size:clamp(1.12rem,1.55vw,1.4rem);color:#f7772b;font-weight:650;line-height:1.35;margin-bottom:19px}
.hero__description{max-width:520px;margin:0 0 32px;color:#bbb5b0;font-size:clamp(.97rem,1.25vw,1.08rem);line-height:1.62}
.hero__actions{justify-content:flex-start;margin-bottom:0;gap:13px}
.hero__scroll{display:none}
.btn{min-height:52px;padding:14px 23px;border-radius:10px;font-size:15px;font-weight:800;letter-spacing:-.01em}
.btn--glow{background:#f7772b;color:#1a0c04;box-shadow:0 12px 35px rgba(247,119,43,.14)}
.btn--glow:hover{background:#ff9552;box-shadow:0 12px 35px rgba(247,119,43,.25)}
.btn--quiet{background:#1b1816;border:1px solid #42372f;color:#f1e9e3}
.btn--quiet:hover{background:#24201d;border-color:#936044}
.section{padding:110px 0;border-top:1px solid #24201e;scroll-margin-top:75px}
.section__header{text-align:left;max-width:820px;margin:0 0 53px}
.section__eyebrow{font-family:Manrope,Arial,sans-serif;font-size:11px;font-weight:800;letter-spacing:.18em;color:#f7772b;margin-bottom:17px}
.section__title{font-size:clamp(2.25rem,3.8vw,3.8rem);font-weight:700;line-height:1.14;letter-spacing:-.045em;margin-bottom:18px}
.section__description{font-size:clamp(1rem,1.5vw,1.17rem);line-height:1.65;color:#aaa5a0}
.protocol{background:#090909}
.protocol__features{gap:15px}
.protocol__card,.network__feature,.network__canvas-wrap{background:#1a1918;border:1px solid #35302d;border-radius:12px;box-shadow:none}
.protocol__card{padding:30px;display:flex;flex-direction:column;min-height:292px}
.protocol__card::before{display:none}
.protocol__card:hover,.network__feature:hover{border-color:#784a31;box-shadow:none;transform:translateY(-2px)}
.protocol__card-number{font-family:Manrope,Arial,sans-serif;color:#f7772b;font-weight:800;letter-spacing:.15em}
.protocol__card-title,.network__feature-title{font-weight:800;letter-spacing:-.03em}
.protocol__card-text{margin-bottom:24px}
.protocol__card-code{margin-top:auto;background:#11100f;border-color:#302c29;color:#d9b097;font-family:Manrope,Arial,sans-serif;font-weight:650;font-size:12px}
.source-link{color:#f7772b;font-weight:800}
.network{background:radial-gradient(ellipse at 8% 25%,rgba(146,55,24,.1),transparent 43%),#101010}
.network__grid{gap:16px}
.network__canvas-wrap{min-height:450px}
.network__canvas-label{background:#151312;border:1px solid #35302d;color:#d7c9c1;font-family:Manrope,Arial,sans-serif;font-weight:750;font-size:11px}
.network__canvas-dot{background:#f7772b;box-shadow:0 0 10px #f7772b}
.network__features{gap:14px}
.network__feature{padding:25px;gap:16px}
.network__feature-icon{width:38px;height:38px;border-radius:9px;background:#392317;border-color:#68402a;color:#f7772b;font-weight:800;font-size:12px}
.network__feature-text{font-size:14px}
.product-card{position:relative;min-height:440px;overflow:hidden;background:#151211;border:1px solid #543225;border-radius:14px;padding:clamp(32px,5vw,65px);box-shadow:none;display:block}
.product-card__content{position:relative;z-index:2;max-width:520px}
.product-card__eyebrow{font-family:Manrope,Arial,sans-serif;font-weight:800;font-size:11px;color:#f7772b}
.product-card h3{font-size:clamp(2.6rem,4vw,4.2rem);font-weight:700;line-height:1.1;letter-spacing:-.045em;margin:18px 0}
.product-card p{max-width:430px;font-size:17px;line-height:1.55;color:#b8b0aa;margin-bottom:32px}
.product-card__art{position:absolute;right:-8%;top:-18%;bottom:-13%;width:70%;background:url('assets/antillia-waves.svg') center/contain no-repeat;opacity:.96;pointer-events:none}
.footer{padding:58px 0 28px;background:#090909;border-top:1px solid #302824}
.footer__logo{display:flex}.footer__tagline{max-width:360px}
.footer__heading{color:#f7772b;font-size:11px;font-weight:800}
.footer__link:hover{color:#f7772b}
@media(max-width:1024px){.hero__content{gap:24px}.hero__title{font-size:clamp(2.7rem,5.1vw,4.3rem)}.product-card__art{right:-22%;width:78%;opacity:.6}}
@media(max-width:768px){
  .header{padding:14px 0}.header__actions{gap:12px}
  .nav{background:#11100f;border-bottom-color:#40332c;gap:0;padding:10px 20px 20px;align-items:stretch}
  .nav__link{padding:14px 0;font-size:16px}
  .hero{min-height:0;padding:118px 0 65px}
  .hero__content{grid-template-columns:1fr;gap:24px}
  .hero__art{height:300px;max-width:620px;width:100%}
  .hero__art img{width:125%;left:-14%}
  .hero__overlay{background:radial-gradient(ellipse at 78% 50%,rgba(218,83,29,.12),transparent 50%)}
  .section{padding:83px 0}.section__header{margin-bottom:38px}
  .network__canvas-wrap{min-height:320px}
  .product-card{min-height:540px;padding:35px}
  .product-card__art{width:110%;right:-32%;top:25%;opacity:.5}
}
@media(max-width:480px){
  :root{--container-padding:20px}
  .logo__text{font-size:12px}.logo__mark{width:26px;height:27px}
  .hero{padding:112px 0 55px}
  .hero__badge{font-size:10px;letter-spacing:.13em;margin-bottom:20px}
  .hero__title{font-size:clamp(2.65rem,10vw,3.5rem);font-weight:650;line-height:1.12;margin-bottom:20px}
  .hero__subtitle{font-size:1.1rem}
  .hero__description{font-size:15px;line-height:1.58;margin-bottom:29px}
  .hero__actions{flex-direction:column;align-items:stretch;gap:10px}
  .hero__actions .btn{width:100%}
  .hero__art{height:240px}
  .hero__art img{width:145%;left:-22%}
  .section__title{font-size:clamp(2.25rem,10vw,3.2rem)}
  .protocol__card{padding:25px;min-height:0}
  .network__feature{padding:20px}
  .product-card{min-height:510px;padding:27px}
  .product-card h3{font-size:clamp(2.85rem,12vw,4rem)}
  .product-card p{font-size:15px}
  .product-card__art{top:38%;right:-10%;width:130%;opacity:.5}
  .product-card .btn{width:100%}
}
@media(prefers-reduced-motion:reduce){.hero::after{animation:none}}