/* Smart Oikia — Classical editorial system */
:root{
  --ink:#201f1d; --ink-deep:#1a1917; --paper:#f3f2f2;
  --gold:#b68235; --gold-light:#c99a4f; --gold-deep:#8d6427;
  --on-dark:#f3f2f2; --on-dark-soft:#a9a49c; --on-dark-quiet:#8a847c; --on-dark-mid:#cfcac2;
  --on-light-soft:#4a4844; --on-light-quiet:#6b6862;
  --line-dark:rgba(243,242,242,.16); --line-light:#d5d1cb; --line-light-soft:#e2ded8;
  --font-head:'Cormorant Garamond','EB Garamond',Georgia,serif;
  --font-body:'Lora','Alegreya',Georgia,serif;
  --pad:clamp(20px,5vw,64px); --sec-y:clamp(64px,9vh,120px); --radius:4px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink-deep);color:var(--on-dark);font-family:var(--font-body);-webkit-font-smoothing:antialiased}
h1,h2,h3,p{margin:0}
a{color:var(--gold);text-decoration:none}
a:hover{color:var(--gold-light)}
::selection{background:rgba(182,130,53,.22)}
:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
button{font:inherit;color:inherit}
svg{display:block}
.tnum{font-variant-numeric:tabular-nums}

/* type */
.kicker{font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold-light)}
.sec--paper .kicker{color:var(--gold-deep)}
.h1{font-family:var(--font-head);font-size:clamp(38px,5.6vw,84px);font-weight:300;line-height:1.03;letter-spacing:-.015em}
.h2{font-family:var(--font-head);font-size:clamp(30px,4.2vw,58px);font-weight:300;line-height:1.08}
.sec--paper .h2{font-weight:400}
.h3{font-family:var(--font-head);font-size:30px;font-weight:400;line-height:1.1}
.lead{font-size:clamp(15px,1.3vw,17.5px);line-height:1.75;color:var(--on-dark-soft)}
.sec--paper .lead{color:var(--on-light-soft)}
.em{font-style:italic;color:var(--gold-light)}
.sec--paper .em{color:var(--gold-deep)}

/* sections */
.sec{padding:var(--sec-y) var(--pad)}
.sec--dark{background:var(--ink-deep)}
.sec--darker{background:var(--ink)}
.sec--paper{background:var(--paper);color:var(--ink)}
.stack{display:flex;flex-direction:column;gap:20px}
.measure{max-width:820px}
.sec-head{display:flex;flex-direction:column;gap:16px;max-width:900px;margin-bottom:clamp(32px,5vh,56px)}
.split{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:clamp(32px,5vw,64px);align-items:start}
.hr{height:1px;background:var(--line-dark)}
.sec--paper .hr{background:var(--line-light)}

/* nav */
.nav{position:fixed;inset:0 0 auto 0;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding:14px clamp(18px,4vw,48px);background:rgba(26,25,23,.35);border-bottom:1px solid transparent;
  backdrop-filter:blur(10px);transition:background .3s,border-color .3s}
.nav.is-solid{background:rgba(26,25,23,.92);border-bottom-color:var(--line-dark)}
.brand{display:flex;align-items:center;gap:12px;color:var(--on-dark)}
.brand__name{font-family:var(--font-head);font-size:17px;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}
.brand__name span{color:var(--gold-light)}
.nav__links{display:flex;align-items:center;gap:clamp(14px,1.8vw,28px)}
.nav__links a{font-size:12.5px;letter-spacing:.1em;white-space:nowrap;color:var(--on-dark-mid)}
.nav__links a:hover,.nav__links a[aria-current]{color:var(--gold-light)}
.lang{font-size:11px;letter-spacing:.2em;color:var(--on-dark-quiet)}
.btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-head);letter-spacing:.08em;
  text-transform:uppercase;border-radius:var(--radius);border:1px solid transparent;padding:15px 26px;font-size:18px;transition:background .24s,border-color .24s,color .24s}
.btn--nav{font-size:16px;padding:9px 18px;letter-spacing:.1em;color:var(--gold-light);border-color:rgba(201,154,79,.55)}
.btn--nav:hover{background:rgba(201,154,79,.12);border-color:var(--gold-light);color:var(--on-dark)}
.btn--primary{color:var(--ink);background:var(--gold-light);border-color:var(--gold-light)}
.btn--primary:hover{background:#dcb478;border-color:#dcb478;color:var(--ink)}
.btn--ghost{color:var(--on-dark);border-color:rgba(243,242,242,.3)}
.btn--ghost:hover{border-color:var(--gold-light);color:var(--gold-light)}
.btn--outline{color:var(--gold-light);border-color:rgba(201,154,79,.55)}
.btn--outline:hover{background:rgba(201,154,79,.12);color:var(--on-dark)}
.burger{display:none;flex-direction:column;gap:5px;width:46px;height:44px;align-items:center;justify-content:center;
  background:transparent;border:1px solid rgba(243,242,242,.22);border-radius:var(--radius);cursor:pointer}
.burger i{display:block;width:20px;height:1px;background:var(--on-dark)}
.menu{position:fixed;inset:0;z-index:70;background:var(--ink-deep);padding:22px clamp(20px,6vw,40px) 40px;
  display:none;flex-direction:column;gap:34px}
.menu.is-open{display:flex}
.menu__head{display:flex;align-items:center;justify-content:space-between}
.menu__close{width:46px;height:46px;background:transparent;border:1px solid rgba(243,242,242,.22);border-radius:var(--radius);color:var(--on-dark);font-size:20px;cursor:pointer}
.menu__links{display:flex;flex-direction:column;font-family:var(--font-head)}
.menu__links a{font-size:32px;color:var(--on-dark);padding:14px 0;border-bottom:1px solid rgba(243,242,242,.12)}
.menu__foot{margin-top:auto;display:flex;flex-direction:column;gap:18px}
@media (max-width:1200px){
  .nav__links{display:none}
  .burger{display:flex}
}

/* hero */
.hero{min-height:92vh;padding:130px var(--pad) 80px;display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));
  align-items:center;gap:clamp(32px,5vw,64px);background:var(--ink-deep)}
.hero__col{display:flex;flex-direction:column;gap:26px;max-width:640px}
.hero__cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:6px}
.plan{min-width:0;border:1px solid rgba(243,242,242,.14);border-radius:var(--radius);
  padding:clamp(16px,2vw,26px);display:flex;flex-direction:column;gap:16px}
.plan svg{width:100%;aspect-ratio:440/260}
.plan__cap{display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:space-between;font-size:10px;
  letter-spacing:.14em;text-transform:uppercase;color:var(--on-dark-quiet)}
.plan__cap b{color:var(--gold-light);font-weight:400}

/* cards + grids */
.grid{display:grid;gap:22px}
.grid--3{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:28px}
.grid--auto{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.grid--wide{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.card{display:flex;flex-direction:column;gap:14px;border:1px solid var(--line-dark);border-radius:var(--radius);padding:30px 26px;transition:border-color .26s,transform .24s}
.card:hover{border-color:rgba(201,154,79,.6)}
.sec--paper .card{border-color:var(--line-light);background:var(--paper)}
.sec--paper .card:hover{border-color:var(--gold);transform:translateY(-3px)}
.card__num{font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-deep)}
.card__body{font-size:15px;line-height:1.7;color:var(--on-light-soft)}
.card--dark .card__body{color:var(--on-dark-soft)}
.rows{display:flex;flex-direction:column;margin-top:6px}
.rows .row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--line-light-soft);font-size:14px}
.rows .row span:last-child{color:var(--gold)}

/* index list (solutions) */
.index{display:flex;flex-direction:column;border-top:1px solid var(--line-light)}
.index__row{display:grid;grid-template-columns:44px 1fr;gap:10px 20px;align-items:baseline;
  padding:26px 8px 28px 0;border-bottom:1px solid var(--line-light);transition:background .24s,padding-left .24s}
.index__row:hover{background:rgba(182,130,53,.05);padding-left:12px}
.index__n{font-size:11px;letter-spacing:.18em;color:var(--gold-deep)}
.index__title{font-family:var(--font-head);font-size:clamp(28px,3.4vw,46px);line-height:1.05}
.index__body{font-size:15.5px;line-height:1.7;color:var(--on-light-soft);max-width:460px;grid-column:2}
.sticky-col{position:sticky;top:96px}

/* timeline */
.tl{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));border-top:1px solid var(--line-dark)}
.tl__step{display:flex;flex-direction:column;gap:12px;padding:30px 26px 34px;border-top:1px solid transparent;
  border-bottom:1px solid var(--line-dark);border-right:1px solid var(--line-dark);transition:background .32s,border-top-color .42s}
.tl__step.is-on{border-top-color:var(--gold-light);background:rgba(201,154,79,.05)}
.tl__time{font-family:var(--font-head);font-size:30px;color:var(--gold-light)}
.tl__label{font-size:10.5px;letter-spacing:.2em;text-transform:uppercase}
.tl__body{font-size:14.5px;line-height:1.7;color:var(--on-dark-soft)}

/* benefits rows */
.benefit{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px 40px;align-items:start;padding:34px 0;border-bottom:1px solid var(--line-light)}
.benefit__head{display:flex;align-items:baseline;gap:18px}
.benefit__n{font-size:11px;letter-spacing:.2em;color:var(--gold-deep)}
.benefit__title{font-family:var(--font-head);font-size:clamp(28px,3vw,42px);letter-spacing:.02em;text-transform:uppercase}
.tags{display:flex;flex-wrap:wrap;gap:8px 14px;font-size:13.5px;color:var(--on-light-quiet)}
.tags span{border:1px solid var(--line-light);border-radius:var(--radius);padding:6px 12px}

/* scenario + state panels */
.scene{display:flex;flex-direction:column;border:1px solid var(--line-dark);border-radius:var(--radius);overflow:hidden;transition:border-color .26s}
.scene:hover{border-color:rgba(201,154,79,.6)}
.state{padding:22px 24px;background:rgba(243,242,242,.03);border-bottom:1px solid rgba(243,242,242,.14)}
.state div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid rgba(243,242,242,.1);font-size:13px}
.state div:last-child{border-bottom:0}
.state span:first-child{color:var(--on-dark-soft)}
.scene__body{display:flex;flex-direction:column;gap:12px;padding:26px 24px 30px}
.scene__title{font-family:var(--font-head);font-size:32px;font-style:italic;line-height:1.1}

/* projects */
.proj{display:flex;flex-direction:column;border:1px solid var(--line-dark);border-radius:var(--radius);overflow:hidden;transition:border-color .26s}
.proj:hover{border-color:rgba(201,154,79,.6)}
.proj__plan{padding:20px;border-bottom:1px solid rgba(243,242,242,.14)}
.proj__plan svg{width:100%;aspect-ratio:300/134}
.proj__body{display:flex;flex-direction:column;gap:12px;padding:24px 22px 26px}
.proj__title{font-family:var(--font-head);font-size:26px;line-height:1.15}
.meta{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13.5px;color:var(--on-dark-soft)}
.meta b{color:var(--on-dark-mid);font-weight:400;text-align:right}

/* comparison */
.cmp{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));border-top:1px solid var(--ink)}
.cmp__col{display:flex;flex-direction:column;padding:30px clamp(0px,3vw,34px) 34px 0}
.cmp__col+.cmp__col{border-left:1px solid var(--line-light);background:rgba(182,130,53,.04);padding-left:clamp(20px,3vw,34px)}
.cmp__head{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--on-light-quiet);padding-bottom:20px}
.cmp__col+.cmp__col .cmp__head{color:var(--gold-deep)}
.cmp__item{display:flex;gap:14px;padding:15px 0;border-top:1px solid var(--line-light-soft);font-size:15.5px;line-height:1.6;color:var(--on-light-quiet)}
.cmp__col+.cmp__col .cmp__item{color:var(--ink)}
.cmp__mark{color:#b8b3ab}
.cmp__col+.cmp__col .cmp__mark{color:var(--gold)}

/* stats */
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:28px;border-top:1px solid var(--line-dark);padding-top:clamp(28px,4vh,44px)}
.stat{display:flex;flex-direction:column;gap:10px}
.stat__fig{font-family:var(--font-head);font-size:clamp(46px,6vw,84px);font-weight:300;line-height:1}
.stat__fig--gold{color:var(--gold-light)}
.stat__label{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--on-dark-soft)}
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chips span{font-family:var(--font-head);font-size:20px;letter-spacing:.04em;border:1px solid rgba(243,242,242,.2);border-radius:var(--radius);padding:10px 18px}

/* channel rows (contact) */
.channels{display:flex;flex-direction:column;border-top:1px solid var(--ink);margin-top:8px}
.channel{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:18px 6px 18px 0;
  border-bottom:1px solid var(--line-light);color:var(--ink);transition:background .22s,padding-left .22s}
a.channel:hover{background:rgba(182,130,53,.05);padding-left:10px}
.channel__label{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-deep)}
.channel__value{font-family:var(--font-head);font-size:28px;line-height:1}
.channel__value--muted{color:#8f8b84}

/* footer */
.footer{background:var(--ink-deep);padding:clamp(48px,7vh,88px) var(--pad) 40px;display:flex;flex-direction:column;gap:40px}
.footer__cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:32px;align-items:start}
.footer__col{display:flex;flex-direction:column;gap:12px}
.footer__col a,.footer__col span{font-size:14.5px;color:var(--on-dark-mid)}
.footer__head{font-size:10.5px!important;letter-spacing:.2em;text-transform:uppercase;color:var(--on-dark-quiet)!important}
.footer__bar{display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between;font-size:12.5px;color:#7d7871}
.footer__bar a{color:#7d7871}

/* selection screen */
.select{min-height:100vh;padding:48px var(--pad) 64px;display:flex;flex-direction:column;gap:clamp(40px,6vh,72px)}
.select__top{display:flex;align-items:center;justify-content:space-between;gap:24px}
.select__head{display:flex;flex-direction:column;gap:22px;max-width:980px;margin-top:auto}
.select__h1{font-family:var(--font-head);font-size:clamp(38px,6.4vw,92px);font-weight:300;line-height:1.02;letter-spacing:-.015em}
.choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:24px;margin-bottom:auto}
.choice{display:grid;grid-template-columns:1fr auto;align-items:end;gap:28px;padding:clamp(26px,3vw,40px);
  min-height:300px;border-radius:var(--radius);transition:background .26s,border-color .26s,transform .26s,box-shadow .26s}
.choice--dark{border:1px solid rgba(201,154,79,.42);color:var(--on-dark)}
.choice--dark:hover{background:rgba(201,154,79,.07);border-color:var(--gold-light)}
.choice--paper{background:var(--paper);border:1px solid var(--paper);color:var(--ink)}
.choice--paper:hover{transform:translateY(-4px);box-shadow:0 20px 44px rgba(0,0,0,.28)}
.choice__col{display:flex;flex-direction:column;gap:15px}
.choice__title{font-family:var(--font-head);font-size:clamp(38px,5vw,58px);font-weight:300;line-height:1}
.choice__feats{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:8px;font-size:13px;letter-spacing:.04em}
.choice__cta{margin-top:16px;font-family:var(--font-head);font-size:21px;letter-spacing:.06em;color:var(--gold-light)}
.choice--paper .choice__cta{color:var(--gold-deep)}
.choice__mark{align-self:end}

/* support page */
.tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px}
.tier{display:flex;flex-direction:column;gap:14px;border:1px solid var(--line-light);border-radius:var(--radius);padding:32px 28px}
.tier--best{border-color:var(--gold);background:rgba(182,130,53,.05)}
.tier__name{font-family:var(--font-head);font-size:34px;line-height:1.05}
.tier__note{font-size:14px;color:var(--on-light-quiet)}
.table-wrap{overflow-x:auto}
.cover{display:grid;grid-template-columns:minmax(240px,2.2fr) 1fr 1fr 1fr;min-width:640px;border-top:1px solid var(--ink)}
.cover>span{padding:16px 12px;border-top:1px solid var(--line-light);font-size:15px}
.cover>span:nth-child(4n+1){padding-left:0;padding-right:12px}
.cover>span:nth-child(4n+2),.cover>span:nth-child(4n+3),.cover>span:nth-child(4n){text-align:center}
.cover>span:nth-child(4n+3){background:rgba(182,130,53,.04);color:var(--gold-deep)}
.cover>span:nth-child(4n){color:var(--on-light-quiet);font-size:14px}
.cover__head{border-top:0!important;font-size:10.5px!important;letter-spacing:.18em;text-transform:uppercase}
.faq{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:0 clamp(32px,5vw,64px)}
.faq__item{display:flex;flex-direction:column;gap:10px;padding:26px 0;border-top:1px solid var(--line-dark)}
.faq__q{font-family:var(--font-head);font-size:24px;line-height:1.2}
.faq__a{font-size:15px;line-height:1.75;color:var(--on-dark-soft)}

/* sticky mobile cta */
.sticky-cta{position:fixed;left:14px;right:14px;bottom:14px;z-index:55;min-height:54px;display:none;
  align-items:center;justify-content:center;font-family:var(--font-head);font-size:19px;letter-spacing:.08em;
  text-transform:uppercase;color:var(--ink);background:var(--gold-light);border-radius:var(--radius);box-shadow:0 8px 26px rgba(0,0,0,.4)}
.sticky-cta.is-on{display:flex}
@media (min-width:1201px){.sticky-cta{display:none!important}}

/* motion */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .76s cubic-bezier(.2,.7,.2,1),transform .76s cubic-bezier(.2,.7,.2,1)}
.reveal.is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .reveal{opacity:1;transform:none;transition:none}
  html{scroll-behavior:auto}
}