/* ============================================================
   eeu.com.tr — shared design system
   Matthew Dicks-inspired layout · Eşref Erdinç Uslu content
   Fonts: Archivo Black (display), Hanken Grotesk (sans),
          Newsreader (serif), Space Mono (mono brackets)
   ============================================================ */

:root{
  --blue:#1E40C2;
  --blue-deep:#173098;
  --blue-bright:#3E72B8;
  --btn-blue:#3E72B8;
  --blue-light:#C3DAEC;
  --yellow:#FFC72C;
  --yellow-soft:#FFE08A;
  --kraft:#C9A877;
  --kraft-deep:#B5854B;
  --kraft-soft:#E7D2B4;
  --paper:#FBFAF5;
  --paper-2:#FFFFFF;
  --ink:#14161B;
  --ink-soft:#4A4D55;
  --ink-faint:#8B8D95;
  --red:#CE2E2E;
  --green:#2F7D4F;
  --line:#E5E1D7;
  --line-strong:#D4CEBF;
  --c-hvac:var(--blue);
  --c-muzik:var(--kraft-deep);
  --c-mentorluk:var(--red);
  --c-erbaa:#2F7D4F;
  --accent:var(--blue);
  --maxw:1200px;
  --fat:"Archivo Black","Hanken Grotesk",system-ui,sans-serif;
  --display:"Hanken Grotesk",system-ui,sans-serif;
  --serif:"Newsreader",Georgia,serif;
  --mono:"Space Mono","Courier New",monospace;
  --shadow:0 2px 0 rgba(21,23,28,.06),0 14px 34px -18px rgba(21,23,28,.4);
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
html,body{margin:0;padding:0;}
body{
  background:var(--paper);color:var(--ink);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.012 0.016' numOctaves='3' seed='7'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)' opacity='0.05'/%3E%3C/svg%3E");
  font-family:var(--serif);line-height:1.62;font-size:17px;-webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none;}
button{font-family:inherit;cursor:pointer;}
img{display:block;max-width:100%;}
::selection{background:var(--blue);color:#fff;}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 32px;}

.grain{position:relative;}
.grain::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.045'/%3E%3C/svg%3E");}

/* bracket label */
.bracket{display:inline-block;font-family:var(--mono);font-size:12.5px;font-weight:700;letter-spacing:.02em;
  background:var(--ink);color:var(--paper);padding:6px 12px;line-height:1.3;}
.bracket.on-blue{background:#0E2A4F;color:#DCE7F5;}
.bracket.on-kraft{background:#4A3318;color:#F3E4CC;}
.bracket.on-yellow{background:#3A2E00;color:#FFE9A8;}

/* display headings */
.display{font-family:var(--display);font-weight:800;line-height:1.02;letter-spacing:-.022em;}
.display .hl{color:var(--blue);}
.hero h1 .hl,.listhead .display .hl{color:var(--yellow-soft);}
.hero h1,.band h2.display,.sec-head h2.display,.listhead h2.display,.reader h1.display,
.about .bubble h2.display,.fat{font-family:var(--fat);font-weight:400;letter-spacing:-.03em;}

/* ---------- header ---------- */
header.site{position:sticky;top:0;z-index:60;background:var(--paper);border-bottom:2px solid var(--ink);}
.nav{display:flex;align-items:center;gap:18px;height:76px;}
.brand{display:flex;align-items:center;gap:12px;flex:none;}
.brand .mark{height:48px;width:auto;display:grid;place-items:center;flex:none;}
.brand .mark img{height:48px;width:auto;object-fit:contain;}
.brand .btext{display:flex;flex-direction:column;gap:3px;}
.brand .bname{font-family:var(--fat);font-weight:400;font-size:17px;line-height:.95;text-transform:uppercase;white-space:nowrap;letter-spacing:-.01em;}
.brand .bsub{font-family:var(--mono);font-size:9.5px;color:var(--ink-faint);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;}
.nav .spacer{flex:1;}
.nav-links{display:flex;gap:2px;align-items:center;}
.nav-link{padding:9px 11px;font-family:var(--mono);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;
  color:var(--ink-soft);border:2px solid transparent;transition:color .15s,background .15s;white-space:nowrap;}
.nav-link:hover{color:var(--blue);}
.nav-link.active{background:var(--blue);color:#fff;}
.nav-search{width:40px;height:40px;border:2px solid var(--ink);background:transparent;color:var(--ink);display:grid;place-items:center;flex:none;}
.nav-search:hover{background:var(--ink);color:var(--paper);}
.lang-btn{height:40px;min-width:44px;padding:0 12px;border:2px solid var(--ink);background:transparent;color:var(--ink);font-family:var(--mono);font-weight:700;font-size:12px;letter-spacing:.04em;flex:none;transition:background .15s,color .15s;}
.lang-btn:hover{background:var(--ink);color:var(--paper);}
.nav-toggle{display:none;width:44px;height:40px;border:2px solid var(--ink);background:transparent;}
.nav-toggle span{display:block;width:20px;height:2px;background:var(--ink);margin:4px auto;}

/* ---------- hero (blue band) ---------- */
.hero{background:var(--blue);color:#fff;position:relative;overflow:hidden;}
.hero .wrap{padding:76px 32px 84px;position:relative;z-index:2;}
.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:48px;align-items:center;}
.hero h1{font-size:clamp(34px,4.8vw,64px);line-height:1.02;margin:22px 0 32px;}
.hero p.hsub{font-size:18px;color:#DCE7F5;max-width:48ch;margin:0 0 30px;}
.hero .checklist{display:grid;grid-template-columns:1fr 1fr;gap:14px 36px;max-width:640px;}
.hero .checklist .ci{display:flex;align-items:center;gap:13px;font-family:var(--display);font-weight:600;font-size:16px;letter-spacing:-.01em;cursor:pointer;transition:transform .15s;}
.hero .checklist .ci:hover{transform:translateX(4px);}
.hero .checklist .ci .bullet{width:18px;height:18px;border:2px solid #fff;border-radius:50%;display:grid;place-items:center;flex:none;}
.hero .checklist .ci .bullet::after{content:"";width:7px;height:7px;border-radius:50%;background:#fff;}
.hero-portrait{position:relative;}
.hero-portrait img{width:100%;max-width:420px;aspect-ratio:1;object-fit:cover;object-position:50% 30%;background:#fff;border:3px solid #fff;border-radius:6px;filter:drop-shadow(0 20px 36px rgba(0,0,0,.4));margin-left:auto;}
.hero-portrait .tape{position:absolute;font-family:var(--mono);font-size:11px;background:var(--ink);color:#fff;padding:5px 10px;bottom:-10px;left:50%;transform:translateX(-50%) rotate(-2deg);white-space:nowrap;}
.hero-portrait .hat-sticker{position:absolute;top:-58px;right:-34px;width:clamp(150px,40%,230px);height:auto;background:none;border:0;border-radius:0;aspect-ratio:auto;object-fit:contain;max-width:none;margin:0;transform:rotate(7deg);filter:drop-shadow(0 14px 22px rgba(0,0,0,.5)) drop-shadow(0 2px 4px rgba(0,0,0,.35));pointer-events:none;}
.hero.center .wrap{text-align:center;}
.hero.center h1{margin-left:auto;margin-right:auto;max-width:18ch;}
.hero.center p.hsub{margin-left:auto;margin-right:auto;}

/* ---------- intro band ---------- */
.band{padding:72px 0;position:relative;overflow:hidden;}
.doodle{position:absolute;z-index:1;width:150px;height:150px;opacity:.96;}
.doodle-l{left:3%;top:16%;transform:rotate(-6deg);}
.doodle-r{right:3%;top:20%;transform:rotate(5deg);}
@media (max-width:860px){.doodle{display:none;}}
.band .lede-wrap{max-width:720px;margin:0 auto;text-align:center;}
.band h2.display{font-size:clamp(38px,6vw,76px);color:var(--ink);margin:22px 0 24px;}
.band p.lede{font-size:18.5px;color:var(--ink-soft);margin:0 auto 30px;max-width:56ch;text-wrap:pretty;}
.heartbeat{width:100%;height:64px;margin-top:8px;color:var(--blue);}

/* light-blue band */
.band-blue{background:var(--blue-light);position:relative;overflow:hidden;}
.corner-doodle{position:absolute;pointer-events:none;z-index:1;}
.pillar-fan{top:26px;right:3%;width:148px;height:148px;color:var(--blue);opacity:.14;}
.object-row{display:flex;align-items:flex-end;justify-content:center;gap:clamp(20px,5vw,52px);flex-wrap:wrap;margin:2px 0 38px;}
.object-row .obj{width:74px;height:74px;color:var(--ink);flex:none;}
.object-row .obj.b{color:var(--blue);}.object-row .obj.r{color:var(--red);}.object-row .obj.k{color:var(--kraft-deep);}

/* kraft band */
.band-kraft{background:var(--kraft);color:#2A1E10;position:relative;overflow:hidden;}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--display);font-weight:800;text-transform:uppercase;letter-spacing:.02em;font-size:14px;padding:14px 26px;border:2px solid var(--ink);border-radius:6px;transition:transform .15s,background .2s,color .2s;}
.btn-blue{background:var(--btn-blue);color:#fff;border-color:var(--btn-blue);}
.btn-blue:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--ink);}
.btn-ink{background:var(--ink);color:var(--paper);border-color:var(--ink);}
.btn-ink:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--blue);}
.btn-yellow{background:var(--yellow);color:#15171C;border-color:var(--yellow);}
.btn-yellow:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--ink);}
.btn-ghost{background:transparent;color:var(--ink);}
.btn-ghost:hover{background:var(--ink);color:var(--paper);}
.btn-ghost-w{background:transparent;color:#fff;border-color:#fff;}
.btn-ghost-w:hover{background:#fff;color:var(--ink);}

/* ---------- section heading ---------- */
.sec{padding:70px 0;}
.sec-head{margin-bottom:38px;}
.sec-head.center{text-align:center;}
.sec-head.center p{margin-left:auto;margin-right:auto;}
.sec-head h2.display{font-size:clamp(34px,5vw,60px);color:var(--ink);margin:16px 0 0;}
.sec-head p{color:var(--ink-soft);margin:14px 0 0;max-width:60ch;}

/* ---------- expertise / offering grid ---------- */
.exp-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border:2px solid var(--ink);}
.exp-card{padding:30px 32px;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);background:var(--paper-2);transition:background .2s;}
.exp-card:nth-child(2n){border-right:none;}
.exp-card:nth-child(n+3){border-bottom:none;}
.exp-card:hover{background:var(--blue);color:#fff;}
.exp-card:hover .exp-n,.exp-card:hover p{color:#fff;}
.exp-n{font-family:var(--mono);font-weight:700;font-size:13px;color:var(--blue);letter-spacing:.04em;}
.exp-card h3{font-family:var(--display);font-weight:800;font-size:23px;line-height:1.08;letter-spacing:-.02em;margin:14px 0 12px;}
.exp-card p{margin:0;color:var(--ink-soft);font-size:15px;line-height:1.55;}
@media (max-width:760px){.exp-grid{grid-template-columns:1fr;}.exp-card{border-right:none;border-bottom:2px solid var(--ink);}.exp-card:last-child{border-bottom:none;}}

/* ---------- pillars ---------- */
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:2px solid var(--ink);}
.pillar{position:relative;padding:26px;text-align:left;background:var(--paper-2);border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);transition:background .2s;}
.pillar:nth-child(3n){border-right:none;}
.pillar:nth-child(n+4){border-bottom:none;}
.pillar:hover{background:var(--pc);color:#fff;}
.pillar:hover .p-blurb,.pillar:hover .more{color:#fff;}
.pillar .p-num{font-family:var(--mono);font-size:12px;font-weight:700;color:var(--pc);}
.pillar:hover .p-num{color:#fff;}
.pillar h3{font-family:var(--display);font-weight:800;font-size:23px;line-height:1.08;letter-spacing:-.02em;margin:14px 0 11px;}
.pillar .p-blurb{color:var(--ink-soft);font-size:14px;margin:0 0 20px;min-height:118px;}
.pillar .more{font-family:var(--mono);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--pc);display:inline-flex;gap:8px;align-items:center;}
.pillar:hover .more .arr{transform:translateX(5px);}
.more .arr{transition:transform .2s;}
@media (max-width:1080px){.pillars{grid-template-columns:1fr 1fr;}.pillar{border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);}.pillar:nth-child(2n){border-right:none;}.pillar:nth-child(n+5){border-bottom:none;}}
@media (max-width:680px){.pillars{grid-template-columns:1fr;}.pillar{border-right:none;}.pillar:nth-child(n){border-bottom:2px solid var(--ink);}.pillar:last-child{border-bottom:none;}}

/* ---------- chips + posts ---------- */
.chips{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px;}
.chip{font-family:var(--mono);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:8px 15px;border:2px solid var(--line-strong);background:transparent;color:var(--ink-soft);transition:all .15s;}
.chip:hover{border-color:var(--ink);color:var(--ink);}
.chip.active{background:var(--ink);color:var(--paper);border-color:var(--ink);}
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.card{position:relative;background:var(--paper-2);border:2px solid var(--ink);padding:24px;text-align:left;display:flex;flex-direction:column;min-height:250px;transition:transform .15s,box-shadow .2s;}
.card:hover{transform:translate(-3px,-3px);box-shadow:6px 6px 0 var(--cc);}
.card .meta{display:flex;align-items:center;gap:9px;margin-bottom:14px;font-family:var(--mono);font-size:11px;color:var(--ink-faint);}
.card .catpill{font-family:var(--mono);font-weight:700;text-transform:uppercase;font-size:10.5px;letter-spacing:.03em;padding:4px 9px;color:#fff;background:var(--cc);}
.card h3{font-family:var(--display);font-weight:800;font-size:21px;line-height:1.1;letter-spacing:-.02em;margin:0 0 12px;}
.card p{margin:0;color:var(--ink-soft);font-size:14.5px;flex:1;}
.card .read-more{margin-top:16px;font-family:var(--mono);font-weight:700;font-size:11.5px;text-transform:uppercase;letter-spacing:.03em;color:var(--cc);display:inline-flex;gap:7px;align-items:center;}
@media (max-width:900px){.posts{grid-template-columns:1fr 1fr;}}
@media (max-width:620px){.posts{grid-template-columns:1fr;}}

/* ---------- listhead ---------- */
.listhead{background:var(--accent);color:#fff;padding:60px 0;}
.listhead h2.display{font-size:clamp(40px,7vw,86px);margin:18px 0 14px;}
.listhead p{font-family:var(--mono);font-size:14px;max-width:60ch;opacity:.92;}

/* ---------- "as featured in" strip ---------- */
.featured-in{border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);background:var(--paper-2);padding:26px 0;}
.featured-in .wrap{display:flex;align-items:center;justify-content:center;gap:clamp(20px,5vw,56px);flex-wrap:wrap;}
.featured-in .fi-label{font-family:var(--mono);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-faint);}
.featured-in .fi-logo{font-family:var(--display);font-weight:800;font-size:18px;color:var(--ink-soft);letter-spacing:-.01em;opacity:.7;}

/* ---------- clients grid ---------- */
.clients{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border:2px solid var(--ink);}
.client{display:grid;place-items:center;padding:26px 16px;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);font-family:var(--display);font-weight:800;font-size:16px;color:var(--ink-soft);text-align:center;letter-spacing:-.01em;background:var(--paper-2);transition:background .2s,color .2s;}
.client:hover{background:var(--ink);color:#fff;}
.client:nth-child(5n){border-right:none;}
.client:nth-child(n+11){border-bottom:none;}
@media (max-width:820px){.clients{grid-template-columns:repeat(3,1fr);}.client:nth-child(5n){border-right:2px solid var(--ink);}.client:nth-child(3n){border-right:none;}.client:nth-child(n+11){border-bottom:2px solid var(--ink);}}
@media (max-width:520px){.clients{grid-template-columns:repeat(2,1fr);}.client:nth-child(3n){border-right:2px solid var(--ink);}.client:nth-child(2n){border-right:none;}}

/* ---------- video cards ---------- */
.vids{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.vid{border:2px solid var(--ink);background:#000;display:block;position:relative;overflow:hidden;transition:transform .15s,box-shadow .2s;}
.vid:hover{transform:translate(-3px,-3px);box-shadow:6px 6px 0 var(--blue);}
.vid .thumb{aspect-ratio:16/9;width:100%;object-fit:cover;display:block;transition:filter .2s,transform .3s;}
.vid:hover .thumb{filter:brightness(.8);transform:scale(1.04);}
.vid .vplay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;background:rgba(200,68,47,.94);color:#fff;display:grid;place-items:center;padding-left:3px;}
.vid .vcap{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,rgba(0,0,0,.82));color:#fff;font-family:var(--display);font-weight:800;font-size:13px;letter-spacing:.02em;text-transform:uppercase;padding:26px 12px 10px;}
@media (max-width:820px){.vids{grid-template-columns:1fr 1fr;}}
@media (max-width:520px){.vids{grid-template-columns:1fr;}}

/* ---------- testimonial bubble (kraft) ---------- */
.quote-band{background:var(--kraft);color:#2A1E10;padding:74px 0;position:relative;}
.quote-bubble{max-width:780px;margin:0 auto;background:#FBF6EC;border:2px solid var(--ink);padding:46px 56px;text-align:center;position:relative;filter:drop-shadow(0 16px 30px rgba(0,0,0,.22));}
.quote-bubble q{font-family:var(--display);font-weight:800;font-size:clamp(20px,3vw,28px);line-height:1.25;letter-spacing:-.01em;color:#15171C;display:block;quotes:none;}
.quote-bubble cite{display:block;margin-top:18px;font-family:var(--mono);font-size:12px;font-style:normal;color:var(--ink-faint);letter-spacing:.04em;}
.quote-bubble::after{content:"";position:absolute;left:60px;bottom:-16px;width:30px;height:16px;background:#FBF6EC;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:skewX(-18deg);}

/* ---------- event list ---------- */
.events{display:flex;flex-direction:column;border:2px solid var(--ink);background:var(--paper-2);}
.event{display:grid;grid-template-columns:120px 1fr auto;gap:22px;align-items:center;padding:22px 26px;border-bottom:2px solid var(--ink);}
.event:last-child{border-bottom:none;}
.event .ev-date{font-family:var(--display);font-weight:800;font-size:15px;color:var(--blue);text-transform:uppercase;letter-spacing:.02em;}
.event .ev-name{font-family:var(--display);font-weight:800;font-size:19px;letter-spacing:-.01em;}
.event .ev-where{font-family:var(--mono);font-size:12px;color:var(--ink-faint);margin-top:4px;}
.event .ev-tag{font-family:var(--mono);font-size:11px;font-weight:700;text-transform:uppercase;color:#fff;background:var(--blue);padding:5px 10px;white-space:nowrap;}
@media (max-width:620px){.event{grid-template-columns:1fr;gap:8px;}.event .ev-tag{justify-self:start;}}

/* ---------- contact card ---------- */
.contact-card{max-width:420px;margin:0 auto;background:var(--paper-2);border:2px solid var(--ink);border-radius:10px;padding:36px 34px;text-align:center;box-shadow:var(--shadow);}
.contact-card .avatar{width:84px;height:84px;border-radius:50%;object-fit:cover;margin:0 auto 16px;border:2px solid var(--ink);}
.contact-card h3{font-family:var(--display);font-weight:800;font-size:20px;margin:0 0 4px;letter-spacing:-.01em;}
.contact-card .role{font-family:var(--mono);font-size:12px;color:var(--ink-faint);margin:0 0 10px;}
.contact-card a.mail{font-family:var(--mono);font-size:13px;color:var(--blue);}

/* ---------- phone hero illustration ---------- */
.phone-art{position:relative;display:grid;place-items:center;}
.phone-art svg{width:min(100%,360px);height:auto;filter:drop-shadow(0 24px 36px rgba(0,0,0,.4));}

/* ---------- about (kraft bubble) ---------- */
.about{background:var(--kraft);color:#2A1E10;position:relative;overflow:hidden;}
.about .tw-bg{position:absolute;inset:0;z-index:1;font-family:var(--mono);font-size:17px;line-height:1.95;letter-spacing:.16em;text-transform:uppercase;color:#7C5C32;opacity:.20;padding:26px 30px;overflow:hidden;word-break:break-word;pointer-events:none;user-select:none;}
.about .wrap{padding:84px 32px;position:relative;z-index:2;}
.about-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:24px;align-items:center;}
.about .bubble{position:relative;background:#FBF6EC;border:2px solid var(--ink);padding:48px 52px;filter:drop-shadow(0 16px 30px rgba(0,0,0,.3));}
.about .bubble h2.display{font-size:clamp(38px,5.6vw,62px);color:#15171C;margin:16px 0 22px;}
.about .bubble p{color:#3A2C1B;font-size:16.5px;margin:0 0 16px;}
.about .bubble p.about-aside{border-top:2px solid rgba(42,30,16,.28);padding-top:16px;margin-top:4px;font-size:15.5px;}
.about .bubble p strong{font-weight:700;}
.about .figure{position:relative;align-self:end;text-align:center;}
.about .figure img{width:100%;max-width:440px;margin:0 auto;filter:drop-shadow(0 14px 24px rgba(42,30,16,.28));}
.about .figure .tape{position:absolute;bottom:8%;left:50%;transform:translateX(-50%) rotate(-2deg);font-family:var(--mono);font-size:12px;font-weight:700;background:var(--ink);color:#fff;padding:6px 12px;white-space:nowrap;}
@media (max-width:900px){.about-grid{grid-template-columns:1fr;}}

/* ---------- subscribe band (ink) ---------- */
.subscribe-band{background:var(--blue);color:#fff;position:relative;overflow:hidden;}
.subscribe-band.ink{background:var(--ink);}
.subscribe-band .wrap{padding:70px 32px;text-align:center;position:relative;z-index:2;}
.subscribe-band .note-icon{width:54px;height:54px;color:var(--yellow-soft);margin:0 auto 16px;}
.subscribe-band h2{font-family:var(--fat);font-weight:400;font-size:clamp(30px,4.6vw,52px);letter-spacing:-.03em;margin:14px 0 12px;}
.subscribe-band p{color:#DCE7F5;max-width:54ch;margin:0 auto 28px;}
.subscribe-form{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}
.subscribe-form input{background:#fff;border:2px solid #fff;color:#15171C;padding:14px 16px;font-family:var(--mono);font-size:13px;min-width:200px;}
.subscribe-form input::placeholder{color:#8B8D95;}
.subscribe-form button{background:var(--yellow);border:2px solid var(--yellow);color:#15171C;font-family:var(--display);font-weight:800;text-transform:uppercase;letter-spacing:.02em;font-size:14px;padding:0 26px;transition:transform .15s;}
.subscribe-form button:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 rgba(0,0,0,.5);}
.subscribe-note{font-family:var(--mono);font-size:11px;color:#9fb3da;margin-top:16px;}
.subscribe-band.ink p{color:#B7B3A9;}
.subscribe-band.ink .subscribe-note{color:#807D74;}
.socials{display:flex;gap:12px;justify-content:center;margin-top:26px;}
.socials a{width:42px;height:42px;border:2px solid rgba(255,255,255,.4);display:grid;place-items:center;color:#fff;transition:background .2s,color .2s,border-color .2s;}
.socials a:hover{background:#fff;color:var(--ink);border-color:#fff;}

/* ---------- two-column feature row ---------- */
.feat-row{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;}
.feat-row.rev .feat-text{order:2;}
.feat-row .feat-text h2.display{font-size:clamp(30px,4vw,50px);margin:14px 0 18px;color:var(--ink);}
.feat-row .feat-text p{color:var(--ink-soft);margin:0 0 22px;}
.feat-row .feat-illu{display:grid;place-items:center;}
.feat-row .feat-illu svg,.feat-row .feat-illu img{width:min(100%,360px);height:auto;}
@media (max-width:860px){.feat-row{grid-template-columns:1fr;gap:28px;}.feat-row.rev .feat-text{order:0;}}

/* ---------- checklist offerings ---------- */
.offer-list{border:2px solid var(--ink);background:var(--paper-2);padding:30px 34px;}
.offer-list .ol-item{display:flex;gap:14px;align-items:flex-start;padding:13px 0;border-bottom:1px solid var(--line);}
.offer-list .ol-item:last-child{border-bottom:none;}
.offer-list .ol-item .dot{width:16px;height:16px;border-radius:50%;background:var(--blue);flex:none;margin-top:4px;}
.offer-list .ol-item b{font-family:var(--display);font-weight:800;font-size:16px;letter-spacing:-.01em;}

/* ---------- footer ---------- */
footer.site{background:var(--ink);color:var(--paper);padding:56px 0;}
.foot{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:22px;}
.foot .brand .bname{color:#fff;}
.foot .brand .footmark{background:#FBF6EC;border:2px solid var(--blue-bright);padding:8px 12px;border-radius:6px;height:auto;}
.foot .brand .footmark img{height:42px;}
.foot-links{display:flex;gap:8px;flex-wrap:wrap;}
.foot-links a{font-family:var(--mono);font-size:12px;font-weight:700;text-transform:uppercase;color:var(--paper);padding:6px 10px;border:2px solid transparent;}
.foot-links a:hover{border-color:var(--paper);}
.foot-social{display:flex;gap:10px;}
.foot-social a{width:40px;height:40px;border:2px solid var(--line-strong);display:grid;place-items:center;color:var(--paper);transition:background .2s,color .2s,border-color .2s;}
.foot-social a:hover{background:var(--paper);color:var(--ink);border-color:var(--paper);}
.foot-legal{width:100%;border-top:1px solid #2A2C36;margin-top:10px;padding-top:18px;text-align:center;font-family:var(--mono);font-size:11px;color:var(--ink-faint);}

.page-enter{animation:fade .4s ease both;}
@keyframes fade{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:none;}}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease;}
.reveal.in{opacity:1;transform:none;}

/* ---------- responsive ---------- */
@media (max-width:980px){.hero-grid{grid-template-columns:1fr;gap:40px;}.hero-portrait{max-width:340px;margin:0 auto;}.feat-row{grid-template-columns:1fr;}}
@media (max-width:860px){
  .nav-links{display:none;position:absolute;top:76px;left:0;right:0;flex-direction:column;gap:0;background:var(--paper);border-bottom:2px solid var(--ink);padding:8px 20px 16px;}
  .nav-links.open{display:flex;}
  .nav-links .nav-link{width:100%;padding:13px 0;border:none;border-bottom:1px solid var(--line);}
  .nav-toggle{display:block;}
}
@media (max-width:620px){
  .wrap{padding:0 20px;}
  .hero .checklist{grid-template-columns:1fr;}
  .subscribe-form input{min-width:0;flex:1;}
  .nav{gap:10px;}
  .brand{gap:8px;}
  .brand .mark,.brand .mark img{height:36px;}
  .brand .bname{font-size:13px;}
  .brand .bsub{font-size:8px;letter-spacing:.06em;}
  .nav-search{display:none;}
  .lang-btn{min-width:40px;padding:0 9px;}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;}.reveal{opacity:1;transform:none;}}