:root{
  --bg:#0f172a;            /* WAYSCloud navy */
  --bg-2:#0b1220;
  --surface:#1e293b;       /* cards */
  --surface-2:#172033;
  --line:#334155;
  --ink:#f1f5f9; --muted:#94a3b8; --dim:#64748b;
  --accent:#00a67d;        /* WAYSCloud green */
  --accent-h:#00926e;
  --accent-soft:rgba(0,166,125,.12);
  --blue:#38bdf8;          /* bluish highlight */
  --radius:16px; --maxw:1000px;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);
  font:16px/1.65 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 22px}
.muted{color:var(--muted)} .small{font-size:.9rem} .hl{color:var(--accent)}
a{color:inherit}

.nav{position:sticky;top:0;z-index:20;background:rgba(15,23,42,.82);
  backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav-in{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{display:flex;align-items:center;gap:.65rem;text-decoration:none}
.brand img{display:block}
.tag{font-weight:600;color:var(--muted);font-size:.95rem;padding-left:.65rem;border-left:1px solid var(--line)}

.btn{font:inherit;font-weight:600;border-radius:11px;padding:.65rem 1.15rem;cursor:pointer;
  border:1px solid transparent;transition:.15s;text-decoration:none;display:inline-block}
.btn.primary{background:var(--accent);color:#04231b}
.btn.primary:hover{background:var(--accent-h);transform:translateY(-1px)}
.btn.ghost{background:transparent;border-color:var(--line);color:var(--ink)}
.btn.ghost:hover{border-color:var(--accent);color:var(--accent)}

.hero{padding:90px 0 46px;position:relative;overflow:hidden;
  background:
    radial-gradient(60% 50% at 78% -10%, rgba(0,166,125,.18), transparent 60%),
    radial-gradient(55% 45% at 10% 0%, rgba(56,189,248,.12), transparent 55%),
    var(--bg);}
.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:700;
  color:var(--accent);margin:0 0 .7rem}
.hero h1{font-size:clamp(2.3rem,5.5vw,3.7rem);line-height:1.04;letter-spacing:-.03em;
  font-weight:800;margin:0 0 .85rem}
.lead{font-size:1.2rem;max-width:640px;color:#cbd5e1;margin:0 0 1.7rem}
.cta-row{display:flex;gap:.7rem;flex-wrap:wrap;margin-bottom:1.9rem}
.trust{list-style:none;display:flex;gap:1.5rem;flex-wrap:wrap;padding:0;margin:0;
  color:var(--muted);font-size:.92rem}
.trust li{position:relative;padding-left:1.25rem}
.trust li::before{content:"";position:absolute;left:0;top:.55em;width:7px;height:7px;
  border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}

section.panel{margin:34px auto}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:26px;
  box-shadow:0 1px 0 rgba(255,255,255,.03) inset}
.card.center{text-align:center;padding:46px 26px}

h2{font-size:1.6rem;letter-spacing:-.02em;font-weight:700;margin:54px 0 20px}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.svc-col{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px}
.svc-col.req{background:var(--surface-2)}
.svc-col h3{margin:0 0 .7rem;font-size:1.1rem;font-weight:700}
ul.svc{list-style:none;padding:0;margin:.5rem 0 0;columns:2;font-size:.95rem;color:#d8e0ec}
ul.svc li{padding:.22rem 0;break-inside:avoid}
ul.svc li::before{content:"✓";color:var(--accent);font-weight:800;margin-right:.5rem}
.svc-col.req ul.svc li::before{content:"+";color:var(--blue)}

details{background:var(--surface);border:1px solid var(--line);border-radius:12px;
  padding:.3rem 1.05rem;margin-bottom:.6rem}
summary{cursor:pointer;font-weight:600;padding:.7rem 0;list-style:none}
summary::-webkit-details-marker{display:none}
summary::before{content:"+";color:var(--accent);font-weight:800;margin-right:.6rem}
details[open] summary::before{content:"–"}
details p{margin:.1rem 0 .85rem;color:#c2cdda}

.flow{display:grid;gap:14px}
.row{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}
.pill{font-size:.78rem;padding:.2rem .65rem;border-radius:999px;border:1px solid var(--line);color:var(--muted)}
.pill.ok{color:var(--accent);border-color:rgba(0,166,125,.4);background:var(--accent-soft)}
.statusbadge{font-size:.74rem;font-weight:700;padding:.18rem .6rem;border-radius:999px;
  text-transform:uppercase;letter-spacing:.05em;background:rgba(56,189,248,.14);color:var(--blue)}

.foot{border-top:1px solid var(--line);margin-top:64px;padding:26px 0;color:var(--muted);font-size:.9rem}
.foot .wrap{display:flex;align-items:center;gap:.7rem}
@media(max-width:680px){.grid{grid-template-columns:1fr}ul.svc{columns:1}.hero{padding:60px 0 32px}}

/* origin sections + per-item one/request markers */
.svc-col h3{display:flex;align-items:center;gap:.5rem}
.svc-col .ico{border-radius:5px}
ul.svc li::before{content:""!important;margin:0!important}
ul.svc li.one::before{content:"✓"!important;color:var(--accent);font-weight:800;margin-right:.5rem!important}
ul.svc li.req::before{content:"+"!important;color:var(--blue);font-weight:800;margin-right:.5rem!important}
.legend{margin-left:.4rem;white-space:nowrap}
.legend .k{font-size:.82rem;padding:.1rem .5rem;border-radius:999px;border:1px solid var(--line);margin-left:.35rem}
.legend .one{color:var(--accent)} .legend .req{color:var(--blue)}
@media(max-width:680px){.legend{display:block;margin:.5rem 0 0}}

/* "Why we built this" callout */
.card.why{border-left:3px solid var(--accent);background:linear-gradient(180deg,rgba(0,166,125,.06),transparent 60%),var(--surface)}
.card.why p{color:#cbd5e1;margin:.4rem 0}
.card.why a{color:var(--accent);text-decoration:none;border-bottom:1px solid rgba(0,166,125,.4)}
.card.why a:hover{border-bottom-color:var(--accent)}

/* wayscloud.eu-style footer */
.site-foot{border-top:1px solid var(--line);margin-top:72px;padding:50px 0 28px;background:var(--bg-2)}
.foot-grid{display:grid;grid-template-columns:2.2fr 1fr 1fr 1fr;gap:34px}
.foot-brand img{display:block}
.foot-brand p{font-size:.9rem;color:var(--muted);max-width:360px;margin:1rem 0 0}
.foot-col h4{font-size:.73rem;letter-spacing:.13em;text-transform:uppercase;color:var(--dim);margin:.1rem 0 .85rem}
.foot-col a{display:block;color:var(--muted);text-decoration:none;font-size:.92rem;padding:.3rem 0}
.foot-col a:hover{color:var(--accent)}
.foot-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.7rem;
  margin-top:38px;padding-top:22px;border-top:1px solid var(--line);font-size:.85rem;color:var(--dim)}
.foot-legal a{color:var(--dim);text-decoration:none;margin-left:1.2rem}
.foot-legal a:hover{color:var(--accent)}
@media(max-width:680px){.foot-grid{grid-template-columns:1fr 1fr}.foot-brand{grid-column:1/-1}
  .foot-bottom{flex-direction:column;align-items:flex-start}.foot-legal a{margin:0 1.2rem 0 0}}

/* simplify: dash bullets, logo-only service headers */
ul.svc li::before, ul.svc li.one::before, ul.svc li.req::before{
  content:"–"!important;color:var(--muted)!important;font-weight:700!important;margin-right:.55rem!important}
.svc-h{height:30px;display:flex;align-items:center;margin:0 0 .4rem}
.svc-h img{display:block}

/* scope selection */
.btn-sm{padding:.38rem .7rem;font-size:.85rem}
.hidden{display:none}
.seg{display:inline-flex;background:var(--bg-2);border:1px solid var(--line);border-radius:11px;padding:4px;margin:.3rem 0 .2rem}
.seg-b{font:inherit;font-weight:600;font-size:.92rem;border:0;background:transparent;color:var(--muted);
  padding:.5rem .9rem;border-radius:8px;cursor:pointer}
.seg-b.active{background:var(--accent);color:#04231b}
.picker{border:1px solid var(--line);border-radius:12px;padding:16px;background:var(--bg-2);margin:.2rem 0}
.pick-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.pick-head{border-bottom:1px solid var(--line);padding-bottom:.4rem;margin-bottom:.4rem}
.chk{display:flex;align-items:center;gap:.5rem;font-size:.93rem;padding:.22rem 0;cursor:pointer;color:#d8e0ec}
.chk input{accent-color:var(--accent);width:16px;height:16px}
.svc-pick .tierpill{margin-left:auto;font-size:.72rem;color:var(--blue);border:1px solid var(--line);border-radius:999px;padding:.05rem .5rem}
.opts{margin-top:.8rem;padding-top:.8rem;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:.5rem}
.opts input[type=date]{background:var(--surface);border:1px solid var(--line);border-radius:8px;color:var(--ink);padding:.25rem .5rem;font:inherit}
@media(max-width:680px){.pick-grid{grid-template-columns:1fr}.seg{display:flex}}

/* in-progress status */
.statusbadge.busy{background:rgba(0,166,125,.14);color:var(--accent);display:inline-flex;align-items:center;gap:.4rem}
.spin{width:10px;height:10px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;display:inline-block;animation:spin .7s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

/* both-brand sign-in */
.dual-logo{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:18px;opacity:.95}
.dual-logo img{display:block}
.logo-sep{color:var(--muted);font-weight:600;font-size:18px}