/* Layout: a fixed night globe sits behind every page. Copy rides either straight on the sky
   (dark glass panels) or on rounded paper sheets that slide over the globe as you scroll. */
:root{
  --space:#0F1210; --charcoal:#1C1F1D; --paper:#F5F6F4; --card:#FFFFFF;
  --orange:#FF5A1F; --sage:#4C7A5E; --sage-deep:#3B6049; --sage-ink:#2F4E3B; --sage-tint:#E6EDE8; --mint:#9FD0B4;
  --muted:#9AA39C; --ink-2:#555B57; --on-dark-2:#C7CCC6;
  --line:rgba(28,31,29,.12); --line-dark:rgba(245,246,244,.16);
  --glass:rgba(15,18,16,.68);
  --display:'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;
  --body:'IBM Plex Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  --r-sheet:40px; --r-card:20px;
  --gutter-l:max(20px, env(safe-area-inset-left, 0px));
  --gutter-r:max(20px, env(safe-area-inset-right, 0px));
  color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--space);color:var(--paper);font-family:var(--body);font-size:1.0625rem;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top, 0px);z-index:60;background:var(--space)}
h1,h2,h3,p,ul,ol,figure,blockquote{margin:0}
h1,h2,h3{font-family:var(--display);font-weight:800;letter-spacing:-.018em;text-wrap:balance}
h1{font-size:clamp(2.4rem,5.2vw,4.25rem);line-height:1.05}
.inner h1{font-size:clamp(2.2rem,4.4vw,3.5rem);line-height:1.08}
h2{font-size:clamp(1.8rem,3.2vw,2.75rem);line-height:1.12}
h3{font-size:1.3rem;font-weight:700;line-height:1.25;letter-spacing:-.005em}
a{color:inherit}
img{max-width:100%}
:focus-visible{outline:3px solid var(--orange);outline-offset:3px;border-radius:6px}

#stage{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;display:block}
.page{position:relative;z-index:1}
.wrap{max-width:1200px;margin-inline:auto;padding-left:var(--gutter-l);padding-right:var(--gutter-r)}
.wrap.narrow{max-width:900px}
.stack{display:flex;flex-direction:column;gap:40px}

/* ---------- header ---------- */
header.site{position:sticky;top:env(safe-area-inset-top, 0px);z-index:50;background:rgba(15,18,16,.74);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line-dark)}
header.site .bar{display:flex;align-items:center;justify-content:space-between;gap:16px 28px;padding-block:12px;position:relative}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--paper);min-height:48px}
.brand img{height:38px;width:auto;display:block}
.brand .word{font-family:var(--display);font-weight:800;font-size:1.08rem;letter-spacing:.03em;white-space:nowrap}
.brand .word span{color:var(--mint)}
nav.main{display:flex;align-items:center;gap:4px 26px}
nav.main a.link{padding:12px 0;text-decoration:none;font-size:.95rem;font-weight:500;color:var(--on-dark-2)}
nav.main a.link:hover,nav.main a.link[aria-current="page"]{color:var(--paper)}
nav.main a.link[aria-current="page"]{box-shadow:inset 0 -2px 0 var(--mint)}
.nav-toggle{display:none;align-items:center;justify-content:center;width:48px;height:48px;border-radius:14px;border:1px solid var(--line-dark);background:transparent;color:var(--paper);cursor:pointer}
@media (max-width:980px){
  .nav-toggle{display:inline-flex}
  nav.main{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:8px var(--gutter-r) 20px var(--gutter-l);background:var(--space);border-bottom:1px solid var(--line-dark)}
  nav.main.open{display:flex}
  nav.main a.link{padding:14px 0;border-bottom:1px solid var(--line-dark);font-size:1.05rem}
  nav.main a.link[aria-current="page"]{box-shadow:none;color:var(--mint)}
  nav.main .btn{margin-top:16px}
}

/* ---------- buttons, pills, labels ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 28px;border-radius:999px;border:2px solid transparent;font-family:var(--display);font-weight:700;font-size:1rem;line-height:1.1;text-decoration:none;cursor:pointer;text-align:center}
.btn.primary{background:var(--orange);color:var(--charcoal)}
.btn.primary:hover{background:#ff6c38}
.btn.ghost{border-color:rgba(28,31,29,.28);color:var(--charcoal);background:transparent}
.btn.ghost:hover{border-color:var(--charcoal)}
.sky .btn.ghost,header.site .btn.ghost{border-color:rgba(245,246,244,.4);color:var(--paper)}
.sky .btn.ghost:hover{border-color:var(--paper)}
.btn.sm{min-height:46px;padding:0 20px;font-size:.94rem}
.btn-row{display:flex;flex-wrap:wrap;gap:12px}
.pill{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:999px;font-size:.88rem;font-weight:500;background:var(--sage-tint);color:var(--sage-ink)}
.pill::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--sage)}
.sky .pill{background:rgba(159,208,180,.16);color:var(--mint);border:1px solid rgba(159,208,180,.3)}
.sky .pill::before{background:var(--mint)}
.eyebrow{font-size:.8rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--sage-deep)}
.sky .eyebrow,.dark .eyebrow{color:var(--mint)}
.tint .eyebrow{color:var(--sage-ink)}
.lede{font-size:1.2rem;line-height:1.5;color:var(--ink-2);max-width:40rem}
.sky .lede{color:var(--on-dark-2)}
.muted{color:var(--ink-2)}
.sky .muted,.dark .muted{color:var(--on-dark-2)}
.tint .muted{color:#414743}
.text-link{display:inline-flex;align-items:center;min-height:48px;font-family:var(--display);font-weight:700;color:inherit;text-underline-offset:4px}
mark.line{background:none;color:inherit;box-shadow:inset 0 -.26em 0 var(--orange)}
.tag{display:inline-flex;align-self:flex-start;padding:4px 10px;border-radius:999px;font-size:.75rem;font-weight:500;background:var(--sage-tint);color:var(--sage-ink)}
.dark .tag,.featured .tag{background:var(--orange);color:var(--charcoal)}

/* ---------- sky sections (over the globe) ---------- */
.sky{padding-block:clamp(72px,10vw,132px);color:var(--paper)}
.sky h1,.sky h2{text-shadow:0 2px 36px rgba(0,0,0,.65)}
.sky .lede{text-shadow:0 1px 20px rgba(0,0,0,.8)}
.sky .split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;align-items:center}
.sky .split>.copy{display:flex;flex-direction:column;gap:22px;min-width:0}
.sky .split>.copy.right{grid-column:2}
.glass{background:var(--glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--line-dark);border-radius:28px;padding:clamp(22px,3vw,34px)}
.hero{padding-block:clamp(48px,6vw,84px) clamp(72px,9vw,120px);text-align:center}
.hero>.wrap{display:flex;flex-direction:column;align-items:center;gap:28px}
.hero h1{max-width:15.5em}
.hero .lede{max-width:42rem}
.hero .btn-row{justify-content:center}
.inner .hero-inner{padding-block:clamp(64px,8vw,112px) clamp(72px,9vw,120px)}
.cta{text-align:center;padding-block:clamp(96px,13vw,176px)}
.cta>.wrap{display:flex;flex-direction:column;align-items:center;gap:22px}
.cta h2{font-size:clamp(2rem,4vw,3.25rem);max-width:16em}
@media (max-width:860px){
  .sky .split{grid-template-columns:minmax(0,1fr)}
  .sky .split>.copy.right{grid-column:1}
}

/* ask-and-answer panel in the home hero */
.ask{width:100%;max-width:880px;margin-top:20px;text-align:left;display:flex;flex-direction:column;gap:18px}
.ask-bar{display:flex;align-items:center;gap:14px;padding:15px 22px;border-radius:999px;background:rgba(245,246,244,.09);border:1px solid var(--line-dark);font-size:1.08rem;font-weight:500}
.ask-bar svg{flex:0 0 22px}
.ask-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:18px}
.answer{padding:22px;border-radius:20px;background:rgba(159,208,180,.14);border:1px solid rgba(159,208,180,.22);display:flex;flex-direction:column;gap:12px}
.answer p{font-size:1.08rem;line-height:1.5}
.answer strong{font-weight:500;color:var(--mint)}
.source{padding:22px;border-radius:20px;border:1px solid var(--line-dark);display:flex;flex-direction:column;gap:10px;justify-content:center}
.source p{font-size:.95rem;color:var(--on-dark-2)}
.label{font-size:.76rem;font-weight:500;letter-spacing:.09em;text-transform:uppercase;color:var(--mint)}
.source .label{color:var(--muted)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips span{padding:6px 12px;border-radius:999px;background:rgba(245,246,244,.1);font-size:.8rem;color:var(--on-dark-2)}
@media (max-width:700px){.ask-grid{grid-template-columns:minmax(0,1fr)}}

/* question list in "how I build" */
.asks{display:flex;flex-direction:column;gap:12px}
.asks div{padding:15px 20px;border-radius:14px;background:rgba(245,246,244,.08);border:1px solid rgba(245,246,244,.08)}
.asks .result{display:flex;align-items:center;gap:12px;background:var(--sage);border-color:transparent;color:#fff;font-family:var(--display);font-weight:700}

/* ---------- paper sheets ---------- */
.sheet{background:var(--paper);color:var(--charcoal);border-radius:var(--r-sheet);margin-inline:clamp(0px,1.2vw,16px);overflow:hidden}
.band{padding-block:clamp(64px,8vw,104px)}
.band.tint{background:var(--sage-tint)}
.band.tight{padding-block:clamp(48px,6vw,72px)}
.head{display:flex;flex-direction:column;gap:14px;max-width:46rem}
.head-row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 32px}
.prose{display:flex;flex-direction:column;gap:18px;max-width:42rem}
.prose p{color:var(--ink-2);font-size:1.12rem}
.cols{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:40px 64px;align-items:start}
.cols.even{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:860px){.cols,.cols.even{grid-template-columns:minmax(0,1fr)}}
@media (max-width:700px){:root{--r-sheet:28px}}

.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.cards.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.cards.four{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1000px){.cards.four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:860px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.cards,.cards.two,.cards.four{grid-template-columns:minmax(0,1fr)}}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);padding:28px;display:flex;flex-direction:column;gap:12px;min-width:0}
.tint .card{border-color:transparent}
.card p{color:var(--ink-2)}
a.card{text-decoration:none;color:inherit;transition:transform .18s ease,box-shadow .18s ease}
a.card:hover{transform:translateY(-3px);box-shadow:0 18px 40px -24px rgba(28,31,29,.45)}
a.card .go{margin-top:auto;font-family:var(--display);font-weight:700;color:var(--sage-deep)}
.card.dark{background:var(--charcoal);color:var(--paper);border-color:transparent}
.card.dark p{color:var(--on-dark-2)}
.icon{width:48px;height:48px;border-radius:14px;background:var(--sage-tint);display:flex;align-items:center;justify-content:center;color:var(--sage-deep)}
.quote{font-family:var(--display);font-weight:700;font-size:clamp(1.4rem,2.6vw,2.1rem);line-height:1.25;letter-spacing:-.01em;text-wrap:balance}

/* rows: label + text, divided */
.rows{list-style:none;padding:0;display:flex;flex-direction:column}
.rows li{display:grid;grid-template-columns:minmax(0,14rem) minmax(0,1fr);gap:6px 28px;padding:22px 0;border-top:1px solid var(--line)}
.rows li:last-child{border-bottom:1px solid var(--line)}
.rows p{color:var(--ink-2)}
@media (max-width:620px){.rows li{grid-template-columns:minmax(0,1fr)}}

/* steps: a real sequence, so numbered */
.steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 20px;counter-reset:step}
.steps.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.steps.two{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 40px}
.steps li{counter-increment:step;display:flex;flex-direction:column;gap:10px;padding-top:18px;border-top:3px solid var(--charcoal);min-width:0}
.steps li::before{content:counter(step,decimal-leading-zero);font-family:var(--display);font-weight:800;font-size:.9rem;color:var(--sage-deep);font-variant-numeric:tabular-nums}
.tint .steps li::before{color:var(--sage-ink)}
.steps p{color:var(--ink-2)}
.tint .steps p{color:#414743}
@media (max-width:900px){.steps,.steps.three{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.steps,.steps.three,.steps.two{grid-template-columns:minmax(0,1fr)}}

/* pricing */
.tiers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}
.tiers.three{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:1040px){.tiers{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:860px){.tiers.three{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.tiers{grid-template-columns:minmax(0,1fr)}}
.tier{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);padding:26px;display:flex;flex-direction:column;gap:14px;min-width:0}
.tint .tier{border-color:transparent}
.tier.featured{background:var(--charcoal);color:var(--paper);border-color:transparent}
.tier .top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}
.tier .price{font-family:var(--display);font-weight:800;font-size:2.35rem;line-height:1.05;letter-spacing:-.02em}
.tier .price.range{font-size:1.7rem}
.tier .price small{font-size:.95rem;font-weight:600;letter-spacing:0}
.tier .blurb{color:var(--ink-2);font-size:.98rem}
.tier.featured .blurb{color:var(--on-dark-2)}
.ticks{list-style:none;padding:0;display:flex;flex-direction:column;gap:10px;font-size:.98rem}
.ticks li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;color:var(--ink-2)}
.ticks li::before{content:"";width:6px;height:11px;margin:4px 0 0 5px;border:solid var(--sage);border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
.featured .ticks li,.dark .ticks li{color:var(--on-dark-2)}
.featured .ticks li::before,.dark .ticks li::before{border-color:var(--mint)}
.tint .ticks li{color:#414743}
.plain{list-style:none;padding:0;display:flex;flex-direction:column}
.plain li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 24px;padding:16px 0;border-top:1px solid var(--line)}
.plain li:last-child{border-bottom:1px solid var(--line)}
.plain span:last-child{font-weight:500;font-variant-numeric:tabular-nums}

/* FAQ */
.faq{display:flex;flex-direction:column;gap:12px}
.faq details{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:4px 24px}
.faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;min-height:48px;cursor:pointer;font-family:var(--display);font-weight:700;font-size:1.1rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";flex:0 0 auto;font-size:1.5rem;line-height:1;color:var(--sage-deep)}
.faq details[open] summary::after{content:"\2212"}
.faq details p{padding-bottom:18px;color:var(--ink-2)}

/* forms */
form.panel{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:clamp(22px,3vw,34px);display:flex;flex-direction:column;gap:18px;box-shadow:0 24px 60px -36px rgba(28,31,29,.4)}
.field{display:flex;flex-direction:column;gap:6px;min-width:0}
.field label,.field .lab{font-size:.9rem;font-weight:500}
.field .hint{font-size:.85rem;color:var(--ink-2)}
input[type=text],input[type=email],input[type=url],textarea,select{width:100%;min-height:48px;padding:12px 14px;border-radius:12px;border:1px solid rgba(28,31,29,.32);background:var(--paper);color:var(--charcoal);font:inherit}
textarea{min-height:104px;resize:vertical}
input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--sage);outline-offset:1px;border-radius:12px}
fieldset{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:18px;min-width:0}
legend{padding:0;margin-bottom:4px;font-family:var(--display);font-weight:800;font-size:1.35rem;letter-spacing:-.01em}
.choices{display:flex;flex-wrap:wrap;gap:10px}
.choices label{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 16px;border-radius:999px;border:1px solid rgba(28,31,29,.28);font-size:.95rem;cursor:pointer}
.choices input{accent-color:var(--sage);width:18px;height:18px;margin:0}
.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
@media (max-width:620px){.grid-2{grid-template-columns:minmax(0,1fr)}}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.sep{height:1px;background:var(--line);border:0;margin:6px 0}

/* photo placeholder */
.photo{display:block;width:100%;max-width:240px;aspect-ratio:1;border-radius:50%;border:2px solid var(--mint);object-fit:cover;object-position:50% 22%;box-shadow:0 12px 40px rgba(0,0,0,.35)}
.photo.square{border-radius:32px;max-width:360px;aspect-ratio:4/5;object-position:50% 30%}

/* ---------- footer ---------- */
footer.site{background:rgba(15,18,16,.84);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line-dark);color:var(--paper);padding-block:56px 32px}
footer.site .top{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:32px;margin-bottom:36px}
footer.site h2,footer.site h3{font-family:var(--display);font-size:.8rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
footer.site ul{list-style:none;padding:0;display:flex;flex-direction:column}
footer.site li a{display:inline-flex;align-items:center;min-height:40px;text-decoration:none;color:var(--on-dark-2);font-size:.95rem}
footer.site li a:hover{color:var(--paper)}
footer.site .about{display:flex;flex-direction:column;gap:14px}
footer.site .about p{color:var(--muted);font-size:.95rem;max-width:20rem}
footer.site .base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding-top:22px;border-top:1px solid var(--line-dark);font-size:.86rem;color:var(--muted)}
@media (max-width:860px){footer.site .top{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){footer.site .top{grid-template-columns:minmax(0,1fr)}}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}a.card{transition:none}}

/* closing call-to-action panel */
.cta .glass{display:flex;flex-direction:column;align-items:center;gap:22px;max-width:780px;padding:clamp(32px,5vw,56px)}
.cta .glass .lede{text-shadow:none}

/* the home hero panel lets more of the globe glow through */
.hero .ask.glass{background:rgba(15,18,16,.5)}

/* home page: lighter glass so the globe shows through the panels */
.home .glass,.home .hero .ask.glass{background:rgba(15,18,16,.3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.home .glass,.home .glass .lede{text-shadow:0 1px 12px rgba(0,0,0,.8)}
.home .glass .btn,.home .glass .result{text-shadow:none}
.home .answer{background:rgba(159,208,180,.12)}

/* cards and price tiers that sit straight on the sky (home: why it matters, pricing) */
.sky .card,.sky .tier{background:rgba(15,18,16,.3);border-color:var(--line-dark);color:var(--paper);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-shadow:0 1px 12px rgba(0,0,0,.8)}
.sky .card p,.sky .tier .blurb,.sky .ticks li{color:var(--on-dark-2)}
.sky .ticks li::before{border-color:var(--mint)}
.sky .tier.featured{background:rgba(159,208,180,.16);border-color:rgba(159,208,180,.5)}
.sky .icon{background:rgba(159,208,180,.16);color:var(--mint)}
.sky .tag{text-shadow:none}
.sky .head p,.sky .text-link{text-shadow:0 1px 12px rgba(0,0,0,.8)}

/* ---------- see-through panels everywhere: content on the sky instead of on paper ---------- */
.page{--panel:rgba(15,18,16,.3);--panel-blur:4px}
.page.inner{--panel:rgba(15,18,16,.46);--panel-blur:6px}   /* the lit planets are brighter than the night globe */
.page .glass,.page .hero .ask.glass,.sky .card,.sky .tier,.sky .wrap.box,.sky .faq details,.sky form.panel{background:var(--panel);-webkit-backdrop-filter:blur(var(--panel-blur));backdrop-filter:blur(var(--panel-blur));border:1px solid var(--line-dark);color:var(--paper);text-shadow:0 1px 12px rgba(0,0,0,.8)}
.sky .tier.featured,.sky .card.dark{background:rgba(159,208,180,.16);border-color:rgba(159,208,180,.5)}
.sky .btn,.sky .result,.sky .tier .tag{text-shadow:none}

.sheet.sky{background:transparent;margin:0;border-radius:0;overflow:visible;padding-block:0 clamp(24px,4vw,48px);display:flex;flex-direction:column;gap:clamp(40px,6vw,72px)}
.sheet.sky .band{padding-block:0;background:transparent}
.sky .wrap.box{max-width:1160px;width:calc(100% - var(--gutter-l) - var(--gutter-r));padding:clamp(24px,4vw,52px);border-radius:28px}
.sky form.panel{box-shadow:none}

.sky .prose p,.sky .rows p,.sky .steps p,.sky .faq details p,.sky .card p,.sky .tint .muted,.sky .tint .steps p,.sky .tint .ticks li,.sky .field .hint{color:var(--on-dark-2)}
.sky .rows li,.sky .plain li{border-color:var(--line-dark)}
.sky .steps li{border-top-color:rgba(245,246,244,.55)}
.sky .steps li::before,.sky .tint .steps li::before,.sky .tint .eyebrow,.sky a.card .go,.sky .faq summary::after{color:var(--mint)}
.sky .card .tag{background:rgba(159,208,180,.18);color:var(--mint);text-shadow:none}
.sky .sep{background:var(--line-dark)}
.sky input[type=text],.sky input[type=email],.sky input[type=url],.sky textarea,.sky select{background:rgba(15,18,16,.55);border-color:rgba(245,246,244,.32);color:var(--paper)}
.sky input:focus-visible,.sky textarea:focus-visible,.sky select:focus-visible{outline-color:var(--mint)}
.sky .choices label{border-color:rgba(245,246,244,.32)}
.sky .choices input{accent-color:var(--mint)}
.sheet.sky{color:var(--paper)}
.page.inner{--panel:rgba(15,18,16,.5)}