/* Aeterik Limited website. Light design, approved 17 October 2026. */
:root{
  --bg:#F1F2EF;--band:#E7EAE6;--ink:#0E1B24;--soft:#3D4A52;--mute:#56636A;
  --line:#D5DAD6;--line2:#B7BFBB;--bronze:#C49862;--bronze-soft:#EFE4D2;--bronze-ink:#6E4F22;
  --live:#1D6B47;--soon:#86602F;--foot:#0E1B24;--foot-text:#AEB9BD;--foot-link:#EEF0EC;
  --display:'Fraunces',Georgia,'Times New Roman',serif;
  --ui:'Geist',system-ui,-apple-system,'Segoe UI',sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.62 var(--ui);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg{max-width:100%}
a{color:inherit}
a:hover{opacity:.78}
a:focus-visible,button:focus-visible{outline:2px solid var(--bronze);outline-offset:3px;border-radius:6px}
.skip{position:absolute;left:-9999px;top:8px;background:var(--ink);color:var(--bg);padding:10px 16px;border-radius:8px;z-index:10}
.skip:focus{left:16px}

.wrap{max-width:1280px;margin:0 auto;padding:0 40px}

/* Top bar */
.bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 20px;padding-top:28px;padding-bottom:28px}
.bar-left{display:flex;flex-wrap:wrap;align-items:center;gap:16px 56px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.brand span{font-family:var(--display);font-weight:500;font-size:23px;letter-spacing:.035em}
.menu{display:flex;flex-wrap:wrap;gap:8px 32px;font-size:15px;font-weight:500;color:var(--soft)}
.menu a{text-decoration:none;display:inline-flex;align-items:center;min-height:44px}
.menu a[aria-current="page"]{color:var(--ink);text-decoration:underline;text-underline-offset:6px}

/* Buttons */
.btn{display:inline-flex;align-items:center;min-height:52px;padding:0 30px;border-radius:999px;background:var(--ink);color:var(--bg);text-decoration:none;font-weight:600;font-size:16px}
.btn-sm{min-height:44px;padding:0 22px;font-size:15px}
.btn-line{background:transparent;color:var(--ink);border:1px solid var(--line2)}
.btns{display:flex;flex-wrap:wrap;gap:14px}

/* Home hero */
.hero{display:flex;flex-wrap:wrap;align-items:center;gap:64px;padding-top:72px;padding-bottom:128px}
.hero-text{flex:999 1 560px;min-width:0}
.hero h1{margin:0;font-family:var(--display);font-weight:300;font-size:clamp(46px,7vw,108px);line-height:.98;letter-spacing:-.035em;font-variation-settings:'opsz' 144}
.hero p{margin:40px 0 48px;max-width:540px;font-size:20px;line-height:1.55;color:var(--soft)}
.hero-mark{flex:1 1 320px;display:flex;justify-content:center}
.hero-mark svg{width:100%;max-width:440px;height:auto}
.ap{stroke-dasharray:1;stroke-dashoffset:1;animation:apdraw 1.9s cubic-bezier(.2,.7,.2,1) forwards}
.ap2{animation-delay:.18s}.ap3{animation-delay:.36s}.ap4{animation-delay:.54s}
.apdot{opacity:0;animation:apfade .9s ease 1.25s forwards}
.tk-beam{transform-box:view-box;transform-origin:520px 198px;animation:sweep 10s ease-in-out infinite alternate}
@keyframes apdraw{to{stroke-dashoffset:0}}
@keyframes apfade{to{opacity:1}}
@keyframes sweep{from{transform:rotate(-7deg)}to{transform:rotate(6deg)}}
@media (prefers-reduced-motion:reduce){.ap,.apdot,.tk-beam{animation:none;stroke-dashoffset:0;opacity:1}}

/* Products */
.rule{border-top:1px solid var(--line)}
.section-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;padding-top:112px;padding-bottom:48px}
.section-head h2{margin:0;max-width:640px;font-family:var(--display);font-weight:400;font-size:clamp(34px,4vw,56px);line-height:1.05;letter-spacing:-.025em}
.section-head p{margin:0;max-width:400px;color:var(--soft)}
.product{display:flex;flex-wrap:wrap;align-items:center;gap:56px 64px;padding-top:48px;padding-bottom:48px}
.product:last-child{padding-bottom:128px}
.art{flex:1 1 480px;min-width:0;border-radius:32px;overflow:hidden;height:540px}
.art svg{display:block;width:100%;height:100%}
.art-tk{background:#120D24}.art-fp{background:#0A1F18}
.product-text{flex:1 1 400px;min-width:0;display:flex;flex-direction:column;gap:20px}
.status{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500}
.status-live{color:var(--live)}.status-soon{color:var(--soon)}
.product h3{margin:0;font-family:var(--display);font-weight:400;font-size:clamp(48px,5vw,64px);line-height:1;letter-spacing:-.03em}
.lede{margin:0;font-size:21px;line-height:1.45}
.product-text p{margin:0}
.soft{color:var(--soft)}
.fine{font-size:15px;color:var(--mute)}
.split{border-top:1px solid var(--line);padding-top:20px;display:flex;flex-direction:column;gap:6px}
.links{display:flex;flex-wrap:wrap;gap:12px 28px;font-weight:600;font-size:16px;padding-top:4px}

/* How we run */
.band{background:var(--band);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.band-inner{display:flex;flex-wrap:wrap;gap:56px;padding-top:104px;padding-bottom:104px}
.band h2{flex:1 1 300px;margin:0;font-family:var(--display);font-weight:400;font-size:40px;line-height:1.1;letter-spacing:-.02em}
.trio{flex:999 1 620px;min-width:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:40px}
.trio h3{margin:0 0 10px;font-size:18px;font-weight:600}
.trio p{margin:0;color:var(--soft);font-size:16px}

/* Company close */
.close{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:32px;padding-top:112px;padding-bottom:112px}
.close h2{margin:0;font-family:var(--display);font-weight:300;font-size:clamp(44px,5vw,76px);line-height:1;letter-spacing:-.035em}

/* Inner pages */
.page{display:flex;flex-wrap:wrap;gap:48px 64px;padding-top:64px;padding-bottom:128px}
.page-side{flex:1 1 280px;min-width:0;display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.page-side h1{margin:0;font-family:var(--display);font-weight:300;font-size:clamp(46px,6vw,84px);line-height:1;letter-spacing:-.035em}
.page-side p{margin:0}
.updated{color:var(--mute);font-size:15px}
.draft{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:999px;background:var(--bronze-soft);color:var(--bronze-ink);font-size:13px;font-weight:500}
.page-body{flex:999 1 620px;min-width:0;max-width:720px;display:flex;flex-direction:column;gap:44px;line-height:1.65}
.page-body .intro{margin:0;font-size:21px;line-height:1.5}
.page-body section{display:flex;flex-direction:column;gap:12px}
.page-body h2{margin:0;font-family:var(--display);font-weight:400;font-size:30px;letter-spacing:-.015em;line-height:1.2}
.page-body p,.page-body ul{margin:0;color:var(--soft)}
.page-body ul{padding-left:22px;display:flex;flex-direction:column;gap:8px}
.page-body a{color:var(--ink);font-weight:500}
.page-body.wide{max-width:none;gap:72px}

/* Prices */
.price-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:12px;border-bottom:1px solid var(--ink);padding-bottom:16px}
.price-head h2{font-size:40px;letter-spacing:-.02em}
.table-box{overflow-x:auto;-webkit-overflow-scrolling:touch}
table{width:100%;border-collapse:collapse;font-size:16px}
th{text-align:left;color:var(--mute);font-size:14px;font-weight:500;padding:12px 16px;border-bottom:1px solid var(--line2)}
td{padding:16px;border-bottom:1px solid var(--line);color:var(--soft);vertical-align:top}
th:first-child,td:first-child{padding-left:0}
th:last-child,td:last-child{padding-right:0}
td.item{color:var(--ink);font-weight:500;white-space:nowrap}
.num{text-align:right;white-space:nowrap}
td.usd{color:var(--ink);font-weight:500}
.note{background:var(--band);border-radius:20px;padding:24px 28px;display:flex;flex-direction:column;gap:10px;font-size:16px;color:var(--soft)}
.note p{margin:0}
.note strong{color:var(--ink);font-weight:600}

/* Contact */
.contact-side p.lead{max-width:380px;color:var(--soft);font-size:19px;line-height:1.5}
.contact-body section{padding-bottom:36px;border-bottom:1px solid var(--line)}
.contact-body section:last-child{border-bottom:0;padding-bottom:0}

/* Footer */
footer{background:var(--foot);color:var(--foot-text)}
.foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;padding-top:48px;padding-bottom:48px;font-size:15px}
.foot-id{display:flex;align-items:flex-start;gap:12px}
.foot-id svg{flex:none;margin-top:1px}
.foot nav{display:flex;flex-wrap:wrap;gap:8px 28px;color:var(--foot-link)}
.foot nav a{text-decoration:none;display:inline-flex;align-items:center;min-height:44px}
.foot nav a[aria-current="page"]{text-decoration:underline;text-underline-offset:4px}

/* Phones */
@media (max-width:640px){
  .wrap{padding:0 20px}
  .bar{padding-top:18px;padding-bottom:18px}
  .bar-left{gap:4px 24px}
  .menu{gap:0 24px}
  .hero{padding-top:32px;padding-bottom:72px;gap:40px}
  .hero p{margin:28px 0 36px;font-size:18px}
  .hero-mark svg{max-width:260px}
  .section-head{padding-top:72px;padding-bottom:32px}
  .product{padding-top:32px;padding-bottom:32px;gap:32px}
  .product:last-child{padding-bottom:80px}
  .art{height:340px;border-radius:24px;flex-basis:100%}
  .product-text{flex-basis:100%}
  .lede{font-size:19px}
  .band-inner{padding-top:72px;padding-bottom:72px;gap:36px}
  .band h2{font-size:32px}
  .close{padding-top:72px;padding-bottom:72px}
  .page{padding-top:32px;padding-bottom:80px}
  .page-body{gap:36px}
  .page-body .intro{font-size:19px}
  .page-body h2{font-size:26px}
  .price-head h2{font-size:32px}
  .note{padding:20px}
  .btn{padding:0 24px}
}

/* Price tables stack on phones */
@media (max-width:640px){
  .table-box{overflow:visible}
  .table-box table,.table-box tbody,.table-box td{display:block}
  .table-box thead{position:absolute;left:-9999px}
  .table-box tr{display:grid;grid-template-columns:1fr auto auto;gap:6px 16px;padding:16px 0;border-bottom:1px solid var(--line)}
  .table-box td{padding:0;border:0}
  .table-box td:nth-child(1){grid-column:1;grid-row:1;white-space:normal}
  .table-box td:nth-child(2){grid-column:1/-1;grid-row:2}
  .table-box td:nth-child(3){grid-column:2;grid-row:1}
  .table-box td:nth-child(4){grid-column:3;grid-row:1}
}