:root{
  --ink:#111416; --muted:#667078; --paper:#f7f6f2; --white:#fff;
  --accent:#b08a52; --accent-dark:#8d6d3f; --line:#ddd9d0; --dark:#171b1d;
  --max:1180px; --radius:2px; --shadow:0 20px 60px rgba(17,20,22,.10);
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.7}
a{color:inherit;text-decoration:none} img{max-width:100%;display:block} button,input,textarea{font:inherit}
.container{width:min(var(--max),calc(100% - 40px));margin:auto}.topbar{background:var(--dark);color:#dfe3e3;font-size:12px}.topbar .container{display:flex;justify-content:space-between;padding:9px 0}
header{position:sticky;top:0;z-index:20;background:rgba(247,246,242,.96);backdrop-filter:blur(12px);border-bottom:1px solid rgba(221,217,208,.7)}
.nav{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.12em}.brand-mark{width:38px;height:38px;border:1px solid var(--accent);display:grid;place-items:center;color:var(--accent);font-family:Georgia,serif;font-size:18px}.brand small{display:block;font-size:9px;letter-spacing:.28em;color:var(--muted);font-weight:500;margin-top:-2px}
.navlinks{display:flex;gap:26px;align-items:center;font-size:13px;font-weight:600}.navlinks a{padding:28px 0;position:relative}.navlinks a:after{content:"";position:absolute;bottom:20px;left:0;width:0;height:1px;background:var(--accent);transition:.3s}.navlinks a:hover:after,.navlinks a.active:after{width:100%}.menu{display:none;background:none;border:0;font-size:24px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 22px;background:var(--ink);color:#fff;border:1px solid var(--ink);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;transition:.25s}.btn:hover{background:var(--accent);border-color:var(--accent)}.btn.outline{background:transparent;color:var(--ink)}.btn.outline:hover{color:#fff}
.hero{min-height:650px;display:grid;align-items:end;background:linear-gradient(90deg,rgba(10,14,15,.72),rgba(10,14,15,.18)),url("https://images.unsplash.com/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=2200&q=85") center/cover;color:#fff}.hero-inner{padding:120px 0 100px;max-width:780px}.eyebrow{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--accent);font-weight:800}.hero h1,.pagehero h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(46px,7vw,88px);line-height:1.02;margin:18px 0}.hero p{font-size:18px;max-width:650px;color:#eef0ef}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
section{padding:95px 0}.section-head{max-width:700px;margin-bottom:45px}.section-head h2{font:400 clamp(34px,4vw,54px)/1.1 Georgia,serif;margin:12px 0 18px}.section-head p{color:var(--muted);margin:0}.grid{display:grid;gap:24px}.two{grid-template-columns:1.1fr .9fr}.three{grid-template-columns:repeat(3,1fr)}.four{grid-template-columns:repeat(4,1fr)}
.split-image{min-height:540px;background:url("https://images.unsplash.com/photo-1600607688969-a5bfcd646154?auto=format&fit=crop&w=1400&q=80") center/cover}.copy{padding:15px 0 15px 8%}.copy h2{font:400 48px/1.1 Georgia,serif;margin:12px 0 20px}.muted{color:var(--muted)}.number{font:400 50px Georgia;color:var(--accent);line-height:1}
.cards .card{background:#fff;border:1px solid var(--line);padding:30px;transition:.25s}.cards .card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.card h3{font:400 25px Georgia;margin:14px 0}.icon{width:42px;height:42px;border:1px solid var(--accent);display:grid;place-items:center;color:var(--accent)}
.dark{background:var(--dark);color:#fff}.dark .muted{color:#b8bec0}.dark .section-head p{color:#b8bec0}.dark .card{background:#202527;border-color:#343b3d}.quote{font:400 28px/1.4 Georgia,serif;border-left:2px solid var(--accent);padding-left:25px}
.pagehero{padding:115px 0 90px;background:#202527;color:#fff}.pagehero h1{font-size:clamp(46px,6vw,76px);margin-bottom:0}.breadcrumbs{font-size:12px;color:#aeb5b6}.project img{aspect-ratio:4/3;object-fit:cover}.project .meta{padding:22px 0}.project h3{font:400 27px Georgia;margin:0 0 5px}.tag{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:var(--accent);font-weight:800}
.cta{background:var(--accent);color:#fff;padding:65px 0}.cta .container{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{font:400 42px Georgia;margin:0}.cta .btn{background:#fff;color:var(--ink);border-color:#fff}
.form{display:grid;gap:16px}.form input,.form textarea{width:100%;border:1px solid var(--line);background:#fff;padding:15px 16px;outline:none}.form input:focus,.form textarea:focus{border-color:var(--accent)}.form textarea{min-height:150px;resize:vertical}.contact-list{display:grid;gap:22px}.contact-item strong{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:10px;color:var(--accent);margin-bottom:4px}
.faq{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{cursor:pointer;font:400 21px Georgia;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq p{color:var(--muted);max-width:850px}
footer{background:#101415;color:#c3c8c9;padding:65px 0 25px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px}.footer-brand{color:#fff}.footer-title{text-transform:uppercase;letter-spacing:.15em;font-size:10px;color:var(--accent);font-weight:800;margin-bottom:15px}.footer-links{display:grid;gap:7px;font-size:13px}.copyright{border-top:1px solid #303638;margin-top:50px;padding-top:20px;display:flex;justify-content:space-between;font-size:11px}
.reveal{opacity:0;transform:translateY(20px);transition:.7s ease}.reveal.show{opacity:1;transform:none}
@media(max-width:900px){.navlinks{display:none;position:absolute;left:0;right:0;top:78px;background:var(--paper);padding:15px 20px 25px;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:4px}.navlinks.open{display:flex}.navlinks a{padding:10px 0}.navlinks a:after{bottom:4px}.menu{display:block}.two,.three,.four{grid-template-columns:1fr 1fr}.split-image{min-height:400px}.copy{padding:40px 0 0}.cta .container{display:block}.cta .btn{margin-top:20px}}
@media(max-width:600px){.container{width:min(var(--max),calc(100% - 28px))}.topbar{display:none}.nav{height:68px}.navlinks{top:68px}.hero{min-height:650px}.hero-inner{padding:90px 0 70px}.two,.three,.four{grid-template-columns:1fr}section{padding:70px 0}.pagehero{padding:85px 0 65px}.copy h2{font-size:40px}.footer-grid{grid-template-columns:1fr 1fr}.copyright{display:block}.copyright span{display:block;margin-top:6px}}

/* Logo */
.brand-logo{height:60px;width:auto;display:block}
.footer-brand .brand-logo{height:76px}
footer{background:#4a4f52}
.copyright{border-top-color:#6a7073}
@media(max-width:700px){.brand-logo{height:48px}}
@media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.footer-grid{grid-template-columns:1fr}.brand-logo{height:44px}.footer-brand .brand-logo{height:64px}}
img{max-width:100%}
/* Light footer (Platinum #E5E4E2) */
footer{background:#e5e4e2;color:#3a4044}
footer .muted{color:#4f565b}
footer .footer-title{color:var(--accent-dark)}
footer a:hover{color:var(--accent-dark)}
.copyright{border-top-color:#c4c2be}
/* Page hero background images */
.pagehero.has-bg{background:linear-gradient(90deg,rgba(16,20,21,.82),rgba(16,20,21,.45)),var(--hero-img) center/cover no-repeat}
.pagehero.has-bg .breadcrumbs{color:#e3e6e6}
.pagehero.has-bg p{color:#eef0ef}
/* Content sections */
section.alt{background:#fff}
.feature{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.feature.flip .feature-img{order:2}
.feature-img img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;box-shadow:var(--shadow)}
.feature-copy h2{font:400 clamp(32px,4vw,46px)/1.12 Georgia,serif;margin:12px 0 18px}
.ticks{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:10px}
.ticks li{position:relative;padding-left:28px;font-weight:600;font-size:15px}
.ticks li:before{content:"";position:absolute;left:0;top:6px;width:14px;height:8px;border-left:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:rotate(-45deg)}
.steps{display:grid;gap:0;border-top:1px solid var(--line)}
.dark .steps{border-color:#343b3d}
.step{display:grid;grid-template-columns:90px 1fr;gap:20px;padding:26px 0;border-bottom:1px solid var(--line);align-items:start}
.dark .step{border-color:#343b3d}
.step h3{font:400 25px Georgia;margin:0 0 6px}.step p{margin:0;max-width:700px}
.grid.two.cards{grid-template-columns:1fr 1fr}
.project .meta p{margin:6px 0 0}
.quote{max-width:900px}
@media(max-width:900px){.feature{grid-template-columns:1fr;gap:30px}.feature.flip .feature-img{order:0}.step{grid-template-columns:60px 1fr}}
/* ===== Footer redesign ===== */
footer{padding:0}
.app-band{background:linear-gradient(120deg,#0b1f3a 0%,#153a66 100%);color:#fff;position:relative;overflow:hidden}
.app-band:before{content:"";position:absolute;right:-120px;top:-120px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(176,138,82,.35),transparent 70%)}
.app-band-inner{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:center;padding:60px 0;position:relative}
.app-band h2{font:400 clamp(30px,4vw,44px)/1.12 Georgia,serif;margin:10px 0 14px;color:#fff}
.app-band p{color:#d5dde8;max-width:520px;margin:0 0 24px}
.app-band-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.app-band-link{color:#f0d9a8;font-size:13px;font-weight:600;border-bottom:1px solid rgba(240,217,168,.4)}
.app-band-link:hover{color:#fff}
.play-badge{display:inline-flex;align-items:center;gap:11px;background:#000;color:#fff;border:1px solid #a6a6a6;border-radius:9px;padding:9px 20px 9px 14px;transition:.25s}
.play-badge:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(0,0,0,.35);color:#fff}
.play-badge span{display:block;font-size:20px;font-weight:600;line-height:1.05;letter-spacing:.01em}
.play-badge small{display:block;font-size:9px;font-weight:600;letter-spacing:.12em}
.app-perks{list-style:none;padding:0;margin:30px 0 0;display:flex;gap:26px;flex-wrap:wrap}
.app-perks li{display:flex;align-items:center;gap:10px;font-size:13px;color:#e6ecf4}
.app-perks svg{color:#d9b46f;flex:none}
.app-band-img{position:relative}
.app-band-img img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:14px;border:6px solid rgba(255,255,255,.12);box-shadow:0 30px 60px rgba(0,0,0,.4);display:block}
.footer-main{padding-top:60px;padding-bottom:22px}
.footer-about p{max-width:340px;margin:16px 0 18px}
.footer-contact{list-style:none;padding:0;margin:0;display:grid;gap:10px;font-size:13px}
.footer-contact li{display:flex;gap:10px;align-items:center}
.footer-contact svg{color:var(--accent-dark);flex:none}
.footer-links a{transition:.2s}.footer-links a:hover{padding-left:5px}
.copyright{align-items:center;gap:10px;flex-wrap:wrap}
.copy-links{display:flex;gap:18px}.copy-links a:hover{color:var(--accent-dark)}
.play-note{font-size:10px;color:#6b7278;margin:14px 0 0}
.topbar a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){.app-band-inner{grid-template-columns:1fr;padding:45px 0;gap:30px}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.footer-grid{grid-template-columns:1fr}.copy-links{flex-wrap:wrap}}

/* ===== Legal pages ===== */
.legal{display:grid;grid-template-columns:270px 1fr;gap:60px;align-items:start}
.legal-toc{position:sticky;top:96px;background:var(--paper);border:1px solid var(--line);padding:24px}
.legal-toc ol{margin:0;padding-left:18px;display:grid;gap:8px;font-size:13px}
.legal-toc a:hover{color:var(--accent-dark)}
.legal-meta{margin-top:20px;padding-top:16px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}
.legal-intro{font-size:17px;color:var(--muted);border-left:2px solid var(--accent);padding-left:20px;margin:0 0 35px}
.legal-block{padding:26px 0;border-top:1px solid var(--line);scroll-margin-top:100px}
.legal-block h3{font:400 27px Georgia;margin:0 0 14px;display:flex;gap:14px;align-items:baseline}
.legal-block h3 span{font:800 11px sans-serif;letter-spacing:.15em;color:var(--accent)}
.legal-block p,.legal-block li{color:#3d464b;line-height:1.75}
.legal-block ul,.legal-block ol{padding-left:22px;display:grid;gap:8px}
.legal-block a{color:var(--accent-dark);text-decoration:underline}
.del-form{margin-top:22px;max-width:560px;background:var(--paper);padding:24px;border:1px solid var(--line)}
.check{display:flex;gap:10px;font-size:13px;align-items:flex-start}.check input{width:auto;margin-top:3px}
@media(max-width:900px){.legal{grid-template-columns:1fr;gap:30px}.legal-toc{position:static}}
/* App strip (footer) + join section */
.app-strip{background:linear-gradient(120deg,#0b1f3a,#153a66);color:#fff}
.app-strip-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 0;flex-wrap:wrap}
.app-strip strong{display:block;font:400 24px Georgia,serif}
.app-strip span{color:#d5dde8;font-size:14px}
.app-strip .play-badge{flex:none}
.join-band{padding:0}
/* ===== Footer v3 (modern) ===== */
footer{position:relative;background:linear-gradient(180deg,#f1f0ee 0%,#e5e4e2 100%);border-top:3px solid transparent;border-image:linear-gradient(90deg,#8d6d3f,#e3c184,#8d6d3f) 1}
footer:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 8% 0%,rgba(176,138,82,.14),transparent 45%),radial-gradient(circle at 100% 100%,rgba(21,58,102,.10),transparent 45%);pointer-events:none}
.footer-top{position:relative;padding-top:70px;padding-bottom:50px}
.footer-grid{grid-template-columns:1.5fr .9fr .9fr 1.1fr 1.4fr;gap:38px}
.footer-title{position:relative;padding-bottom:12px;margin-bottom:18px}
.footer-title:after{content:"";position:absolute;left:0;bottom:0;width:26px;height:2px;background:var(--accent)}
.footer-contact li i{width:32px;height:32px;border-radius:50%;background:#fff;display:grid;place-items:center;flex:none;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.footer-contact li i svg{color:var(--accent-dark)}
.footer-links a{position:relative;padding-left:0}
.footer-links a:hover{padding-left:6px;color:var(--accent-dark)}
.app-card{background:linear-gradient(150deg,#0b1f3a,#153a66);color:#fff;border-radius:16px;padding:24px;box-shadow:0 18px 40px rgba(11,31,58,.25);position:relative;overflow:hidden}
.app-card:before{content:"";position:absolute;right:-50px;top:-50px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(227,193,132,.35),transparent 70%)}
.app-card .footer-title{color:#e3c184}
.app-card-head{display:flex;align-items:center;gap:14px;margin-bottom:12px;position:relative}
.app-icon{width:56px;height:56px;border-radius:14px;background:linear-gradient(145deg,#1b4a80,#0b1f3a);border:1px solid rgba(227,193,132,.5);display:grid;place-items:center;box-shadow:0 8px 18px rgba(0,0,0,.35);flex:none}
.app-card-head strong{display:block;font:400 21px Georgia,serif;line-height:1.1}
.app-card-head span:not(.app-icon){font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#e3c184;font-weight:700}
.app-card p{font-size:13px;color:#d5dde8;margin:0 0 16px;position:relative}
.app-card .play-badge{position:relative}
.app-card-link{display:inline-block;margin-top:14px;font-size:12px;color:#f0d9a8;border-bottom:1px solid rgba(240,217,168,.4);position:relative}
.app-card-link:hover{color:#fff}
.footer-bottom{position:relative;background:#0b1f3a;color:#c3ccd8}
.footer-bottom-inner{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;padding-top:20px;padding-bottom:16px;font-size:12px}
.footer-bottom em{color:#e3c184}
.footer-bottom .copy-links a:hover{color:#e3c184}
.to-top{width:34px;height:34px;border-radius:50%;border:1px solid rgba(227,193,132,.6);display:grid;place-items:center;color:#e3c184;transition:.25s}
.to-top:hover{background:#e3c184;color:#0b1f3a!important}
.footer-bottom .play-note{color:#8a97a8;margin:0;padding-bottom:16px}
@media(max-width:1100px){.footer-grid{grid-template-columns:1fr 1fr 1fr}.footer-about{grid-column:1/-1}.app-card{grid-column:span 2}}
@media(max-width:700px){.footer-grid{grid-template-columns:1fr 1fr}.app-card{grid-column:1/-1}}
@media(max-width:480px){.footer-grid{grid-template-columns:1fr}}
/* ===== Footer: flat Platinum, no blue ===== */
footer{background:#e5e4e2;border-image:none;border-top:1px solid #cfcdc9}
footer:before{display:none}
.app-card{background:#fff;color:var(--ink);border:1px solid #d3d1cd;box-shadow:0 10px 30px rgba(0,0,0,.06)}
.app-card:before{display:none}
.app-card .footer-title{color:var(--accent-dark)}
.app-icon{background:#e5e4e2;border:1px solid #cfcdc9;box-shadow:none}
.app-icon svg path{stroke:var(--accent-dark)}
.app-card-head span:not(.app-icon){color:var(--accent-dark)}
.app-card p{color:#4f565b}
.app-card-link{color:var(--accent-dark);border-bottom-color:rgba(141,109,63,.4)}
.app-card-link:hover{color:var(--ink)}
.footer-bottom{background:#d6d5d2;color:#3a4044;border-top:1px solid #c4c2be}
.footer-bottom em{color:var(--accent-dark)}
.footer-bottom .copy-links a:hover{color:var(--accent-dark)}
.to-top{border-color:var(--accent-dark);color:var(--accent-dark)}
.to-top:hover{background:var(--accent-dark);color:#fff!important}
.footer-bottom .play-note{color:#6b7278}
/* Delete-account polish */
.form [data-message]:empty{display:none}
.del-form{gap:14px}
.legal-block ol.delsteps{list-style:none;padding:0;counter-reset:s;grid-template-columns:repeat(2,1fr);gap:14px}
.delsteps li{counter-increment:s;background:var(--paper);border:1px solid var(--line);padding:16px 16px 16px 60px;position:relative;font-size:15px}
.delsteps li:before{content:counter(s);position:absolute;left:16px;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;background:var(--accent-dark);color:#fff;display:grid;place-items:center;font-weight:700;font-size:14px}
@media(max-width:600px){.legal-block ol.delsteps{grid-template-columns:1fr}}
.footer-bottom .play-note{margin:0 auto}
.app-icon{background:#fff;padding:6px;overflow:hidden}
.app-icon img{width:100%;height:100%;object-fit:contain;display:block}
/* ===== Header v2 ===== */
.topbar{background:#171b1d;font-size:11.5px;letter-spacing:.04em}
.topbar .container{align-items:center;padding:8px 0}
.tb-left{display:flex;align-items:center;gap:12px;color:#b9c0c1}
.tb-left b{color:#fff;letter-spacing:.16em;font-weight:700}
.tb-left i{width:4px;height:4px;border-radius:50%;background:var(--accent)}
.tb-right a{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:#e9ecec;transition:.2s}
.tb-right a:hover{color:#e3c184}
header{background:rgba(247,246,242,.97);transition:box-shadow .3s,background .3s}
header.scrolled{box-shadow:0 8px 28px rgba(17,20,22,.10)}
.nav{height:86px;transition:height .3s}
header.scrolled .nav{height:70px}
header .brand-logo{height:62px;transition:height .3s}
header.scrolled .brand-logo{height:50px}
.navlinks{gap:6px;font-size:13px;letter-spacing:.02em}
.navlinks a:not(.nav-cta){padding:10px 14px;border-radius:999px;transition:background .25s,color .25s}
.navlinks a:not(.nav-cta):after{display:none}
.navlinks a:not(.nav-cta):hover{background:rgba(176,138,82,.14);color:var(--accent-dark)}
.navlinks a.active{background:rgba(176,138,82,.18);color:var(--accent-dark)}
.navlinks a.nav-cta{display:inline-flex;align-items:center;gap:9px;margin-left:12px;padding:11px 20px;border-radius:999px;background:var(--ink);color:#fff;font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:11.5px;box-shadow:0 6px 16px rgba(17,20,22,.18);transition:.25s}
.navlinks a.nav-cta:after{display:none}
.navlinks a.nav-cta:hover{background:var(--accent-dark);transform:translateY(-2px)}
@media(max-width:900px){
  .nav{height:70px}header .brand-logo{height:50px}
  .navlinks{top:70px;gap:2px;box-shadow:0 18px 30px rgba(17,20,22,.12)}
  .navlinks a:not(.nav-cta){width:100%;padding:12px 14px;border-radius:8px}
  .navlinks a.nav-cta{margin:10px 0 0;justify-content:center;width:100%}
  .tb-left i,.tb-left{font-size:11px}
}
@media(max-width:600px){.topbar{display:block}.topbar .container{justify-content:center}.tb-left{display:none}.nav{height:64px}.navlinks{top:64px}}