:root{
  --bg:#06100b;
  --bg2:#0a1710;
  --bg3:#101d14;
  --gold:#c49132;
  --gold2:#edca73;
  --gold3:#8a5f1e;
  --cream:#f3e8ce;
  --muted:#c0b79f;
  --green:#83995a;
  --paper:#d4b77a;
  --paper2:#b98e4e;
  --ink:#2c2113;
  --line:rgba(216,169,75,.20);
  --serif:"Cinzel",Georgia,serif;
  --sans:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --shell:min(1520px,calc(100vw - 64px));
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:82px}
body{margin:0;background:var(--bg);color:var(--cream);font-family:var(--sans);overflow-x:hidden}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
img{display:block;max-width:100%}
::selection{background:var(--gold);color:#111}
.site-noise{position:fixed;inset:0;z-index:999;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}
.content-shell,.nav-shell,.hero-shell,.ribbon-shell{width:var(--shell);margin-inline:auto}

.site-header{position:fixed;inset:0 0 auto;z-index:100;height:82px;display:flex;align-items:center;background:linear-gradient(180deg,rgba(5,13,8,.96),rgba(5,13,8,.78) 74%,transparent);border-bottom:1px solid transparent;transition:.25s ease}
.site-header.scrolled{background:rgba(5,13,8,.95);border-color:var(--line);backdrop-filter:blur(18px)}
.nav-shell{display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{display:inline-flex;align-items:center;gap:12px;color:var(--gold2)}
.brand-mark{width:46px;height:54px;display:grid;place-items:center}
.brand-mark svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.brand-copy{display:grid;line-height:1;text-align:center}
.brand-copy strong{font:600 19px/1 var(--serif);letter-spacing:.04em}
.brand-copy small{margin-top:5px;font:600 12px/1 var(--serif);letter-spacing:.45em;padding-left:.45em}
.main-nav{display:flex;align-items:center;gap:30px}
.main-nav a{font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#e8dec7;transition:.2s}
.main-nav a:hover{color:var(--gold2)}
.main-nav .nav-cta{padding:13px 18px;border:1px solid rgba(237,202,115,.45);border-radius:6px;background:linear-gradient(180deg,rgba(184,130,40,.85),rgba(116,76,18,.9));box-shadow:inset 0 1px rgba(255,255,255,.12)}
.menu-toggle{display:none;width:44px;height:44px;padding:10px;border:1px solid var(--line);border-radius:9px;background:#0a1510;place-content:center;gap:5px}
.menu-toggle span{display:block;width:20px;height:1px;background:var(--gold2)}

.hero{position:relative;min-height:min(900px,92vh);display:flex;align-items:center;overflow:hidden;background:#07100b}
.hero-media{position:absolute;inset:0}
.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center 48%}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,10,7,.98) 0%,rgba(3,10,7,.93) 17%,rgba(3,10,7,.70) 31%,rgba(3,10,7,.22) 49%,rgba(3,10,7,.03) 68%),linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.05) 62%,rgba(3,10,7,.72) 100%)}
.hero-runes{position:absolute;left:32px;bottom:80px;writing-mode:vertical-rl;color:rgba(236,199,110,.22);font-family:var(--serif);font-size:12px;letter-spacing:.7em}
.hero-shell{position:relative;z-index:2;padding-top:82px}
.hero-copy{max-width:670px;padding:68px 0 90px}
.eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 18px;color:var(--gold2);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.eyebrow span{width:44px;height:1px;background:linear-gradient(90deg,var(--gold),transparent)}
.eyebrow.dark{color:#68451b}.eyebrow.dark span{background:#8f6229}
.hero h1,.section h2,.launch-section h2{margin:0;font:500 clamp(52px,5vw,86px)/.98 var(--serif);letter-spacing:-.035em;text-transform:uppercase;text-wrap:balance;text-shadow:0 3px 24px rgba(0,0,0,.35)}
.hero h1 em,.section h2 em,.launch-section h2 em{font-style:normal;color:var(--gold2)}
.hero-lead{max-width:610px;margin:24px 0 0;color:#e8dfca;font-size:17px;line-height:1.7;text-shadow:0 2px 12px #000}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.btn{min-height:52px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:18px;border-radius:6px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;transition:.2s}
.btn-gold{color:#fff3d2;background:linear-gradient(180deg,#c69235,#8d5c1c);border:1px solid #e0b35e;box-shadow:0 14px 34px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.18)}
.btn-gold:hover{transform:translateY(-2px);filter:brightness(1.08)}
.btn-ghost{border:1px solid rgba(232,218,184,.28);background:rgba(5,12,8,.42);backdrop-filter:blur(8px)}
.btn-ghost:hover{border-color:var(--gold2);color:var(--gold2)}
.hero-trust{display:flex;flex-wrap:wrap;gap:20px;margin-top:28px;color:#cfc5af;font-size:11px;text-transform:uppercase;letter-spacing:.05em}
.hero-trust span{display:flex;gap:6px;align-items:center}.hero-trust span+span:before{content:"•";color:var(--gold);margin-right:12px}.hero-trust b{color:#f2dfac;font-weight:700}
.hero-bottom-rule{position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold3),var(--gold2),var(--gold3),transparent);opacity:.45}

.feature-ribbon{position:relative;z-index:8;margin-top:-42px;padding-bottom:0}
.ribbon-shell{display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;border:1px solid rgba(80,53,20,.6);border-radius:10px;background:linear-gradient(180deg,#ddc18a,#c6a263);color:var(--ink);box-shadow:0 18px 50px rgba(0,0,0,.35)}
.ribbon-shell:before{content:"";position:absolute;pointer-events:none;inset:0;background-image:radial-gradient(circle at 8% 18%,rgba(255,255,255,.16),transparent 16rem),url("data:image/svg+xml,%3Csvg width='90' height='90' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10 C30 0 55 20 90 8M0 62 C26 49 58 74 90 58' fill='none' stroke='%237c5a2c' stroke-opacity='.09'/%3E%3C/svg%3E")}
.ribbon-item{position:relative;min-height:150px;padding:24px 25px;display:flex;align-items:center;gap:18px;border-right:1px solid rgba(87,56,19,.18)}
.ribbon-item:last-child{border-right:0}.icon-medallion{flex:0 0 58px;width:58px;height:58px;border:1px solid rgba(88,57,19,.5);border-radius:50%;display:grid;place-items:center;font:600 28px var(--serif);background:rgba(255,255,255,.08)}
.ribbon-item h2{margin:0;font:600 14px var(--serif);text-transform:uppercase;letter-spacing:.02em}.ribbon-item p{margin:8px 0 0;font-size:11px;line-height:1.55}

.section{padding:110px 0}.dark-section{background:radial-gradient(circle at 75% 34%,rgba(150,112,38,.08),transparent 25rem),linear-gradient(180deg,#07110c,#09150f)}
.two-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:86px;align-items:center}
.section h2{font-size:clamp(40px,4vw,67px)}
.section-lead{max-width:650px;margin:22px 0 0;color:var(--muted);font-size:15px;line-height:1.75}
.period-list{margin-top:34px;border-top:1px solid var(--line)}
.period{width:100%;display:grid;grid-template-columns:110px 1fr;gap:3px 18px;padding:18px 0;border:0;border-bottom:1px solid var(--line);background:none;color:#d7cdb7;text-align:left;cursor:pointer;transition:.2s}
.period-date{grid-row:1/3;color:#8f866e;font-size:10px;letter-spacing:.07em}.period strong{font:600 14px var(--serif);color:#eee3ca;text-transform:uppercase}.period small{font-size:11px;color:#a9a08d;line-height:1.45}.period.active{padding-left:16px;border-left:2px solid var(--gold2);background:linear-gradient(90deg,rgba(194,146,50,.08),transparent)}.period.active strong{color:var(--gold2)}

.map-stage{position:relative;min-height:540px;overflow:hidden;border:1px solid rgba(214,166,72,.35);border-radius:14px;background:linear-gradient(180deg,rgba(16,35,22,.22),rgba(5,16,10,.2)),radial-gradient(circle at 72% 32%,#a47c40 0 3%,transparent 3.3%),#a98c57;box-shadow:0 36px 70px rgba(0,0,0,.4),inset 0 0 80px rgba(25,16,4,.6)}
.map-grid{position:absolute;inset:0;opacity:.45;background-image:linear-gradient(rgba(44,35,17,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(44,35,17,.13) 1px,transparent 1px);background-size:38px 38px;transform:rotate(-6deg) scale(1.15)}
.map-coast{position:absolute;width:90%;height:130%;left:8%;top:-20%;border:28px solid rgba(38,73,52,.72);border-left-width:70px;border-radius:43% 59% 43% 52%;transform:rotate(18deg);filter:drop-shadow(0 0 9px rgba(0,0,0,.24))}
.map-route{position:absolute;height:3px;border-top:3px dashed rgba(65,42,18,.7);transform-origin:left center}.route-a{width:65%;left:12%;top:58%;transform:rotate(-20deg)}.route-b{width:48%;left:40%;top:27%;transform:rotate(24deg)}
.map-pin{position:absolute;width:18px;height:18px;border:4px solid #dca94b;border-radius:50%;background:#182a1d;box-shadow:0 0 0 6px rgba(220,169,75,.16)}.pin-1{left:22%;top:29%}.pin-2{left:67%;top:43%}.pin-3{left:55%;top:68%}
.map-label{position:absolute;padding:5px 7px;background:rgba(42,31,15,.55);color:#f1dfb1;font:600 9px var(--serif);text-transform:uppercase;letter-spacing:.04em}.label-a{left:15%;top:34%}.label-b{right:14%;top:38%}.label-c{left:48%;bottom:22%}
.map-panel{position:absolute;left:22px;right:22px;bottom:45px;padding:18px 20px;border:1px solid rgba(237,202,115,.25);border-radius:9px;background:rgba(5,14,9,.88);backdrop-filter:blur(11px)}.map-panel span{color:var(--gold);font-size:9px;text-transform:uppercase;letter-spacing:.12em}.map-panel strong{display:block;margin-top:5px;color:#f2e4c5;font:600 18px var(--serif)}.map-panel p{margin:8px 0 0;color:#bcb39e;font-size:11px;line-height:1.55}.map-source{position:absolute;left:22px;bottom:16px;color:#594b34;font-size:8px;text-transform:uppercase;letter-spacing:.1em}

.parchment-section{position:relative;background:linear-gradient(180deg,#cfb27a,#c19b5d);color:var(--ink);box-shadow:inset 0 1px rgba(255,255,255,.35),inset 0 -20px 50px rgba(69,45,16,.18)}
.parchment-section:before{content:"";position:absolute;inset:0;opacity:.3;background-image:url("data:image/svg+xml,%3Csvg width='140' height='140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.45' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E")}.parchment-section>.content-shell{position:relative}
.section-head.centered{text-align:center;max-width:920px;margin:0 auto}.section-head.centered .eyebrow{justify-content:center}.parchment-section h2{text-shadow:none;color:#2c2113}.parchment-section h2 em{color:#68451b}
.feature-grid{margin-top:52px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(80,51,17,.25);border-left:1px solid rgba(80,51,17,.25)}
.feature-card{position:relative;min-height:250px;padding:26px 24px;border-right:1px solid rgba(80,51,17,.25);border-bottom:1px solid rgba(80,51,17,.25);background:rgba(255,255,255,.04);transition:.25s}.feature-card:hover{background:rgba(255,255,255,.12);transform:translateY(-3px)}.card-no{color:#806027;font:600 10px var(--serif);letter-spacing:.12em}.feature-card h3{margin:38px 0 0;font:600 16px var(--serif);text-transform:uppercase}.feature-card p{margin:12px 0 0;font-size:11px;line-height:1.65;color:#49381e}

.device-section{overflow:hidden;background:radial-gradient(circle at 18% 52%,rgba(191,143,50,.10),transparent 25rem),#07110c}.device-grid{grid-template-columns:1.1fr .9fr}.phone-wrap{position:relative;height:650px;perspective:1200px}.phone{position:absolute;width:270px;height:570px;padding:10px;border-radius:42px;background:linear-gradient(135deg,#564329,#c6a055 22%,#282114 28%,#0a0c0a 55%,#88672f 100%);box-shadow:0 32px 80px rgba(0,0,0,.5)}.phone-front{left:28%;top:42px;z-index:2;transform:rotate(-4deg)}.phone-back{left:51%;top:8px;transform:rotate(8deg) scale(.92);opacity:.92}.phone-notch{position:absolute;z-index:5;top:16px;left:50%;transform:translateX(-50%);width:90px;height:22px;border-radius:14px;background:#050705}.screen{position:relative;height:100%;overflow:hidden;border-radius:34px;background:#0d1810;color:#e8dfca}.screen-top{height:62px;padding:25px 15px 0;display:flex;align-items:center;justify-content:space-between;background:#0a120d;font-size:12px}.screen-top strong{font-size:12px}.map-screen{background:linear-gradient(35deg,#5a7845,#9e8b54 45%,#47623c 75%)}.map-screen:before{content:"";position:absolute;inset:62px 0 55px;background-image:linear-gradient(30deg,rgba(255,255,255,.10) 12%,transparent 12.5%,transparent 87%,rgba(255,255,255,.10) 87.5%),linear-gradient(150deg,rgba(255,255,255,.08) 12%,transparent 12.5%,transparent 87%,rgba(255,255,255,.08) 87.5%);background-size:70px 90px}.field{position:absolute;border:1px solid rgba(224,208,147,.35);background:rgba(82,106,58,.20)}.f1{left:10px;top:90px;width:115px;height:130px;transform:rotate(-8deg)}.f2{right:9px;top:75px;width:122px;height:155px;transform:rotate(7deg)}.f3{left:5px;top:240px;width:128px;height:160px;transform:rotate(4deg)}.f4{right:2px;top:245px;width:125px;height:145px;transform:rotate(-5deg)}.find-dot{position:absolute;width:13px;height:13px;border:3px solid #f0bf58;border-radius:50%;background:#20391d;box-shadow:0 3px 8px #0008}.d1{left:75px;top:154px}.d2{right:69px;top:198px}.d3{left:116px;top:292px}.find-card{position:absolute;left:12px;right:12px;bottom:65px;padding:14px;border-radius:10px;background:rgba(8,16,10,.91);box-shadow:0 12px 30px #0008}.find-card b{display:block;font:600 13px var(--serif)}.find-card small{display:block;margin-top:4px;color:#bdb29c;font-size:8px}.find-card span{display:block;margin-top:10px;color:var(--gold2);font-size:8px}.screen-tabs{position:absolute;left:0;right:0;bottom:0;height:55px;display:flex;align-items:center;justify-content:space-around;background:#09110c;color:#a99e87;font-size:6px}.screen-tabs b{width:34px;height:34px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold2);font-size:18px}.historical-screen{padding-top:0}.layer-chip{margin:18px 14px 8px;color:var(--gold);font-size:7px;letter-spacing:.15em}.layer-row{margin:0 10px;padding:11px 6px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(216,169,75,.11);font-size:8px}.layer-row i{width:22px;height:12px;border-radius:10px;background:#6d8b48;box-shadow:inset -8px 0 #d9d0b3}
.tick-list{margin-top:32px;display:grid;gap:14px}.tick-list p{margin:0;display:flex;gap:12px;color:#c4b9a2;font-size:12px;line-height:1.55}.tick-list span{color:var(--gold2);font-weight:700}.tick-list b{color:#eee2ca}

.how-section{background:linear-gradient(180deg,#09150f,#06100b);border-top:1px solid var(--line)}.steps{margin-top:60px;display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:20px;align-items:start}.step{text-align:center}.step>span{width:48px;height:48px;margin:0 auto;display:grid;place-items:center;border:1px solid rgba(221,169,70,.55);border-radius:50%;color:var(--gold2);font:600 13px var(--serif)}.step h3{margin:16px 0 0;color:var(--gold2);font:600 14px var(--serif);text-transform:uppercase}.step p{max-width:210px;margin:9px auto 0;color:#a99f8b;font-size:10px;line-height:1.65}.step-line{width:90px;margin-top:24px;border-top:1px dashed rgba(202,151,53,.4)}

.launch-section{position:relative;overflow:hidden;padding:100px 0;background:#0a1510}.launch-backdrop{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,13,8,.98) 0 45%,rgba(5,13,8,.55) 68%,rgba(5,13,8,.78)),url('assets/hero-master.webp') center 42%/cover no-repeat;filter:saturate(.65)}.launch-inner{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:end}.launch-section h2{font-size:clamp(40px,4.5vw,70px)}.launch-section p{max-width:610px;color:#c0b6a0;line-height:1.7}.launch-form{padding:26px;border:1px solid rgba(231,188,95,.25);border-radius:10px;background:rgba(7,16,11,.72);backdrop-filter:blur(14px)}.launch-form label{display:block;margin-bottom:10px;color:#d9ccb0;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.form-row{display:grid;grid-template-columns:1fr auto;gap:8px}.launch-form input{min-width:0;height:52px;padding:0 16px;border:1px solid rgba(231,188,95,.2);border-radius:6px;background:#10180f;color:#fff;outline:none}.launch-form input:focus{border-color:var(--gold2);box-shadow:0 0 0 3px rgba(237,202,115,.08)}.launch-form button{height:52px;padding:0 20px;border:1px solid #ddae51;border-radius:6px;background:linear-gradient(180deg,#c28e31,#8c5b19);color:#fff0cb;font-size:10px;font-weight:700;text-transform:uppercase;cursor:pointer}.form-note{margin:10px 0 0!important;color:#827966!important;font-size:9px!important}.form-note.success{color:#bad08d!important}

.about-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#08130d}.about-inner{min-height:120px;display:flex;align-items:center;justify-content:center;gap:28px}.about-mark{color:var(--gold);font:600 34px var(--serif)}.about-inner p{max-width:850px;margin:0;color:#9f9684;font-size:11px;line-height:1.7}.about-inner strong{color:#e3d7bd}
footer{background:#050d09}.footer-inner{min-height:100px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;color:#746d60;font-size:9px}.footer-brand .brand-mark{width:34px;height:40px}.footer-brand .brand-copy strong{font-size:13px}.footer-brand .brand-copy small{font-size:8px}.footer-links{display:flex;justify-content:flex-end;gap:22px}.footer-links a:hover{color:var(--gold2)}

.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}

@media (min-width:1800px){:root{--shell:min(1720px,calc(100vw - 120px))}.hero{min-height:930px}.hero-copy{max-width:760px}.hero h1{font-size:92px}.hero-lead{font-size:18px}.ribbon-item{min-height:162px}.phone-wrap{height:720px}.phone{width:300px;height:630px}}

@media (max-width:1180px){:root{--shell:calc(100vw - 40px)}.main-nav{gap:18px}.main-nav a{font-size:10px}.brand-copy strong{font-size:16px}.hero{min-height:780px}.hero-shade{background:linear-gradient(90deg,rgba(3,10,7,.97),rgba(3,10,7,.78) 35%,rgba(3,10,7,.15) 70%),linear-gradient(180deg,transparent 45%,rgba(3,10,7,.72))}.ribbon-shell{grid-template-columns:repeat(2,1fr)}.ribbon-item:nth-child(2){border-right:0}.ribbon-item:nth-child(-n+2){border-bottom:1px solid rgba(87,56,19,.18)}.feature-grid{grid-template-columns:repeat(2,1fr)}.two-col{gap:50px}.phone-wrap{height:590px}.phone-front{left:17%}.phone-back{left:47%}.steps{grid-template-columns:1fr 1fr;gap:40px}.step-line{display:none}.launch-inner{gap:50px}}

@media (max-width:900px){html{scroll-padding-top:70px}.site-header{height:70px}.nav-shell{width:calc(100vw - 28px)}.menu-toggle{display:grid}.main-nav{position:absolute;top:70px;left:14px;right:14px;display:none;padding:14px;flex-direction:column;align-items:stretch;gap:0;border:1px solid var(--line);border-radius:10px;background:rgba(6,15,10,.98);box-shadow:0 24px 50px rgba(0,0,0,.4)}.main-nav.open{display:flex}.main-nav a{padding:14px;border-bottom:1px solid rgba(214,166,72,.09)}.main-nav .nav-cta{text-align:center;border-bottom:0;margin-top:6px}.hero{min-height:900px;align-items:flex-end}.hero-media img{object-position:61% center}.hero-shade{background:linear-gradient(180deg,rgba(3,10,7,.08) 0 32%,rgba(3,10,7,.44) 48%,rgba(3,10,7,.96) 72%,#06100b 100%)}.hero-copy{max-width:720px;margin-inline:auto;padding:440px 0 100px;text-align:center}.hero-copy .eyebrow{justify-content:center}.hero h1{font-size:clamp(46px,9vw,72px)}.hero-lead{margin-inline:auto}.hero-actions,.hero-trust{justify-content:center}.hero-runes{display:none}.feature-ribbon{margin-top:-28px}.two-col,.device-grid,.launch-inner{grid-template-columns:1fr}.history-grid{gap:46px}.map-stage{min-height:500px}.device-grid{gap:20px}.phone-wrap{order:2;height:620px}.device-section .section-copy{order:1}.phone-front{left:24%}.phone-back{left:52%}.launch-form{max-width:700px}.footer-inner{grid-template-columns:1fr;text-align:center;padding:22px 0}.footer-brand{justify-self:center}.footer-links{justify-content:center}.about-inner{padding:28px 0}}

@media (max-width:640px){:root{--shell:calc(100vw - 24px)}.brand-mark{width:38px;height:44px}.brand-copy strong{font-size:13px}.brand-copy small{font-size:8px}.hero{min-height:820px}.hero-media img{object-position:60% center}.hero-copy{padding:380px 4px 78px}.hero h1{font-size:42px}.hero-lead{font-size:14px;line-height:1.62}.hero-actions{display:grid}.btn{width:100%}.hero-trust{gap:8px 12px}.hero-trust span+span:before{display:none}.feature-ribbon{margin-top:-12px}.ribbon-shell{grid-template-columns:1fr}.ribbon-item{min-height:118px;border-right:0!important;border-bottom:1px solid rgba(87,56,19,.18)!important;padding:18px}.ribbon-item:last-child{border-bottom:0!important}.section{padding:78px 0}.section h2,.launch-section h2{font-size:36px}.section-lead{font-size:13px}.period{grid-template-columns:1fr}.period-date{grid-row:auto}.map-stage{min-height:420px}.map-panel{left:12px;right:12px;bottom:38px}.map-source{left:12px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:210px}.feature-card h3{margin-top:24px}.phone-wrap{height:480px;margin-inline:-14px}.phone{width:210px;height:445px;border-radius:34px}.phone-front{left:8%;top:30px}.phone-back{left:43%;top:0}.phone-notch{width:72px;height:18px}.screen{border-radius:27px}.screen-top{height:52px;padding-top:22px}.find-card{bottom:52px}.steps{grid-template-columns:1fr}.launch-section{padding:76px 0}.form-row{grid-template-columns:1fr}.launch-form button{width:100%}.about-inner{align-items:flex-start}.about-mark{font-size:26px}}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.btn,.feature-card{transition:none}}

/* ──────────────────────────────────────────────────────────────
   V4 BRAND POLISH — new MDL identity + refined launch styling
   ────────────────────────────────────────────────────────────── */
:root{
  --gold:#c9993e;
  --gold2:#efcf7b;
  --gold3:#815719;
  --line:rgba(225,179,82,.21);
}
body{
  background:
    radial-gradient(circle at 78% 12%,rgba(191,144,54,.045),transparent 34rem),
    linear-gradient(180deg,#06100b,#07120c 45%,#050d09);
}
body:before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.17;
  background-image:url("data:image/svg+xml,%3Csvg width='220' height='220' viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23b58a39' stroke-opacity='.17' stroke-width='1'%3E%3Cpath d='M-20 52C32 18 78 85 132 46s86-2 120-29'/%3E%3Cpath d='M-8 112c51-36 89 28 144-8s75 14 106-8'/%3E%3Cpath d='M-23 176c58-43 98 13 147-17s77 12 120-21'/%3E%3C/g%3E%3C/svg%3E");
}
.site-header{height:86px;background:linear-gradient(180deg,rgba(4,12,8,.97),rgba(4,12,8,.79) 78%,transparent)}
.site-header.scrolled{background:rgba(4,12,8,.94);box-shadow:0 14px 44px rgba(0,0,0,.22)}
.nav-shell{gap:34px}
.brand-logo{gap:13px}
.brand-app-icon{width:58px;height:58px;object-fit:contain;border-radius:14px;filter:drop-shadow(0 8px 16px rgba(0,0,0,.38));transition:transform .25s ease,filter .25s ease}
.brand-logo:hover .brand-app-icon{transform:translateY(-1px) scale(1.025);filter:drop-shadow(0 10px 21px rgba(215,168,62,.14))}
.brand-copy{text-align:left}
.brand-copy strong{font-size:17px;letter-spacing:.075em}
.brand-copy small{margin-top:6px;font-size:10px;letter-spacing:.52em;padding-left:.52em;color:#d7b563}
.main-nav a{position:relative;color:#e1d7c2}
.main-nav a:not(.nav-cta):after{content:"";position:absolute;left:0;right:100%;bottom:-9px;height:1px;background:linear-gradient(90deg,var(--gold2),transparent);transition:right .25s ease}
.main-nav a:not(.nav-cta):hover:after{right:0}
.main-nav .nav-cta{border-color:rgba(238,199,111,.55);background:linear-gradient(180deg,rgba(187,132,39,.92),rgba(102,66,17,.95));box-shadow:0 10px 24px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.14)}

.hero{min-height:min(930px,94vh)}
.hero-media img{filter:saturate(.92) contrast(1.035)}
.hero-shade{background:
  radial-gradient(circle at 66% 31%,rgba(231,184,87,.07),transparent 24rem),
  linear-gradient(90deg,rgba(3,10,7,.99) 0%,rgba(3,10,7,.94) 16%,rgba(3,10,7,.72) 31%,rgba(3,10,7,.20) 51%,rgba(3,10,7,.02) 69%),
  linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.02) 58%,rgba(3,10,7,.78) 100%)}
.hero-copy{max-width:700px}
.hero h1{font-weight:500;text-shadow:0 5px 32px rgba(0,0,0,.44)}
.hero h1 em{background:linear-gradient(180deg,#f5dc98,#c99a3c);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-lead{max-width:630px;color:#eee5d1}
.eyebrow{letter-spacing:.19em}
.btn{border-radius:8px}
.btn-gold{background:linear-gradient(180deg,#d0a248,#8d5e1d);box-shadow:0 16px 38px rgba(0,0,0,.32),0 0 0 1px rgba(255,225,153,.05) inset}
.btn-ghost{background:rgba(7,17,11,.53);border-color:rgba(235,219,181,.32)}
.hero-trust span{padding:7px 10px;border:1px solid rgba(232,198,121,.12);border-radius:999px;background:rgba(5,13,9,.36);backdrop-filter:blur(7px)}
.hero-trust span+span:before{display:none}

.feature-ribbon{margin-top:-46px}
.ribbon-shell{border-radius:14px;border-color:rgba(96,64,21,.63);background:linear-gradient(180deg,#e3c994,#c7a05e);box-shadow:0 23px 62px rgba(0,0,0,.42)}
.ribbon-item{transition:background .25s ease,transform .25s ease}
.ribbon-item:hover{background:rgba(255,255,255,.09)}
.icon-medallion{border-color:rgba(76,48,15,.45);box-shadow:inset 0 1px rgba(255,255,255,.22),0 8px 18px rgba(89,59,19,.12)}
.icon-medallion svg{width:28px;height:28px;fill:none;stroke:#493619;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.ribbon-item h2{font-size:13px;letter-spacing:.045em}.ribbon-item p{font-size:10.5px}

.dark-section{background:
  radial-gradient(circle at 77% 34%,rgba(173,128,43,.11),transparent 26rem),
  linear-gradient(180deg,#07110c,#09150f)}
.period{border-radius:0 8px 8px 0}.period:hover{background:linear-gradient(90deg,rgba(194,146,50,.045),transparent)}
.period.active{background:linear-gradient(90deg,rgba(198,151,53,.12),transparent)}
.map-stage{border-color:rgba(225,180,84,.42);box-shadow:0 42px 90px rgba(0,0,0,.42),0 0 0 1px rgba(255,218,136,.03) inset,inset 0 0 90px rgba(25,16,4,.55)}
.map-panel{border-color:rgba(237,202,115,.31);background:rgba(4,13,8,.89)}

.feature-card{border-radius:12px;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.feature-card:hover{transform:translateY(-5px);border-color:rgba(135,93,36,.42);box-shadow:0 22px 38px rgba(75,50,18,.11)}
.feature-card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,rgba(117,77,28,.35),transparent);opacity:.0;transition:opacity .25s}.feature-card:hover:after{opacity:1}

.phone{box-shadow:0 30px 70px rgba(0,0,0,.55),0 0 0 1px rgba(225,183,93,.12)}
.phone-front{filter:drop-shadow(0 22px 26px rgba(0,0,0,.24))}

.launch-backdrop{filter:saturate(.72) contrast(1.03)}
.launch-inner{align-items:center}
.launch-brand{display:flex;align-items:center;gap:14px;margin-bottom:25px}
.launch-brand img{width:62px;height:62px;border-radius:15px;box-shadow:0 14px 32px rgba(0,0,0,.34)}
.launch-brand div{display:grid;gap:4px}.launch-brand strong{font:600 14px var(--serif);color:#f0e2c4;text-transform:uppercase;letter-spacing:.07em}.launch-brand small{color:#aa9f87;font-size:9px;text-transform:uppercase;letter-spacing:.12em}
.launch-form{border-radius:14px;border-color:rgba(231,188,95,.30);background:linear-gradient(180deg,rgba(8,19,13,.82),rgba(5,14,9,.77));box-shadow:0 28px 70px rgba(0,0,0,.27)}
.launch-form input{border-radius:8px;background:rgba(12,25,17,.86)}
.launch-form button{border-radius:8px;background:linear-gradient(180deg,#c9973d,#855719);box-shadow:0 10px 24px rgba(0,0,0,.25)}

.about-strip{background:linear-gradient(180deg,#08140e,#07120c)}
footer{background:#040b07}
.footer-brand .brand-app-icon{width:44px;height:44px;border-radius:11px}
.footer-brand .brand-copy strong{font-size:12px}.footer-brand .brand-copy small{font-size:7px}

:focus-visible{outline:2px solid var(--gold2);outline-offset:4px}

@media (min-width:1800px){
  .brand-app-icon{width:62px;height:62px}
  .hero-copy{max-width:760px}
  .hero-lead{max-width:680px}
  .feature-ribbon{margin-top:-52px}
}
@media (max-width:1180px){
  .brand-app-icon{width:52px;height:52px;border-radius:13px}
  .brand-copy strong{font-size:15px}
  .hero-trust span{padding:6px 9px}
}
@media (max-width:900px){
  .site-header{height:72px}
  .main-nav{top:72px}
  .brand-app-icon{width:48px;height:48px;border-radius:12px}
  .brand-copy strong{font-size:14px}.brand-copy small{font-size:8px}
  .hero{min-height:920px}
  .hero-copy{padding-top:450px}
  .launch-brand{justify-content:flex-start}
}
@media (max-width:640px){
  .brand-app-icon{width:43px;height:43px;border-radius:10px}
  .brand-copy strong{font-size:11px;letter-spacing:.055em}.brand-copy small{font-size:7px;margin-top:4px}
  .hero{min-height:850px}.hero-copy{padding-top:390px}
  .hero-trust{justify-content:center}.hero-trust span{font-size:9px}
  .ribbon-shell{border-radius:12px}
  .launch-brand img{width:54px;height:54px}
}

/* ──────────────────────────────────────────────────────────────
   V5 HERO — Britain as a living historical map
   New hero master: detectorist + map + Roman / Celtic / Viking / Medieval context
   ────────────────────────────────────────────────────────────── */
.hero{
  min-height:min(960px,95vh);
  isolation:isolate;
  background:#04100b;
}
.hero-media{
  inset:0;
  overflow:hidden;
}
.hero-media:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(2,8,5,.06) 0%,rgba(2,8,5,.02) 52%,rgba(3,10,7,.78) 100%);
}
.hero-media img{
  object-position:55% 50%;
  filter:saturate(.92) contrast(1.055) brightness(.92);
  transform:scale(1.008);
}
.hero-shade{
  background:
    radial-gradient(circle at 43% 55%,rgba(210,158,61,.06),transparent 28rem),
    linear-gradient(90deg,
      rgba(2,9,6,.985) 0%,
      rgba(2,9,6,.95) 13%,
      rgba(2,9,6,.82) 23%,
      rgba(2,9,6,.50) 35%,
      rgba(2,9,6,.10) 50%,
      rgba(2,9,6,.02) 68%,
      rgba(2,9,6,.12) 100%),
    linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.02) 58%,rgba(3,10,7,.84) 100%);
}
.hero-shell{
  padding-top:88px;
}
.hero-copy{
  max-width:655px;
  padding:74px 0 106px;
}
.hero-copy:before{
  content:"";
  position:absolute;
  z-index:-1;
  width:min(760px,62vw);
  height:620px;
  left:max(-180px,-10vw);
  top:50%;
  transform:translateY(-50%);
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(2,9,6,.43),rgba(2,9,6,.12) 58%,transparent 72%);
  filter:blur(10px);
  pointer-events:none;
}
.hero h1{
  max-width:650px;
  font-size:clamp(58px,5.25vw,92px);
  line-height:.94;
}
.hero-lead{
  max-width:600px;
  color:#f1e7d0;
  text-shadow:0 2px 16px rgba(0,0,0,.68);
}
.hero .eyebrow{
  color:#e8ce91;
  text-shadow:0 2px 10px rgba(0,0,0,.72);
}
.hero-actions .btn-ghost{
  background:rgba(4,14,9,.62);
  backdrop-filter:blur(8px);
}
.hero-trust span{
  background:rgba(4,13,9,.54);
  border-color:rgba(237,205,129,.18);
}
.hero-runes{
  opacity:.72;
}
.feature-ribbon{
  position:relative;
  z-index:5;
}

/* Reuse the new historical-map hero in the final launch section, but quieter. */
.launch-backdrop{
  background:
    linear-gradient(90deg,rgba(4,12,8,.985) 0 44%,rgba(4,12,8,.62) 70%,rgba(4,12,8,.82)),
    url('assets/hero-map-history-master.webp') 58% 48%/cover no-repeat;
  filter:saturate(.68) contrast(1.04) brightness(.77);
}

@media (min-width:1800px){
  .hero{min-height:980px}
  .hero-media img{object-position:54% 49%}
  .hero-copy{max-width:700px}
  .hero h1{font-size:96px}
}
@media (max-width:1180px){
  .hero{min-height:850px}
  .hero-media img{object-position:56% 50%}
  .hero-shade{
    background:
      linear-gradient(90deg,rgba(2,9,6,.97) 0%,rgba(2,9,6,.84) 30%,rgba(2,9,6,.28) 59%,rgba(2,9,6,.06) 82%),
      linear-gradient(180deg,rgba(0,0,0,.05),rgba(2,9,6,.77) 100%);
  }
}
@media (max-width:900px){
  .hero{min-height:940px;align-items:flex-end}
  .hero-media img{
    object-position:49% 34%;
    filter:saturate(.9) contrast(1.05) brightness(.84);
  }
  .hero-shade{
    background:
      linear-gradient(180deg,rgba(2,9,6,.04) 0 24%,rgba(2,9,6,.20) 38%,rgba(2,9,6,.76) 60%,#06100b 82% 100%),
      linear-gradient(90deg,rgba(2,9,6,.16),transparent 58%,rgba(2,9,6,.10));
  }
  .hero-copy{
    max-width:720px;
    padding:500px 0 104px;
  }
  .hero-copy:before{display:none}
}
@media (max-width:640px){
  .hero{min-height:880px}
  .hero-media img{
    object-position:46% 28%;
    transform:scale(1.02);
  }
  .hero-copy{padding:448px 4px 82px}
  .hero h1{font-size:44px;line-height:.98}
  .hero-lead{font-size:14px;line-height:1.62}
}
@media (max-width:420px){
  .hero-media img{object-position:43% 25%}
  .hero-copy{padding-top:420px}
  .hero h1{font-size:40px}
}

/* ──────────────────────────────────────────────────────────────
   V6 HERO — preserve the complete historical-map artwork
   No desktop zoom, no crop, no artificial scale.
   ────────────────────────────────────────────────────────────── */
@media (min-width:901px){
  .hero{
    min-height:0;
    height:auto;
    aspect-ratio:1672 / 941;
    max-height:none;
  }
  .hero-media img{
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center center;
    transform:none;
    filter:saturate(.98) contrast(1.02) brightness(.97);
  }
  .hero-shade{
    background:
      linear-gradient(90deg,
        rgba(2,9,6,.93) 0%,
        rgba(2,9,6,.78) 14%,
        rgba(2,9,6,.48) 27%,
        rgba(2,9,6,.12) 41%,
        rgba(2,9,6,0) 58%),
      linear-gradient(180deg,rgba(0,0,0,.02) 0 72%,rgba(3,10,7,.52) 100%);
  }
  .hero-media:after{
    background:linear-gradient(180deg,rgba(2,8,5,0) 0 76%,rgba(3,10,7,.35) 100%);
  }
}

/* On portrait devices show the WHOLE artwork first, then the copy below it.
   This avoids destroying the map with a portrait cover crop. */
@media (max-width:900px){
  .hero{
    min-height:0;
    display:block;
    padding-top:70px;
    background:#06100b;
  }
  .hero-media{
    position:relative;
    inset:auto;
    display:block;
    width:100%;
    aspect-ratio:1672 / 941;
  }
  .hero-media img{
    display:block;
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center;
    transform:none;
    filter:saturate(.98) contrast(1.02) brightness(.97);
  }
  .hero-media:after{
    background:linear-gradient(180deg,transparent 70%,#06100b 100%);
  }
  .hero-shade{
    top:70px;
    bottom:auto;
    height:calc((100vw * 941) / 1672);
    background:linear-gradient(180deg,rgba(2,8,5,.03),rgba(2,8,5,0) 62%,#06100b 100%);
  }
  .hero-shell{
    padding-top:0;
  }
  .hero-copy{
    max-width:760px;
    margin-inline:auto;
    padding:34px 0 84px;
    text-align:center;
  }
}

@media (max-width:640px){
  .hero{padding-top:70px}
  .hero-copy{padding:28px 4px 66px}
}

/* ──────────────────────────────────────────────────────────────
   V7 HERO FIX — normal website hero, not full-screen
   Preserve the complete map artwork without zooming/cropping.
   ────────────────────────────────────────────────────────────── */
@media (min-width:901px){
  .hero{
    height:clamp(620px,68vh,760px);
    min-height:620px;
    max-height:760px;
    aspect-ratio:auto;
    display:flex;
    align-items:center;
    background:#06100b;
  }
  .hero-media{
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#06100b;
  }
  .hero-media img{
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center center;
    transform:none;
    filter:saturate(.98) contrast(1.02) brightness(.97);
  }
  .hero-shell{padding-top:86px}
  .hero-copy{padding:42px 0 58px}
  .hero-shade{
    background:
      linear-gradient(90deg,
        rgba(2,9,6,.94) 0%,
        rgba(2,9,6,.82) 15%,
        rgba(2,9,6,.52) 28%,
        rgba(2,9,6,.17) 42%,
        rgba(2,9,6,0) 58%),
      linear-gradient(180deg,rgba(0,0,0,.03),rgba(3,10,7,.38) 100%);
  }
}

@media (min-width:1600px){
  .hero{
    height:720px;
    min-height:720px;
    max-height:720px;
  }
}

/* ──────────────────────────────────────────────────────────────
   V8 FINAL HERO — British history panorama
   1942×809 master, wide composition built for desktop/ultrawide.
   Keep the entire artwork visible; dark native edges blend into site chrome.
   ────────────────────────────────────────────────────────────── */
@media (min-width:901px){
  .hero{
    height:clamp(600px,64vh,720px);
    min-height:600px;
    max-height:720px;
    background:#03100b;
  }
  .hero-media{
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    background:#03100b;
  }
  .hero-media img{
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center center;
    transform:none;
    filter:none;
  }
  .hero-media:before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,#03100b 0%,transparent 10%,transparent 90%,#03100b 100%);
    z-index:1;
    pointer-events:none;
  }
  .hero-media:after{
    z-index:1;
    background:linear-gradient(180deg,rgba(3,16,11,.05) 0 72%,rgba(3,16,11,.72) 100%);
  }
  .hero-shade{
    z-index:1;
    background:
      linear-gradient(90deg,rgba(3,12,8,.90) 0%,rgba(3,12,8,.72) 13%,rgba(3,12,8,.40) 24%,rgba(3,12,8,.10) 38%,transparent 50%),
      linear-gradient(180deg,rgba(0,0,0,.02),rgba(3,12,8,.24) 100%);
  }
  .hero-shell{padding-top:82px}
  .hero-copy{max-width:620px;padding:34px 0 50px}
  .hero h1{font-size:clamp(54px,4.6vw,82px)}
}

/* Wider monitors: preserve the full panorama instead of scaling it until details crop. */
@media (min-width:1800px){
  .hero{height:700px;min-height:700px;max-height:700px}
  .hero-media img{object-fit:contain}
  .hero-copy{max-width:650px}
}

/* Tablet/mobile: the panorama becomes a dedicated visual strip and copy follows below. */
@media (max-width:900px){
  .hero{padding-top:70px;min-height:0;display:block;background:#06100b}
  .hero-media{position:relative;inset:auto;width:100%;aspect-ratio:1942/809;background:#06100b}
  .hero-media img{width:100%;height:100%;object-fit:contain;object-position:center;transform:none;filter:none}
  .hero-media:after{background:linear-gradient(180deg,transparent 72%,#06100b 100%)}
  .hero-shade{top:70px;bottom:auto;height:calc((100vw * 809) / 1942);background:linear-gradient(180deg,transparent 60%,#06100b 100%)}
  .hero-shell{padding-top:0}
  .hero-copy{max-width:760px;margin-inline:auto;padding:28px 0 76px;text-align:center}
}
@media (max-width:640px){
  .hero-copy{padding:24px 4px 62px}
  .hero h1{font-size:42px}
}

/* Final launch section follows the same new historical language. */
.launch-backdrop{
  background:
    linear-gradient(90deg,rgba(4,12,8,.985) 0 44%,rgba(4,12,8,.64) 70%,rgba(4,12,8,.84)),
    url('assets/hero-britain-history-master.webp') center center/cover no-repeat;
  filter:saturate(.72) contrast(1.03) brightness(.72);
}


/* ============================================================
   V10 — HIGH-FIDELITY WEBSITE MOCKUP / MARKET POLISH
   ============================================================ */
:root{
  --v10-max:1440px;
  --v10-green:#04110b;
  --v10-green2:#081910;
  --v10-gold:#d2a34b;
  --v10-gold2:#f0d18a;
  --v10-paper:#ddc18a;
}
.content-shell,.nav-shell,.hero-shell,.ribbon-shell{width:min(var(--v10-max),calc(100% - 56px))}
body{background:#04100a}
.site-header{height:78px}
.site-header:not(.scrolled){background:linear-gradient(180deg,rgba(3,10,7,.91),rgba(3,10,7,.38) 72%,transparent)}
.site-header.scrolled{backdrop-filter:blur(18px) saturate(1.15)}
.brand-app-icon{width:52px;height:52px}
.brand-copy strong{font-size:14px}.brand-copy small{font-size:8px}
.main-nav{gap:25px}.main-nav a{font-size:10px;letter-spacing:.075em}

/* 1 — Hero: untouched sharp centre + cinematic blurred extension on ultrawide. */
.hero{
  min-height:0!important;
  height:clamp(590px,38.6vw,690px)!important;
  max-height:690px;
  overflow:hidden;
  background:#030c08;
  isolation:isolate;
}
.hero-bleed{
  position:absolute;inset:-70px -90px;z-index:0;
  background:url("assets/hero-britain-history-master.webp") center/cover no-repeat;
  filter:blur(42px) saturate(.66) brightness(.48);
  transform:scale(1.12);
  opacity:.82;
}
.hero-bleed:after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,#04100b 0%,rgba(4,16,11,.05) 23%,rgba(4,16,11,.05) 77%,#04100b 100%);
}
.hero-media{
  position:absolute;z-index:1;inset:0;
  display:flex;justify-content:center;align-items:center;
  pointer-events:none;
}
.hero-media img{
  width:min(100%,1942px)!important;
  height:100%!important;
  max-width:none!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
  filter:saturate(.94) contrast(1.035) brightness(.88)!important;
}
.hero-media:before,.hero-media:after{
  content:"";position:absolute;top:0;bottom:0;width:min(15vw,240px);z-index:2;pointer-events:none
}
.hero-media:before{left:0;background:linear-gradient(90deg,#04100b,rgba(4,16,11,.72) 38%,transparent)}
.hero-media:after{right:0;background:linear-gradient(270deg,#04100b,rgba(4,16,11,.55) 35%,transparent)}
.hero-shade{
  z-index:2;
  background:
    linear-gradient(90deg,rgba(2,9,6,.94) 0%,rgba(2,9,6,.75) 19%,rgba(2,9,6,.30) 35%,rgba(2,9,6,.02) 57%,rgba(2,9,6,.06) 100%),
    linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.03) 72%,rgba(3,10,7,.72) 100%)!important;
}
.hero-shell{position:relative;z-index:3;height:100%;padding-top:78px!important}
.hero-copy{max-width:570px!important;padding:54px 0 62px!important}
.hero-copy:before{display:none!important}
.hero h1{max-width:560px!important;font-size:clamp(54px,4.25vw,76px)!important;line-height:.95!important}
.hero-lead{max-width:520px!important;font-size:13px!important;line-height:1.72!important}
.hero-actions{margin-top:22px}
.hero-runes{display:none}
.hero-trust{margin-top:20px}
.hero-bottom-rule{z-index:4}

/* 2/3/4 — header, hierarchy, parchment ribbon */
.feature-ribbon{margin-top:-31px!important}
.ribbon-shell{grid-template-columns:repeat(4,1fr);border-radius:12px!important;overflow:hidden}
.ribbon-item{min-height:112px!important;padding:20px 22px!important;display:flex!important;text-align:left!important;gap:15px;align-items:center}
.ribbon-item+.ribbon-item{border-left:1px solid rgba(65,42,13,.16)}
.icon-medallion{flex:0 0 46px;width:46px;height:46px}
.ribbon-item h2{margin:0!important}.ribbon-item p{margin:5px 0 0!important;max-width:230px!important}

/* 5 — richer Historical Maps product mockup */
.history-grid{gap:76px}
.product-map{min-height:560px;overflow:hidden;background:
  radial-gradient(circle at 70% 30%,rgba(203,161,77,.18),transparent 28%),
  linear-gradient(145deg,#b99b64,#7b673f 54%,#4b5337)}
.map-toolbar{position:absolute;z-index:10;top:0;left:0;right:0;height:52px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;background:rgba(5,15,10,.91);border-bottom:1px solid rgba(225,191,114,.18);color:#f0e3c6}
.map-toolbar div{display:flex;gap:6px}.map-toolbar button{width:32px;height:32px;border:1px solid rgba(225,191,114,.2);border-radius:8px;background:#102118;color:#e8ca83}
.map-toolbar strong{font:600 12px var(--serif);letter-spacing:.05em}
.roman-road{position:absolute;left:16%;right:13%;top:42%;height:3px;border-top:2px dashed rgba(122,48,29,.7);transform:rotate(-12deg);filter:drop-shadow(0 1px rgba(255,255,255,.2))}
.permission-shape{position:absolute;width:34%;height:30%;right:14%;bottom:17%;border:2px solid rgba(213,171,62,.85);background:rgba(213,171,62,.12);clip-path:polygon(11% 6%,92% 0,100% 68%,68% 100%,4% 81%)}
.heritage-dot{position:absolute;width:12px;height:12px;border-radius:50%;background:#b7482e;border:2px solid #f3d795;box-shadow:0 0 0 5px rgba(98,37,22,.16)}
.hd1{left:24%;top:34%}.hd2{left:64%;top:39%}.hd3{right:17%;top:58%}
.layer-drawer{position:absolute;z-index:8;top:70px;right:14px;width:188px;padding:12px;border:1px solid rgba(235,205,139,.25);border-radius:10px;background:rgba(4,15,10,.88);box-shadow:0 18px 40px rgba(0,0,0,.3);backdrop-filter:blur(10px)}
.drawer-kicker{font-size:7px;letter-spacing:.18em;color:#c5a35f}.layer-drawer p{margin:9px 0 0;padding-top:8px;border-top:1px solid rgba(255,255,255,.07);display:grid;grid-template-columns:9px 1fr auto;gap:7px;align-items:center;color:#d8d0bd;font-size:8px}.layer-drawer i{width:7px;height:7px;border-radius:50%;background:#c79a3d}.layer-drawer b{font-size:7px;color:#d9b766}
.product-map .map-panel{left:18px;bottom:19px;max-width:300px}.product-map .map-source{right:18px;bottom:16px}
.product-map .map-label{font-size:7px}

/* 6 — real product showcase */
.showcase-section{overflow:hidden;background:
  radial-gradient(circle at 50% 55%,rgba(194,143,48,.10),transparent 34rem),
  linear-gradient(180deg,#06130d,#04100a)}
.showcase-lead{max-width:700px;margin:18px auto 0;color:#a9a38f;line-height:1.75}
.showcase-devices{margin:62px auto 0;display:flex;justify-content:center;align-items:flex-end;gap:clamp(12px,2.4vw,38px);min-height:570px}
.show-phone{position:relative;width:270px;padding:9px;border:1px solid rgba(229,195,118,.24);border-radius:36px;background:linear-gradient(145deg,#171d18,#030604);box-shadow:0 35px 70px rgba(0,0,0,.48);transform:translateY(28px) scale(.91);opacity:.82}
.show-phone.hero-phone{width:305px;z-index:3;transform:none;opacity:1;box-shadow:0 46px 100px rgba(0,0,0,.62),0 0 0 1px rgba(214,171,74,.08)}
.show-phone:before{content:"";position:absolute;z-index:5;top:15px;left:50%;width:72px;height:18px;border-radius:20px;background:#020403;transform:translateX(-50%)}
.show-screen{position:relative;height:530px;overflow:hidden;border-radius:28px;background:#0b1a12;color:#efe7d6}
.hero-phone .show-screen{height:590px}
.ui-top{height:54px;padding:22px 15px 0;display:flex;align-items:center;justify-content:space-between;background:#07140d;font-size:10px}.ui-top b{font:600 11px var(--serif)}
.ui-map{position:relative;height:300px;overflow:hidden;background:#b6a477}
.oldmap{background:linear-gradient(rgba(88,77,48,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(88,77,48,.12) 1px,transparent 1px),#c4af78;background-size:26px 26px}
.oldmap:before{content:"";position:absolute;inset:-30% -10%;border:42px solid rgba(41,83,57,.74);border-radius:49% 55% 46% 52%;transform:rotate(14deg)}
.ui-route{position:absolute;left:8%;right:8%;top:46%;border-top:2px dashed rgba(88,53,27,.65);transform:rotate(-18deg)}
.poi{position:absolute;width:11px;height:11px;border:3px solid #e2b348;border-radius:50%;background:#283c2b;box-shadow:0 0 0 4px rgba(226,179,72,.15)}.p1{left:23%;top:35%}.p2{left:64%;top:53%}.p3{left:76%;top:27%}
.ui-sheet{position:absolute;left:10px;right:10px;bottom:10px;padding:13px;border-radius:13px;background:rgba(5,18,12,.94);box-shadow:0 16px 30px rgba(0,0,0,.3)}.ui-sheet small{color:#caa04a;font-size:7px;letter-spacing:.16em}.ui-sheet p{margin:9px 0 0;padding-top:7px;border-top:1px solid rgba(255,255,255,.07);display:flex;justify-content:space-between;font-size:8px;color:#cfc7b5}.ui-sheet b{color:#d7b15b;font-size:7px}
.live-map{height:405px;background:linear-gradient(25deg,#647247,#8c8656 45%,#64704b)}
.live-map:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:36px 36px}
.field-shape{position:absolute;border:2px solid rgba(238,202,92,.85);background:rgba(228,183,56,.09)}.fs1{width:48%;height:34%;left:7%;top:12%;clip-path:polygon(4% 10%,96% 0,88% 90%,16% 100%)}.fs2{width:41%;height:40%;right:5%;bottom:12%;clip-path:polygon(0 8%,89% 0,100% 83%,18% 100%)}
.find{position:absolute;width:12px;height:12px;border-radius:50%;background:#d3a23f;border:3px solid #f2dfae;box-shadow:0 4px 10px rgba(0,0,0,.35)}.fnd1{left:31%;top:27%}.fnd2{right:27%;top:43%}.fnd3{right:20%;bottom:24%}
.gps-pulse{position:absolute;left:50%;top:52%;width:17px;height:17px;border:4px solid white;border-radius:50%;background:#2d75b8;box-shadow:0 0 0 8px rgba(45,117,184,.22)}
.session-pill{position:absolute;z-index:4;left:11px;right:11px;bottom:60px;padding:9px 10px;border-radius:13px;background:rgba(5,17,11,.94);display:grid;grid-template-columns:10px 1fr auto;gap:8px;align-items:center}.session-pill>i{width:8px;height:8px;border-radius:50%;background:#60b974;box-shadow:0 0 0 4px rgba(96,185,116,.12)}.session-pill span{display:grid}.session-pill small{font-size:6px;color:#8e9a8f}.session-pill b{font-size:11px}.session-pill button{border:1px solid rgba(223,185,91,.28);border-radius:8px;background:#5d241b;color:#f2d8c7;font-size:7px;padding:7px 9px}
.ui-tabs{position:absolute;left:0;right:0;bottom:0;height:51px;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;text-align:center;background:#07130d;border-top:1px solid rgba(255,255,255,.07);font-size:6px;color:#8d988f}.ui-tabs b{width:30px;height:30px;margin:auto;display:grid;place-items:center;border-radius:50%;background:#c79538;color:#07120c;font-size:17px}
.find-photo{height:260px;margin:12px;border-radius:15px;background:radial-gradient(circle at 47% 46%,#b78a3c 0 13%,#5f4523 14% 17%,transparent 18%),radial-gradient(circle at 50% 45%,#7c5c2d 0 24%,#2a2115 25% 27%,transparent 28%),linear-gradient(135deg,#192a1d,#0b150e);display:grid;place-items:center;text-align:center;color:#d9bc7b;font:600 10px/1.5 var(--serif);letter-spacing:.12em}
.find-data{padding:8px 16px}.find-data small{font-size:7px;letter-spacing:.15em;color:#b49351}.find-data h4{margin:8px 0 2px;font:600 20px var(--serif);color:#f0e1c1}.find-data>p{margin:0 0 14px;color:#8f998e;font-size:9px}.find-data div{display:flex;gap:7px;margin-top:7px}.find-data div span{padding:7px 8px;border:1px solid rgba(212,174,84,.16);border-radius:8px;background:#0c1d14;color:#b7b4a6;font-size:7px}
.device-label{position:absolute;left:50%;bottom:-36px;transform:translateX(-50%);font:600 9px var(--serif);letter-spacing:.24em;color:#b89857}

/* 7 — historical timeline */
.era-section{padding:84px 0 92px;background:#07150e;border-block:1px solid rgba(202,157,66,.09)}
.era-intro{text-align:center}.era-intro h2{margin:12px 0 0;font:500 clamp(34px,3vw,48px)/1.05 var(--serif);text-transform:uppercase;color:#eee0c3}.era-intro h2 em{font-style:normal;color:#d7ae57}
.era-track{position:relative;margin-top:55px;display:grid;grid-template-columns:repeat(6,1fr)}
.era-track:before{content:"";position:absolute;left:7%;right:7%;top:35px;height:1px;background:linear-gradient(90deg,transparent,#a47c35 9%,#a47c35 91%,transparent)}
.era-track article{position:relative;text-align:center;padding:0 12px}.era-track article>span{font-size:8px;color:#857a64;letter-spacing:.08em}.era-track i{position:relative;z-index:2;width:12px;height:12px;margin:15px auto 15px;display:block;border:2px solid #d1a44b;border-radius:50%;background:#07150e;box-shadow:0 0 0 6px rgba(209,164,75,.06)}.era-track strong{display:block;font:600 11px var(--serif);text-transform:uppercase;color:#e3c47e}.era-track small{display:block;max-width:150px;margin:7px auto 0;color:#807c70;font-size:8px;line-height:1.55}

/* 8 — permissions section polish */
.device-section{background:linear-gradient(180deg,#06120c,#09170f)}
.device-grid{gap:90px}.tick-list p{padding:12px 0;border-bottom:1px solid rgba(215,174,82,.08)}
.tick-list p span{display:inline-grid;place-items:center;width:22px;height:22px;margin-right:8px;border:1px solid rgba(211,166,67,.28);border-radius:50%;color:#d7ad55}

/* 9 — launch */
.launch-section{min-height:480px}
.launch-backdrop{background:
  linear-gradient(90deg,rgba(3,11,7,.99) 0%,rgba(3,11,7,.91) 42%,rgba(3,11,7,.58) 70%,rgba(3,11,7,.78)),
  url("assets/hero-britain-history-master.webp") center/cover no-repeat!important;
  filter:saturate(.62) contrast(1.05) brightness(.66)!important}
.launch-inner{min-height:480px}
.launch-form{max-width:560px}

/* 10 — motion/accessibility/performance-friendly polish */
.reveal{transform:translateY(18px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.75,.2,1)}
.reveal.visible{transform:none}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1!important;transform:none!important;transition:none!important}.feature-card,.ribbon-item,.brand-app-icon{transition:none!important}}
@media (min-width:1943px){
  .hero-media img{width:1942px!important}
}
@media (max-width:1100px){
  .content-shell,.nav-shell,.hero-shell,.ribbon-shell{width:min(100% - 36px,var(--v10-max))}
  .hero{height:610px!important}
  .hero-media img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:54% center!important}
  .hero-shade{background:linear-gradient(90deg,rgba(2,9,6,.92),rgba(2,9,6,.68) 35%,rgba(2,9,6,.10) 68%),linear-gradient(180deg,transparent 55%,#06100b 100%)!important}
  .ribbon-shell{grid-template-columns:repeat(2,1fr)}
  .ribbon-item:nth-child(3){border-left:0}.ribbon-item:nth-child(n+3){border-top:1px solid rgba(65,42,13,.16)}
  .show-phone{width:235px}.show-phone.hero-phone{width:270px}
  .era-track{grid-template-columns:repeat(3,1fr);row-gap:36px}.era-track:before{display:none}
}
@media (max-width:900px){
  .hero{height:760px!important;max-height:none!important}
  .hero-media{height:390px;bottom:auto}
  .hero-media img{object-fit:cover!important;object-position:50% center!important}
  .hero-media:before,.hero-media:after{width:60px}
  .hero-bleed{height:430px;bottom:auto}
  .hero-shade{background:linear-gradient(180deg,rgba(3,10,7,.04) 0 36%,rgba(3,10,7,.65) 52%,#06100b 68% 100%)!important}
  .hero-shell{padding-top:72px!important;align-items:flex-end}
  .hero-copy{margin:auto;text-align:center;padding:350px 0 48px!important}
  .hero h1{margin-inline:auto;font-size:clamp(42px,9vw,62px)!important}
  .hero-lead{margin-inline:auto}.hero-actions,.hero-trust{justify-content:center}
  .feature-ribbon{margin-top:-12px!important}
  .history-grid{gap:44px}.product-map{min-height:520px}
  .showcase-devices{gap:0;min-height:540px}.show-phone.side{width:210px;transform:translateY(25px) scale(.82)}.show-phone.hero-phone{width:250px}.show-screen{height:470px}.hero-phone .show-screen{height:520px}
  .device-grid{gap:50px}
}
@media (max-width:700px){
  .content-shell,.nav-shell,.hero-shell,.ribbon-shell{width:calc(100% - 28px)}
  .brand-copy{display:none}
  .hero{height:720px!important}
  .hero-media{height:330px}.hero-bleed{height:370px}
  .hero-copy{padding-top:300px!important}
  .hero h1{font-size:42px!important}
  .ribbon-shell{grid-template-columns:1fr}.ribbon-item{min-height:96px!important}.ribbon-item+.ribbon-item{border-left:0;border-top:1px solid rgba(65,42,13,.16)}
  .layer-drawer{width:158px}.product-map{min-height:500px}
  .showcase-devices{margin-top:42px;display:grid;grid-template-columns:1fr;justify-items:center;gap:55px;min-height:0}.show-phone,.show-phone.side,.show-phone.hero-phone{width:min(290px,82vw);transform:none;opacity:1}.show-screen,.hero-phone .show-screen{height:550px}
  .era-track{grid-template-columns:repeat(2,1fr)}
  .era-section{padding:64px 0}
}


/* ============================================================
   V11 — ULTRAWIDE / FINAL COMPOSITION PASS
   Goal: 1920 → 3440px should feel intentionally designed,
   not like a 1440px site floating in empty space.
   ============================================================ */

/* Base desktop composition */
:root{--v11-shell:1520px}
.content-shell,.nav-shell,.hero-shell,.ribbon-shell{
  width:min(var(--v11-shell),calc(100% - 64px));
}

/* Hero: keep the approved art sharp and complete in the centre.
   A softer copy fills ultrawide edges without creating black bands. */
.hero{
  height:680px!important;
  max-height:680px!important;
  background:#06110b!important;
}
.hero-bleed{
  inset:-54px -72px!important;
  background:url("assets/hero-britain-history-master.webp") center center/cover no-repeat!important;
  filter:blur(30px) saturate(.80) contrast(1.03) brightness(.72)!important;
  transform:scale(1.075)!important;
  opacity:.98!important;
}
.hero-bleed:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(ellipse at center,rgba(4,14,9,.02) 0 43%,rgba(4,14,9,.15) 67%,rgba(4,14,9,.38) 100%),
    linear-gradient(180deg,rgba(1,6,4,.05),rgba(2,9,6,.08) 65%,rgba(4,14,9,.52) 100%);
}
.hero-bleed:after{
  background:linear-gradient(90deg,
    rgba(4,16,11,.38) 0%,
    rgba(4,16,11,.08) 11%,
    transparent 24%,
    transparent 76%,
    rgba(4,16,11,.08) 89%,
    rgba(4,16,11,.38) 100%)!important;
}
.hero-media{
  overflow:visible!important;
}
.hero-media img{
  width:auto!important;
  height:100%!important;
  aspect-ratio:1942/809;
  object-fit:contain!important;
  max-width:none!important;
  filter:saturate(.98) contrast(1.04) brightness(.91)!important;
}
.hero-media:before{
  width:220px!important;
  background:linear-gradient(90deg,rgba(4,16,11,.83),rgba(4,16,11,.30) 52%,transparent)!important;
}
.hero-media:after{
  width:190px!important;
  background:linear-gradient(270deg,rgba(4,16,11,.63),rgba(4,16,11,.20) 52%,transparent)!important;
}
.hero-shade{
  background:
    linear-gradient(90deg,
      rgba(2,8,5,.91) 0%,
      rgba(2,8,5,.79) 15%,
      rgba(2,8,5,.52) 27%,
      rgba(2,8,5,.20) 39%,
      rgba(2,8,5,.035) 55%,
      rgba(2,8,5,.01) 100%),
    linear-gradient(180deg,rgba(0,0,0,.01),rgba(0,0,0,.03) 72%,rgba(3,10,7,.58) 100%)!important;
}
.hero-copy{
  max-width:600px!important;
  padding:56px 0 64px!important;
  transform:translateX(8px);
}
.hero h1{
  max-width:590px!important;
  font-size:clamp(58px,4vw,78px)!important;
  letter-spacing:-.045em!important;
}
.hero-lead{max-width:545px!important;font-size:14px!important}
.hero-actions{margin-top:24px!important}
.hero-trust{margin-top:20px!important}

/* Header gets enough presence on large monitors */
.site-header{height:80px!important}
.nav-shell{gap:42px!important}
.brand-app-icon{width:54px!important;height:54px!important}
.brand-copy strong{font-size:15px!important;letter-spacing:.12em}
.brand-copy small{font-size:8px!important}
.main-nav{gap:30px!important}
.main-nav a{font-size:10.5px!important;letter-spacing:.08em}
.main-nav .nav-cta{padding:12px 19px!important}

/* Feature ribbon sits as an intentional bridge from hero to content */
.feature-ribbon{margin-top:-36px!important}
.ribbon-shell{box-shadow:0 26px 64px rgba(0,0,0,.46)!important}
.ribbon-item{min-height:116px!important;padding:20px 25px!important}
.ribbon-item h2{font-size:12px!important}
.ribbon-item p{font-size:9px!important;line-height:1.5!important}

/* Main sections breathe more on desktop / ultrawide */
.section{padding-block:104px!important}
.history-grid{grid-template-columns:minmax(0,.92fr) minmax(620px,1.08fr)!important;gap:92px!important;align-items:center}
.history-grid .section-copy{max-width:650px}
.history-grid .section-copy h2{font-size:clamp(48px,3.25vw,68px)!important}
.history-grid .section-lead{max-width:620px;font-size:14px!important}
.product-map{min-height:610px!important}
.period{padding:17px 0!important}
.period strong{font-size:12px!important}
.period small{font-size:9px!important}

.feature-grid{gap:1px!important}
.feature-card{min-height:250px!important;padding:30px 28px!important}
.feature-card h3{font-size:16px!important}
.feature-card p{font-size:11px!important;line-height:1.68!important}

.era-section{padding:96px 0 102px!important}
.era-intro h2{font-size:clamp(38px,2.8vw,52px)!important}
.era-track strong{font-size:12px!important}
.era-track small{font-size:8.5px!important}

.showcase-section{padding-top:112px!important;padding-bottom:118px!important}
.showcase-devices{min-height:650px!important;gap:50px!important}
.show-phone{width:295px!important}
.show-phone.hero-phone{width:330px!important}
.show-screen{height:565px!important}
.hero-phone .show-screen{height:625px!important}

.device-grid{grid-template-columns:minmax(650px,1.08fr) minmax(0,.92fr)!important;gap:110px!important}
.phone-wrap{height:690px!important}
.device-section .section-copy{max-width:620px}

.launch-section{min-height:520px!important;padding:112px 0!important}
.launch-inner{grid-template-columns:minmax(0,1.05fr) minmax(470px,.95fr)!important;gap:110px!important}
.launch-form{max-width:610px!important}

/* Proper widescreen behavior */
@media (min-width:1600px){
  :root{--v11-shell:1640px}
  .hero{height:720px!important;max-height:720px!important}
  .hero-copy{max-width:630px!important;padding-top:60px!important}
  .hero h1{font-size:80px!important}
  .ribbon-item{min-height:122px!important}
  .product-map{min-height:640px!important}
}

@media (min-width:2000px){
  :root{--v11-shell:1760px}
  .content-shell,.nav-shell,.hero-shell,.ribbon-shell{
    width:min(var(--v11-shell),calc(100% - 120px));
  }
  .hero{height:760px!important;max-height:760px!important}
  .hero-media img{
    width:1824px!important;
    height:auto!important;
  }
  .hero-bleed{
    filter:blur(28px) saturate(.84) contrast(1.02) brightness(.76)!important;
    transform:scale(1.06)!important;
  }
  .hero-media:before{width:180px!important}
  .hero-media:after{width:160px!important}
  .hero-copy{
    width:620px!important;
    max-width:620px!important;
    padding:65px 0 68px!important;
    transform:translateX(18px);
  }
  .hero h1{
    font-size:82px!important;
    line-height:.94!important;
  }
  .hero-lead{font-size:14.5px!important}
  .main-nav{gap:33px!important}
  .ribbon-item{min-height:126px!important;padding-inline:28px!important}
  .history-grid{grid-template-columns:minmax(0,.9fr) minmax(700px,1.1fr)!important;gap:110px!important}
  .product-map{min-height:660px!important}
  .showcase-devices{gap:64px!important}
  .show-phone{width:310px!important}
  .show-phone.hero-phone{width:350px!important}
  .show-screen{height:590px!important}
  .hero-phone .show-screen{height:655px!important}
}

@media (min-width:2800px){
  :root{--v11-shell:1840px}
  .content-shell,.nav-shell,.hero-shell,.ribbon-shell{
    width:min(var(--v11-shell),calc(100% - 180px));
  }
  .hero{height:780px!important;max-height:780px!important}
  .hero-media img{
    width:1872px!important;
    height:auto!important;
  }
  .hero-bleed{
    filter:blur(27px) saturate(.86) brightness(.78)!important;
    transform:scale(1.055)!important;
  }
  .hero-copy{
    width:650px!important;
    max-width:650px!important;
    transform:translateX(30px);
  }
  .hero h1{font-size:86px!important}
  .ribbon-shell{width:min(1840px,calc(100% - 180px))!important}
  .history-grid{gap:124px!important}
  .history-grid .section-copy{max-width:690px!important}
  .product-map{min-height:690px!important}
  .section{padding-block:118px!important}
  .feature-card{min-height:270px!important}
  .showcase-devices{gap:78px!important}
}

/* Preserve sensible tablet/mobile behavior from v10 */
@media (max-width:1100px){
  .content-shell,.nav-shell,.hero-shell,.ribbon-shell{width:min(100% - 36px,1440px)}
  .hero{height:610px!important;max-height:610px!important}
  .hero-media img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:54% center!important}
  .history-grid,.device-grid,.launch-inner{grid-template-columns:1fr!important}
  .product-map{min-height:520px!important}
  .show-phone{width:235px!important}.show-phone.hero-phone{width:270px!important}
  .show-screen{height:470px!important}.hero-phone .show-screen{height:520px!important}
}
@media (max-width:900px){
  .hero{height:760px!important;max-height:none!important}
  .hero-media{height:390px!important;bottom:auto!important}
  .hero-media img{object-fit:cover!important;object-position:50% center!important}
  .hero-copy{transform:none!important}
  .section{padding-block:84px!important}
  .showcase-devices{gap:0!important}
}
@media (max-width:700px){
  .hero{height:720px!important}
  .hero-media{height:330px!important}
  .section{padding-block:72px!important}
  .show-phone,.show-phone.side,.show-phone.hero-phone{width:min(290px,82vw)!important}
  .show-screen,.hero-phone .show-screen{height:550px!important}
}

/* ============================================================
   V12 — PRODUCT MOCKUP LAUNCH POLISH
   Keeps the existing MDL art direction, but makes the launch page
   feel product-led, premium and responsive.
   ============================================================ */
:root{
  --v12-gold:#d4a84e;
  --v12-gold-hi:#f1d58a;
  --v12-forest:#06110b;
  --v12-panel:rgba(8,20,13,.78);
  --v12-glass:rgba(7,18,12,.66);
  --v12-border:rgba(233,194,104,.22);
  --v12-shadow:0 30px 90px rgba(0,0,0,.45);
}

body{background:#050d09}
.site-noise{opacity:.025}

/* Header refinement */
.site-header{height:78px}
.site-header.scrolled{background:rgba(4,12,8,.90);backdrop-filter:blur(22px) saturate(1.08)}
.nav-shell{min-height:78px}
.brand-app-icon{width:52px;height:52px;border-radius:13px}
.main-nav{gap:24px}
.main-nav a{font-size:10px;letter-spacing:.09em}
.main-nav .nav-cta{padding:12px 16px;border-radius:999px}

/* Hero becomes a true product launch composition */
.hero{height:760px!important;min-height:760px!important;max-height:760px!important;align-items:stretch;isolation:isolate}
.hero:after{content:"";position:absolute;inset:auto 0 0;height:220px;z-index:1;pointer-events:none;background:linear-gradient(180deg,transparent,#06100b 86%)}
.hero-media{opacity:.72}
.hero-media img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 47%!important;filter:saturate(.72) contrast(1.05) brightness(.72)!important}
.hero-bleed{opacity:.3!important}
.hero-shade{background:
  radial-gradient(circle at 76% 42%,rgba(225,177,79,.14),transparent 23rem),
  linear-gradient(90deg,rgba(3,10,7,.99) 0%,rgba(3,10,7,.93) 25%,rgba(3,10,7,.62) 45%,rgba(3,10,7,.28) 63%,rgba(3,10,7,.22) 100%),
  linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.12) 70%,rgba(3,10,7,.88) 100%)!important}
.hero-layout{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,620px) minmax(520px,1fr);gap:42px;align-items:center;height:100%;padding-top:78px}
.hero-copy{max-width:620px!important;padding:38px 0 76px!important}
.hero h1{font-size:clamp(54px,5vw,82px)!important;line-height:.96!important;letter-spacing:-.045em!important}
.hero-lead{font-size:15px!important;line-height:1.75!important;max-width:570px!important}
.hero-actions{margin-top:26px!important}
.hero-trust{margin-top:22px!important}
.hero-microcopy{margin:18px 0 0;color:rgba(239,215,157,.62);font:600 9px/1.4 var(--serif);letter-spacing:.18em;text-transform:uppercase}
.hero-runes{opacity:.4}

/* Hero phones */
.hero-device-scene{position:relative;height:620px;min-width:0;perspective:1500px;transform-style:preserve-3d;pointer-events:none}
.hero-device-aura{position:absolute;left:50%;top:47%;width:520px;height:520px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(211,164,69,.18),rgba(21,70,43,.08) 42%,transparent 70%);filter:blur(10px)}
.mock-phone{position:absolute;padding:8px;border-radius:42px;background:linear-gradient(145deg,#d7b45e 0%,#4d3a1e 9%,#080b09 16%,#050705 83%,#9b7330 94%,#e6c777);box-shadow:0 42px 90px rgba(0,0,0,.52),0 0 0 1px rgba(255,225,154,.15);transform-style:preserve-3d}
.mock-phone:before{content:"";position:absolute;left:-3px;top:125px;width:3px;height:64px;border-radius:3px;background:#5e4728;box-shadow:0 82px 0 #5e4728}
.mock-phone:after{content:"";position:absolute;right:-3px;top:155px;width:3px;height:86px;border-radius:3px;background:#5e4728}
.mock-phone-front{width:286px;height:590px;right:11%;top:10px;z-index:3;transform:rotateY(-7deg) rotateZ(2deg)}
.mock-phone-back{width:244px;height:500px;right:47%;top:66px;z-index:1;opacity:.93;transform:rotateY(9deg) rotateZ(-7deg)}
.mock-screen{position:relative;width:100%;height:100%;overflow:hidden;border-radius:35px;background:#0b150f;color:#f1e6cd;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)}
.mock-island{position:absolute;z-index:8;top:15px;left:50%;width:82px;height:24px;transform:translateX(-50%);border-radius:20px;background:#030504}
.mock-status{position:relative;z-index:2;height:42px;padding:15px 18px 0;display:flex;justify-content:space-between;font-size:7px;color:#c6bda9;background:#07100b}
.mock-bar{position:relative;z-index:2;height:45px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(227,190,102,.10);background:#08120d;font-size:9px}.mock-bar b{font:600 10px var(--serif);letter-spacing:.04em}
.mock-map{position:relative;height:calc(100% - 87px);overflow:hidden}
.mock-map.live{background:
  linear-gradient(24deg,rgba(25,61,34,.42),rgba(100,118,70,.20)),
  radial-gradient(circle at 72% 30%,rgba(211,181,101,.22),transparent 9rem),
  repeating-linear-gradient(28deg,rgba(237,227,188,.07) 0 1px,transparent 1px 47px),
  repeating-linear-gradient(118deg,rgba(237,227,188,.055) 0 1px,transparent 1px 58px),#4e6842}
.mock-map.live:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(5,13,9,.46))}
.mock-field{position:absolute;border:1px solid rgba(209,235,163,.62);background:rgba(83,124,60,.24);box-shadow:inset 0 0 18px rgba(109,181,73,.11)}
.mf1{left:9%;top:8%;width:49%;height:28%;clip-path:polygon(8% 11%,88% 0,100% 72%,24% 100%,0 48%)}
.mf2{right:6%;top:35%;width:53%;height:33%;clip-path:polygon(14% 0,100% 16%,87% 93%,7% 100%,0 38%)}
.mf3{left:3%;bottom:9%;width:48%;height:25%;clip-path:polygon(0 8%,86% 0,100% 76%,19% 100%)}
.m-find,.m-poi{position:absolute;z-index:4;width:12px;height:12px;border:3px solid #efc360;border-radius:50%;background:#0c2214;box-shadow:0 0 0 5px rgba(239,195,96,.11),0 6px 14px rgba(0,0,0,.35)}
.m-find.f1{left:27%;top:26%}.m-find.f2{right:22%;top:48%}.m-find.f3{left:34%;bottom:30%}
.mock-gps{position:absolute;z-index:5;left:57%;top:28%;width:14px;height:14px;border:3px solid #e8f2cb;border-radius:50%;background:#57974f;box-shadow:0 0 0 8px rgba(160,214,117,.16),0 0 0 16px rgba(160,214,117,.06);animation:mockPulse 2.2s infinite}
@keyframes mockPulse{50%{box-shadow:0 0 0 13px rgba(160,214,117,.12),0 0 0 24px rgba(160,214,117,0)}}
.mock-find-card{position:absolute;z-index:6;left:12px;right:12px;bottom:54px;display:grid;grid-template-columns:44px 1fr;gap:11px;align-items:center;padding:12px;border:1px solid rgba(229,190,98,.20);border-radius:14px;background:rgba(6,15,10,.90);backdrop-filter:blur(10px);box-shadow:0 16px 36px rgba(0,0,0,.32)}
.mock-coin{width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(238,203,123,.35);border-radius:50%;background:radial-gradient(circle,#c79c45,#5f431d 75%);color:#f2d888;font-size:18px}
.mock-find-card small{display:block;color:#9f957f;font-size:6px;letter-spacing:.12em}.mock-find-card b{display:block;margin-top:3px;font:600 11px var(--serif)}.mock-find-card em{display:block;margin-top:3px;color:#c7baa0;font-style:normal;font-size:7px}
.mock-tabs{position:absolute;z-index:8;left:8px;right:8px;bottom:8px;height:42px;display:flex;align-items:center;justify-content:space-around;border-radius:13px;background:#07100b;color:#928976;font-size:5.5px}.mock-tabs b{width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(230,188,94,.5);border-radius:50%;color:#e9c977;font-size:14px}
.mock-map.old{height:calc(100% - 87px);background:
  linear-gradient(rgba(30,20,7,.15),rgba(30,20,7,.2)),
  repeating-linear-gradient(0deg,rgba(50,34,15,.09) 0 1px,transparent 1px 34px),
  repeating-linear-gradient(90deg,rgba(50,34,15,.08) 0 1px,transparent 1px 34px),#b7985f}
.mock-map.old:before{content:"";position:absolute;left:-12%;top:-10%;width:92%;height:116%;border:34px solid rgba(44,91,58,.68);border-radius:49% 62% 44% 56%;transform:rotate(14deg)}
.mock-road{position:absolute;z-index:2;width:76%;left:11%;top:43%;border-top:2px dashed rgba(94,57,21,.7);transform:rotate(-24deg)}
.m-poi{width:10px;height:10px;border-width:2px}.m-poi.a{left:22%;top:25%}.m-poi.b{right:25%;top:38%}.m-poi.c{left:46%;top:63%}
.mock-layer-card{position:absolute;z-index:5;left:10px;right:10px;bottom:14px;padding:12px;border-radius:12px;background:rgba(7,17,11,.91);border:1px solid rgba(237,202,115,.20)}
.mock-layer-card small{display:block;margin-bottom:6px;color:#d6a84a;font-size:6px;letter-spacing:.12em}.mock-layer-card p{margin:0;padding:7px 0;display:grid;grid-template-columns:7px 1fr auto;gap:7px;align-items:center;border-top:1px solid rgba(226,183,84,.08);font-size:6.5px;color:#d9cfb9}.mock-layer-card p span{width:6px;height:6px;border-radius:50%;background:#c89d44}.mock-layer-card p b{color:#9bc17d;font-size:6px}
.mock-float{position:absolute;z-index:5;border:1px solid rgba(232,193,104,.26);background:rgba(6,16,10,.82);backdrop-filter:blur(14px);box-shadow:0 22px 50px rgba(0,0,0,.32);color:#eadfc6}
.mock-session-card{right:2%;bottom:42px;min-width:218px;padding:13px 15px;display:grid;grid-template-columns:12px 1fr auto;gap:10px;align-items:center;border-radius:14px}.pulse-dot{width:9px;height:9px;border-radius:50%;background:#78a961;box-shadow:0 0 0 5px rgba(120,169,97,.12)}.mock-session-card small,.mock-permission-card small{display:block;color:#978e7b;font-size:6px;letter-spacing:.12em}.mock-session-card strong{display:block;margin-top:3px;font:600 13px var(--serif)}.mock-session-card>b{color:#a6c78c;font-size:7px;letter-spacing:.1em}
.mock-permission-card{left:4%;bottom:58px;padding:13px 15px;border-radius:14px}.mock-permission-card strong{display:block;margin-top:4px;font:600 11px var(--serif)}.mock-permission-card span{display:block;margin-top:4px;color:#9dbc83;font-size:7px}

/* Feature ribbon: darker, more app-launch / premium */
.feature-ribbon{margin-top:-34px!important}
.ribbon-shell{position:relative;border-radius:16px!important;background:linear-gradient(180deg,rgba(20,36,25,.94),rgba(8,20,13,.97))!important;color:#efe3c9!important;border:1px solid rgba(221,177,83,.25)!important;box-shadow:0 26px 70px rgba(0,0,0,.42)!important;backdrop-filter:blur(18px)}
.ribbon-shell:before{opacity:.18}
.ribbon-item{min-height:132px!important;border-color:rgba(224,180,86,.10)!important}
.ribbon-item:hover{background:linear-gradient(180deg,rgba(211,164,69,.08),rgba(255,255,255,.015))!important}
.icon-medallion{border-color:rgba(227,185,91,.28)!important;background:rgba(211,164,69,.06)!important}
.icon-medallion svg{stroke:#e5c272!important}
.ribbon-item h2{color:#f2dfb9!important}.ribbon-item p{color:#a9a18f!important}

/* Make section boundaries and cards feel more intentional */
.section{position:relative}
.section:before{content:"";position:absolute;left:50%;top:0;width:min(1180px,70vw);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(219,174,79,.14),transparent)}
.parchment-section:before{width:auto;height:auto;left:0;transform:none}
.dark-section,.device-section,.how-section,.showcase-section{background-color:#06110b!important}
.map-stage,.show-phone,.phone,.launch-form{box-shadow:var(--v12-shadow)}

/* Product showcase = central launch mockup */
.showcase-section{overflow:hidden;background:
  radial-gradient(circle at 50% 48%,rgba(207,158,58,.12),transparent 31rem),
  radial-gradient(circle at 14% 68%,rgba(45,91,58,.10),transparent 22rem),
  #06110b!important}
.showcase-section:after{content:"";position:absolute;left:50%;top:52%;width:1050px;height:470px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(210,167,69,.09),transparent 68%);filter:blur(12px);pointer-events:none}
.showcase-section .content-shell{position:relative;z-index:2}
.showcase-lead{max-width:720px;margin:22px auto 0!important;color:#a9a08e!important;font-size:14px!important;line-height:1.7!important}
.showcase-devices{margin-top:58px!important;gap:26px!important;align-items:flex-end!important;perspective:1600px}
.show-phone{position:relative;border-radius:38px!important;background:linear-gradient(145deg,#a17a35,#16140d 14%,#060805 88%,#d0aa58)!important;padding:8px!important;transition:transform .35s ease,filter .35s ease!important}
.show-phone:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,229,161,.11);pointer-events:none}
.show-phone.side{filter:saturate(.78) brightness(.82);transform:translateY(34px) scale(.92)}
.show-phone.hero-phone{z-index:3;transform:translateY(0) scale(1.03);filter:drop-shadow(0 30px 38px rgba(0,0,0,.33))}
.showcase-devices:hover .show-phone.side{filter:saturate(.9) brightness(.9)}
.show-screen{border-radius:31px!important}
.device-label{margin-top:18px!important;letter-spacing:.24em!important;color:#cda957!important}

/* Feature card grid: cleaner modern tiles while keeping parchment DNA */
.parchment-section{background:
  radial-gradient(circle at 18% 22%,rgba(255,255,255,.15),transparent 25rem),
  linear-gradient(180deg,#d3b77f,#c4a164)!important}
.feature-grid{gap:12px!important;border:0!important}
.feature-card{border:1px solid rgba(84,53,18,.18)!important;border-radius:14px!important;background:rgba(255,255,255,.065)!important;box-shadow:0 15px 32px rgba(85,54,17,.06)}
.feature-card:hover{background:rgba(255,255,255,.15)!important;box-shadow:0 22px 42px rgba(72,45,15,.12)!important}
.card-no{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:22px;border:1px solid rgba(91,58,19,.22);border-radius:999px;padding:0 8px;background:rgba(255,255,255,.08)}

/* Launch form */
.launch-section{min-height:520px!important}
.launch-backdrop{background:
  linear-gradient(90deg,rgba(3,11,7,.99) 0%,rgba(3,11,7,.94) 44%,rgba(3,11,7,.60) 68%,rgba(3,11,7,.78)),
  url("assets/hero-britain-history-master.webp") center 52%/cover no-repeat!important}
.launch-form{padding:30px!important;border-radius:18px!important}
.launch-form button{border-radius:10px!important}
.launch-form input{border-radius:10px!important}

/* Mobile sticky CTA */
.mobile-launch-cta{display:none;position:fixed;z-index:150;left:14px;right:14px;bottom:max(14px,env(safe-area-inset-bottom));height:52px;align-items:center;justify-content:center;gap:16px;border:1px solid #e0b258;border-radius:14px;background:linear-gradient(180deg,#c99b40,#815319);box-shadow:0 18px 42px rgba(0,0,0,.45);color:#fff1cb;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}

/* Responsive strategy: artwork remains full-width, mockups never crush copy */
@media (max-width:1320px){
  .hero-layout{grid-template-columns:minmax(0,560px) minmax(440px,1fr);gap:16px}
  .mock-phone-front{right:5%;transform:scale(.92) rotateY(-7deg) rotateZ(2deg)}
  .mock-phone-back{right:43%;transform:scale(.9) rotateY(9deg) rotateZ(-7deg)}
  .mock-float{transform:scale(.92)}
  .main-nav{gap:18px}
}

@media (max-width:1100px){
  .site-header{height:70px}.nav-shell{min-height:70px}
  .hero{height:720px!important;min-height:720px!important;max-height:none!important}
  .hero-layout{grid-template-columns:1fr;align-items:flex-end;padding-top:70px}
  .hero-device-scene{display:none}
  .hero-media{height:100%!important}
  .hero-media img{object-position:55% center!important}
  .hero-shade{background:linear-gradient(180deg,rgba(2,8,5,.10) 0 28%,rgba(2,8,5,.38) 50%,rgba(2,8,5,.92) 78%,#06100b 100%)!important}
  .hero-copy{max-width:720px!important;margin-inline:auto!important;text-align:center!important;padding:360px 0 76px!important}
  .hero-copy .eyebrow,.hero-actions,.hero-trust{justify-content:center!important}
  .hero-lead{margin-inline:auto!important}
  .hero-microcopy{text-align:center}
}

@media (max-width:900px){
  .main-nav{top:70px}
  .feature-ribbon{margin-top:-20px!important}
  .showcase-devices{display:flex!important;overflow-x:auto!important;justify-content:flex-start!important;scroll-snap-type:x mandatory;padding:12px 22px 44px;margin-inline:-18px!important;gap:18px!important;scrollbar-width:none}
  .showcase-devices::-webkit-scrollbar{display:none}
  .show-phone,.show-phone.side,.show-phone.hero-phone{flex:0 0 min(290px,76vw)!important;width:min(290px,76vw)!important;transform:none!important;filter:none!important;scroll-snap-align:center}
  .show-screen,.hero-phone .show-screen{height:560px!important}
  .mobile-launch-cta{display:flex}
  footer{padding-bottom:76px}
}

@media (max-width:640px){
  .hero{height:690px!important;min-height:690px!important}
  .hero-copy{padding:330px 4px 62px!important}
  .hero h1{font-size:42px!important;line-height:1!important}
  .hero-lead{font-size:13px!important}
  .hero-trust{margin-top:18px!important}.hero-trust span{font-size:9px!important}
  .hero-microcopy{font-size:7px;letter-spacing:.13em}
  .feature-ribbon{margin-top:-8px!important}
  .ribbon-shell{border-radius:14px!important}
  .ribbon-item{min-height:108px!important}
  .showcase-devices{padding-inline:16px!important}
  .show-phone,.show-phone.side,.show-phone.hero-phone{flex-basis:min(270px,82vw)!important;width:min(270px,82vw)!important}
  .show-screen,.hero-phone .show-screen{height:520px!important}
  .launch-form{padding:20px!important}
}

@media (min-width:1800px){
  .hero-layout{grid-template-columns:680px 1fr;gap:90px}
  .hero-device-scene{height:640px}
  .mock-phone-front{right:16%}
  .mock-phone-back{right:46%}
}

@media (prefers-reduced-motion:reduce){
  .mock-gps{animation:none!important}
}
.main-nav a.active-nav:not(.nav-cta){color:var(--gold2)}
.main-nav a.active-nav:not(.nav-cta):after{right:0}

/* ──────────────────────────────────────────────────────────────
   V13 LAUNCH-READY PRODUCT STORY / FAQ / ACCESSIBILITY POLISH
   ────────────────────────────────────────────────────────────── */
:root{
  --surface:#0a1710;
  --surface2:#0e1d14;
  --hairline:rgba(235,197,111,.14);
  --focus:#f0d180;
}

:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
.skip-link{position:fixed;left:16px;top:-70px;z-index:1000;background:#f1cf79;color:#1d1609;padding:12px 16px;border-radius:8px;font-weight:800;transition:top .2s}
.skip-link:focus{top:14px}

.workflow-section{position:relative;padding:112px 0 118px;overflow:hidden;background:
  radial-gradient(circle at 18% 20%,rgba(197,149,58,.10),transparent 28rem),
  linear-gradient(180deg,#07130c,#0a1810)}
.workflow-section:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(209,166,74,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(209,166,74,.045) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent)}
.workflow-head{position:relative;max-width:920px;margin:0 auto;text-align:center}
.workflow-head .eyebrow{justify-content:center}
.workflow-head h2{margin:0;font:500 clamp(38px,4.2vw,68px)/1.03 var(--serif);letter-spacing:-.035em;text-transform:uppercase}
.workflow-head h2 em{font-style:normal;color:var(--gold2)}
.workflow-head>p:last-child{max-width:760px;margin:22px auto 0;color:#bdb49f;font-size:14px;line-height:1.78}
.workflow-rail{position:relative;margin:58px auto 0;display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;align-items:center;max-width:1240px}
.workflow-rail:before{content:"";position:absolute;left:5%;right:5%;top:50%;height:1px;background:linear-gradient(90deg,transparent,rgba(221,174,78,.28),transparent)}
.workflow-rail article{position:relative;z-index:2;min-height:188px;padding:24px 18px 20px;border:1px solid var(--hairline);border-radius:16px;background:linear-gradient(180deg,rgba(17,34,23,.96),rgba(8,20,13,.96));box-shadow:0 22px 56px rgba(0,0,0,.22);text-align:center}
.workflow-rail article span{position:absolute;left:14px;top:12px;color:#786b54;font:600 8px var(--serif);letter-spacing:.12em}
.workflow-rail article i{width:50px;height:50px;margin:16px auto 17px;display:grid;place-items:center;border:1px solid rgba(226,183,88,.35);border-radius:50%;background:rgba(205,156,61,.06);color:var(--gold2);font-style:normal;font-size:19px}
.workflow-rail article strong{display:block;color:#f0dfbb;font:600 12px var(--serif);letter-spacing:.04em;text-transform:uppercase}
.workflow-rail article small{display:block;margin-top:7px;color:#8f8879;font-size:9px;line-height:1.5}
.workflow-rail>b{position:relative;z-index:3;padding:0 10px;color:#9c7935;font-weight:400}
.workflow-proof{margin:28px auto 0;display:grid;grid-template-columns:repeat(3,1fr);max-width:1240px;border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline)}
.workflow-proof div{padding:22px 24px;border-right:1px solid var(--hairline)}
.workflow-proof div:last-child{border-right:0}
.workflow-proof strong{display:block;color:#d9bf83;font:600 10px var(--serif);text-transform:uppercase;letter-spacing:.05em}
.workflow-proof span{display:block;margin-top:7px;color:#958d7b;font-size:10px;line-height:1.6}

.preview-badge{width:max-content;max-width:100%;margin:32px auto 4px;padding:8px 12px;border:1px solid rgba(217,173,81,.18);border-radius:999px;background:rgba(11,25,16,.68);color:#a99e86;font-size:8px;letter-spacing:.1em;text-transform:uppercase}
.preview-badge span{display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;background:#91a860;box-shadow:0 0 0 4px rgba(145,168,96,.08)}

.steps-six{grid-template-columns:repeat(6,1fr)!important;gap:14px!important}
.steps-six .step{position:relative;padding:24px 15px 20px;border:1px solid rgba(215,174,82,.10);border-radius:14px;background:linear-gradient(180deg,rgba(12,26,17,.52),rgba(5,15,10,.25));min-height:210px}
.steps-six .step:after{content:"→";position:absolute;right:-12px;top:43px;color:#795c28;font-size:13px}
.steps-six .step:last-child:after{display:none}
.steps-six .step>span{width:42px;height:42px}
.steps-six .step p{max-width:190px}

.faq-section{background:
  radial-gradient(circle at 10% 18%,rgba(197,149,58,.075),transparent 24rem),
  linear-gradient(180deg,#08140d,#06100b);border-top:1px solid var(--hairline)}
.faq-layout{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:86px;align-items:start}
.faq-intro{position:sticky;top:120px}
.faq-intro h2{margin:0;font:500 clamp(40px,4vw,64px)/1 var(--serif);text-transform:uppercase;letter-spacing:-.035em}
.faq-intro h2 em{font-style:normal;color:var(--gold2)}
.text-link{display:inline-block;margin-top:24px;color:#d7b868;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.faq-list{border-top:1px solid var(--hairline)}
.faq-list details{border-bottom:1px solid var(--hairline)}
.faq-list summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;padding:24px 0;color:#eadfc9;font:600 14px var(--serif);letter-spacing:.015em}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary span{width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(220,177,85,.22);border-radius:50%;color:var(--gold2);font:400 17px var(--sans);transition:transform .2s}
.faq-list details[open] summary span{transform:rotate(45deg)}
.faq-list details p{max-width:760px;margin:-3px 52px 23px 0;color:#aaa18e;font-size:12px;line-height:1.72}

.hp-field{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;left:-9999px!important}
.form-note a{text-decoration:underline;text-decoration-color:rgba(237,202,115,.28);text-underline-offset:3px}
.form-note.error{color:#e6a99f!important}
.launch-form.loading button{opacity:.68;cursor:wait}
.launch-form .status-icon{display:inline-grid;width:18px;height:18px;place-items:center;margin-right:5px;border-radius:50%;border:1px solid currentColor;font-size:9px}

.footer-links a{position:relative}
.footer-links a:after{content:"";position:absolute;left:0;right:100%;bottom:-4px;height:1px;background:#bf9140;transition:right .2s}.footer-links a:hover:after{right:0}

/* legal / support pages */
.simple-page{min-height:100vh;background:linear-gradient(180deg,#07110c,#050d09)}
.simple-hero{padding:150px 0 62px;border-bottom:1px solid var(--hairline);background:radial-gradient(circle at 20% 20%,rgba(193,145,55,.09),transparent 26rem)}
.simple-hero h1{max-width:900px;margin:0;font:500 clamp(44px,5vw,76px)/1 var(--serif);text-transform:uppercase;letter-spacing:-.04em}.simple-hero h1 em{color:var(--gold2);font-style:normal}
.simple-hero p{max-width:760px;color:#b8af9b;line-height:1.75}
.legal-content{max-width:900px;padding:72px 0 100px}
.legal-content h2{margin:48px 0 12px;color:#e7d7b3;font:600 19px var(--serif);text-transform:uppercase}.legal-content h2:first-child{margin-top:0}
.legal-content p,.legal-content li{color:#aca28e;font-size:13px;line-height:1.78}.legal-content a{color:#e1bd67;text-decoration:underline;text-underline-offset:3px}.legal-content ul{padding-left:22px}
.legal-note{padding:16px 18px;border:1px solid rgba(222,179,87,.18);border-radius:10px;background:rgba(19,35,24,.52);color:#c9bea6!important}
.support-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:32px}.support-card{padding:24px;border:1px solid var(--hairline);border-radius:14px;background:#0b1911}.support-card strong{display:block;color:#e4c67f;font:600 13px var(--serif);text-transform:uppercase}.support-card p{margin-bottom:0}

@media(max-width:1180px){
  .workflow-rail{grid-template-columns:repeat(5,1fr);gap:12px}.workflow-rail>b{display:none}.workflow-rail:before{display:none}
  .steps-six{grid-template-columns:repeat(3,1fr)!important}.steps-six .step:nth-child(3n):after{display:none}
}
@media(max-width:900px){
  .workflow-section{padding:84px 0}.workflow-rail{grid-template-columns:repeat(2,1fr)}.workflow-rail article:last-of-type{grid-column:1/-1;max-width:50%;width:100%;justify-self:center}.workflow-proof{grid-template-columns:1fr}.workflow-proof div{border-right:0;border-bottom:1px solid var(--hairline)}.workflow-proof div:last-child{border-bottom:0}
  .faq-layout{grid-template-columns:1fr;gap:34px}.faq-intro{position:static}.steps-six{grid-template-columns:repeat(2,1fr)!important}.steps-six .step:after{display:none}
}
@media(max-width:640px){
  .workflow-section{padding:72px 0}.workflow-head h2{font-size:34px}.workflow-head>p:last-child{font-size:12px}.workflow-rail{grid-template-columns:1fr}.workflow-rail article,.workflow-rail article:last-of-type{max-width:none}.workflow-proof div{padding:18px}
  .steps-six{grid-template-columns:1fr!important}.steps-six .step{min-height:0;padding:20px}.faq-list summary{font-size:12px;padding:20px 0}.faq-list details p{margin-right:0}.preview-badge{border-radius:10px;line-height:1.5;text-align:center}
  .support-cards{grid-template-columns:1fr}
}

/* ── V14 PRODUCT EXPANSION: Portal, land navigation, rallies ── */
.workflow-rail{grid-template-columns:repeat(11,auto)!important}.workflow-rail article{min-width:0}
.platform-section{background:radial-gradient(circle at 82% 22%,rgba(202,153,62,.10),transparent 28rem),linear-gradient(180deg,#07110c,#0a1710);border-top:1px solid var(--line)}
.platform-head{display:grid;grid-template-columns:1.05fr .75fr;gap:80px;align-items:end;margin-bottom:48px}.platform-head h2,.event-head h2{margin:0;font:500 clamp(40px,4vw,67px)/1 var(--serif);text-transform:uppercase;letter-spacing:-.035em}.platform-head h2 em,.event-head h2 em{font-style:normal;color:var(--gold2)}.platform-head>p,.event-head>p{color:var(--muted);line-height:1.75;font-size:14px;margin:0;max-width:650px}
.platform-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.platform-card{position:relative;overflow:hidden;min-height:620px;padding:38px;border:1px solid rgba(225,179,82,.22);border-radius:18px;background:linear-gradient(145deg,rgba(15,31,21,.94),rgba(6,16,11,.96));box-shadow:0 28px 70px rgba(0,0,0,.24)}.platform-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 82% 12%,rgba(219,170,72,.09),transparent 19rem)}.platform-tag{display:inline-block;padding:7px 10px;border:1px solid rgba(237,202,115,.28);border-radius:999px;color:var(--gold2);font-size:9px;font-weight:700;letter-spacing:.14em}.platform-card h3{margin:24px 0 10px;font:600 26px var(--serif);text-transform:uppercase;color:#f0e3c6}.platform-card>p{max-width:580px;color:#b9af9a;font-size:12px;line-height:1.7}.platform-points{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:24px 0}.platform-points span{padding:10px 12px;border:1px solid rgba(223,178,81,.11);border-radius:8px;background:rgba(255,255,255,.02);color:#d7cdb7;font-size:10px}.screen-placeholder{height:250px;margin-top:26px;border:1px dashed rgba(229,185,91,.30);border-radius:26px 26px 12px 12px;display:grid;place-content:center;text-align:center;background:linear-gradient(155deg,#132719,#07110c);box-shadow:inset 0 0 60px rgba(0,0,0,.25)}.screen-placeholder b{font:600 14px var(--serif);color:#d7ae57}.screen-placeholder small{margin-top:8px;color:#77705f;font-size:9px;letter-spacing:.1em}.desktop-placeholder{margin-top:26px;border:1px solid rgba(229,185,91,.22);border-radius:12px;overflow:hidden;background:#08120c;box-shadow:0 20px 50px rgba(0,0,0,.3)}.browser-bar{height:34px;display:flex;align-items:center;gap:6px;padding:0 10px;background:#111c15;border-bottom:1px solid rgba(229,185,91,.12)}.browser-bar i{width:7px;height:7px;border-radius:50%;background:#6f654f}.browser-bar span{margin-left:8px;color:#6f6859;font-size:7px}.portal-demo{height:216px;display:grid;grid-template-columns:105px 1fr}.portal-demo aside{padding:18px 12px;display:grid;align-content:start;gap:13px;border-right:1px solid rgba(229,185,91,.1);font-size:8px;color:#8e8675}.portal-demo aside b{color:var(--gold2);font:600 15px var(--serif);margin-bottom:8px}.portal-demo main{padding:25px}.portal-demo main small{color:#807765;font-size:7px;letter-spacing:.15em}.portal-demo main h4{margin:8px 0 25px;font:600 18px var(--serif);color:#e9dcc0}.portal-demo main div{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.portal-demo main i{height:70px;border:1px solid rgba(220,174,77,.15);border-radius:8px;background:linear-gradient(145deg,#12261a,#0b1710)}.trust-band{margin-top:24px;padding:24px 28px;border:1px solid rgba(225,179,82,.18);border-radius:12px;display:grid;grid-template-columns:.65fr 1.35fr;gap:30px;align-items:center;background:rgba(7,18,12,.72)}.trust-band strong{font:600 18px var(--serif);color:var(--gold2);text-transform:uppercase}.trust-band span{color:#a99f8b;font-size:11px;line-height:1.7}
.land-section{background:linear-gradient(180deg,#0a1710,#07110c)}.land-visual{position:relative;min-height:560px}.land-map{position:absolute;inset:0 70px 65px 0;border:1px solid rgba(223,177,80,.25);border-radius:18px;overflow:hidden;background:radial-gradient(circle at 30% 35%,#597147 0 12%,transparent 12.5%),linear-gradient(28deg,#304a32 0 22%,#6b7544 22% 40%,#384d31 40% 58%,#7d7041 58% 74%,#30442e 74%);box-shadow:0 35px 70px rgba(0,0,0,.35)}.land-map:after{content:"";position:absolute;inset:0;background-image:linear-gradient(35deg,transparent 48%,rgba(233,221,174,.16) 49%,rgba(233,221,174,.16) 50%,transparent 51%);background-size:95px 95px}.field-poly{position:absolute;z-index:2;display:grid;place-items:center;border:2px solid #d9aa4c;background:rgba(123,149,69,.38);color:#fff0c6;font:700 12px var(--serif);clip-path:polygon(9% 8%,91% 0,100% 78%,73% 100%,4% 88%,0 31%)}.fp1{width:155px;height:125px;left:10%;top:14%;transform:rotate(-7deg)}.fp2{width:185px;height:145px;left:45%;top:21%;transform:rotate(5deg)}.fp3{width:165px;height:135px;left:27%;top:57%;transform:rotate(3deg)}.location{position:absolute;z-index:4;padding:8px 10px;border:1px solid #e4b75c;border-radius:999px;background:#102015;color:#f3d487;font:700 8px var(--sans);font-style:normal;box-shadow:0 8px 18px #0008}.farm-loc{right:16%;bottom:22%}.park-loc{right:30%;bottom:10%}.route-line{position:absolute;z-index:3;right:23%;bottom:17%;width:95px;border-top:2px dashed #e7bd68;transform:rotate(-28deg)}.arrival-card{position:absolute;right:0;bottom:0;width:245px;padding:18px;border:1px solid rgba(234,192,99,.3);border-radius:12px;background:rgba(6,16,10,.94);box-shadow:0 20px 50px #0008}.arrival-card small{color:#8f856f;font-size:7px;letter-spacing:.15em}.arrival-card>strong{display:block;margin:6px 0 12px;color:#eee1c4;font:600 13px var(--serif)}.arrival-card div{display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:center;padding:10px 0;border-top:1px solid rgba(229,185,91,.1);font-size:9px}.arrival-card div span{color:var(--gold2)}.arrival-card div em{color:#d3aa55;font-style:normal;font-size:8px}
.event-section{background:radial-gradient(circle at 20% 30%,rgba(192,144,52,.10),transparent 26rem),#06100b;border-top:1px solid var(--line)}.event-head{max-width:950px;margin-bottom:52px}.event-head>p:last-child{margin-top:20px}.event-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:64px;align-items:center}.event-command{border:1px solid rgba(229,184,88,.25);border-radius:16px;overflow:hidden;background:#0a1710;box-shadow:0 38px 80px rgba(0,0,0,.36)}.command-top{padding:18px 20px;display:grid;grid-template-columns:auto 1fr auto;gap:15px;align-items:center;border-bottom:1px solid rgba(229,184,88,.12)}.command-top span{color:#857b68;font-size:7px;letter-spacing:.14em}.command-top b{color:#eee0c2;font:600 14px var(--serif)}.command-top em{padding:6px 8px;border-radius:999px;background:#274a2f;color:#cce5ae;font-size:7px;font-style:normal}.status-flow{display:flex;align-items:center;justify-content:center;gap:9px;padding:15px;border-bottom:1px solid rgba(229,184,88,.1);color:#716a5c;font-size:7px}.status-flow .active{color:#efcb76}.status-flow i{font-style:normal;color:#514b41}.command-grid{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid rgba(229,184,88,.1)}.command-grid article{padding:16px;border-right:1px solid rgba(229,184,88,.08)}.command-grid article:last-child{border-right:0}.command-grid small{display:block;color:#71695a;font-size:6px;letter-spacing:.12em}.command-grid strong{display:block;margin:7px 0 4px;color:#e8c875;font:600 17px var(--serif)}.command-grid span{color:#827a69;font-size:6px}.event-map-demo{position:relative;height:320px;background:linear-gradient(24deg,#344c31,#7d7448 42%,#425b39 42% 70%,#75643d);overflow:hidden}.event-map-demo:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 48%,rgba(255,255,255,.08) 49%,rgba(255,255,255,.08) 50%,transparent 51%);background-size:70px 70px}.event-field{position:absolute;z-index:2;display:grid;place-items:center;text-align:center;border:2px solid currentColor;background:rgba(10,25,15,.28);clip-path:polygon(8% 4%,94% 10%,100% 83%,70% 100%,4% 89%,0 24%);font:700 12px var(--serif)}.event-field small{font:700 6px var(--sans)}.ef1{left:6%;top:12%;width:130px;height:105px;color:#efc65e}.ef2{left:36%;top:7%;width:155px;height:115px;color:#74b7c5}.ef3{right:8%;top:18%;width:135px;height:105px;color:#c58bc5}.ef4{left:26%;bottom:10%;width:185px;height:125px;color:#d68d55}.infra{position:absolute;z-index:4;width:27px;height:27px;display:grid;place-items:center;border:1px solid #f0c86e;border-radius:50%;background:#0c1c12;color:#f0c86e;font:700 9px var(--sans);font-style:normal}.camp{right:19%;bottom:19%}.parking{right:10%;bottom:32%}.meeting{left:13%;bottom:19%}.event-copy{display:grid;gap:8px}.event-feature{display:grid;grid-template-columns:38px 1fr;gap:16px;padding:17px 0;border-bottom:1px solid rgba(225,179,82,.11)}.event-feature>span{width:32px;height:32px;display:grid;place-items:center;border:1px solid rgba(222,176,79,.32);border-radius:50%;color:var(--gold2);font:600 8px var(--serif)}.event-feature h3{margin:0;color:#e7d8ba;font:600 13px var(--serif);text-transform:uppercase}.event-feature p{margin:7px 0 0;color:#958c7b;font-size:10px;line-height:1.6}
@media(max-width:1100px){.workflow-rail{grid-template-columns:repeat(6,1fr)!important}.workflow-rail>b{display:none}.platform-head,.event-layout{grid-template-columns:1fr}.platform-grid{grid-template-columns:1fr}.platform-card{min-height:auto}.event-layout{gap:38px}.land-grid{grid-template-columns:1fr!important}.land-visual{min-height:520px}.trust-band{grid-template-columns:1fr}.platform-head{gap:20px}.event-head{margin-bottom:36px}}
@media(max-width:700px){.workflow-rail{grid-template-columns:1fr 1fr!important}.platform-card{padding:24px}.platform-points{grid-template-columns:1fr}.platform-head h2,.event-head h2{font-size:36px}.portal-demo{grid-template-columns:78px 1fr}.land-visual{min-height:460px}.land-map{inset:0 18px 100px 0}.arrival-card{width:230px}.event-command{margin-inline:-4px}.command-top{grid-template-columns:1fr auto}.command-top span{grid-column:1/-1}.command-grid{grid-template-columns:1fr 1fr}.command-grid article:nth-child(2){border-right:0}.command-grid article:nth-child(-n+2){border-bottom:1px solid rgba(229,184,88,.08)}.event-map-demo{height:280px}.status-flow{overflow-x:auto;justify-content:flex-start}.ef1{width:105px}.ef2{width:120px}.ef3{width:100px}.ef4{width:145px}.trust-band{padding:20px}}

/* =============================================================
   V15 — CLEAN MDL PRODUCT DIRECTION
   Visual reference: clean dark-green + antique-gold launch mockup.
   Existing scroll/reveal architecture intentionally preserved.
   ============================================================= */
:root{
  --v15-bg:#050d09;
  --v15-panel:#09140e;
  --v15-panel-2:#0c1911;
  --v15-gold:#c99a3f;
  --v15-gold-hi:#edc86e;
  --v15-text:#efe4ca;
  --v15-muted:#a79f8c;
  --v15-line:rgba(217,171,75,.18);
}
html{background:var(--v15-bg)}
body{background:linear-gradient(180deg,#050d09 0%,#07110c 48%,#050d09 100%)!important;color:var(--v15-text)}
body:before{opacity:.035!important;background-size:300px 300px!important}
.site-noise{display:none!important}
.section:before{background:linear-gradient(90deg,transparent,rgba(218,172,76,.12),transparent)!important}

/* Clean navigation: heritage colour, product finish */
.site-header{background:linear-gradient(180deg,rgba(3,10,6,.98),rgba(3,10,6,.90))!important;border-bottom:1px solid rgba(212,166,69,.13)}
.site-header.scrolled{background:rgba(3,10,6,.97)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.main-nav a{color:#c9bea6!important}.main-nav a:hover,.main-nav a.active{color:#efd07d!important}
.main-nav .nav-cta{background:linear-gradient(180deg,#142318,#0a150e)!important;border:1px solid rgba(211,163,65,.48)!important;color:#e9c36a!important;box-shadow:none!important}

/* Keep hero behaviour/layout; remove dirty grading from the website layer */
.hero-media img{filter:saturate(.94) contrast(1.02)!important}
.hero-shade{background:linear-gradient(90deg,rgba(3,10,6,.96) 0%,rgba(3,10,6,.77) 36%,rgba(3,10,6,.28) 67%,rgba(3,10,6,.38)),linear-gradient(180deg,transparent 65%,#06100b 100%)!important}
.hero-copy h1,.section-copy h2,.section-head h2,.workflow-head h2,.platform-head h2,.event-head h2,.era-intro h2{color:#f0e3c7!important;text-shadow:none!important}
.hero-copy h1 em,.section-copy h2 em,.section-head h2 em,.workflow-head h2 em,.platform-head h2 em,.event-head h2 em,.era-intro h2 em{color:var(--v15-gold-hi)!important}
.hero-lead,.section-lead,.workflow-head>p,.platform-head>p,.event-head>p{color:#b8ae99!important}

/* Feature ribbon — close to the clean mockup treatment */
.feature-ribbon{background:#07110c!important;border-top:1px solid var(--v15-line)!important;border-bottom:1px solid var(--v15-line)!important;box-shadow:none!important}
.ribbon-shell{background:transparent!important}
.ribbon-item{background:transparent!important;border-color:rgba(217,171,75,.12)!important;box-shadow:none!important}
.ribbon-item:hover{background:#0a1710!important}
.icon-medallion{background:#0b1710!important;border:1px solid rgba(222,176,78,.38)!important;box-shadow:inset 0 0 0 5px rgba(205,157,59,.035)!important}
.ribbon-item h2{color:#e5b957!important}.ribbon-item p{color:#aaa18e!important}

/* Sections: clean transitions, no parchment/grunge blocks */
.workflow-section,.dark-section,.era-section,.device-section,.how-section,.showcase-section,.platform-section,.land-section,.event-section{background:linear-gradient(180deg,#06100b,#08130d)!important}
.workflow-section,.era-section,.platform-section,.land-section,.event-section{border-top:1px solid var(--v15-line)!important}
.parchment-section{background:linear-gradient(180deg,#0b1710,#07110c)!important;color:var(--v15-text)!important;box-shadow:none!important;border-top:1px solid var(--v15-line)!important;border-bottom:1px solid var(--v15-line)!important}
.parchment-section:before{display:none!important}
.parchment-section h2{color:#f0e3c7!important}.parchment-section h2 em{color:var(--v15-gold-hi)!important}
.parchment-section .eyebrow.dark{color:#c8a14e!important}

/* Workflow: elegant gold rail rather than decorative aged UI */
.workflow-rail{background:#07130d!important;border:1px solid rgba(217,171,75,.18)!important;box-shadow:none!important}
.workflow-rail article{background:transparent!important;border-color:rgba(217,171,75,.10)!important}
.workflow-rail article:hover{background:#0c1a12!important}
.workflow-rail article>span{color:#7f755f!important}.workflow-rail article>i{border-color:rgba(226,182,88,.34)!important;background:#0b1810!important;color:#e2b75b!important}
.workflow-rail article strong{color:#eadcc0!important}.workflow-rail article small{color:#8f8878!important}
.workflow-proof>div{background:#09150f!important;border-color:rgba(217,171,75,.14)!important;box-shadow:none!important}

/* History: broader chronology, cleaner controls */
.history-grid{gap:clamp(50px,7vw,110px)!important}
.period-list{border-top:1px solid rgba(216,170,74,.16)!important}
.period{background:transparent!important;border-color:rgba(216,170,74,.12)!important}
.period:hover,.period.active{background:linear-gradient(90deg,rgba(205,157,59,.10),transparent)!important}
.period.active{box-shadow:inset 2px 0 #d4a74b!important}
.period-date{color:#c89b40!important}.period strong{color:#e9ddc3!important}.period small{color:#918a7a!important}
.map-stage{border:1px solid rgba(221,177,83,.28)!important;box-shadow:0 30px 80px rgba(0,0,0,.35)!important}

/* Timeline: no paper texture, thinner and more product-like */
.era-section{padding-top:92px!important;padding-bottom:96px!important}
.era-track:before{background:linear-gradient(90deg,rgba(208,160,62,.15),rgba(232,190,98,.55),rgba(208,160,62,.15))!important}
.era-track article i{background:#09150e!important;border-color:#c89b40!important;box-shadow:0 0 0 6px #07120c!important}
.era-track article span{color:#c49a45!important}.era-track article strong{color:#eadcc0!important}.era-track article small{color:#8f8878!important}

/* Feature cards: clean premium dark cards */
.feature-grid{gap:14px!important}
.feature-card{background:linear-gradient(180deg,#0c1911,#09140e)!important;border:1px solid rgba(217,171,75,.16)!important;color:var(--v15-text)!important;box-shadow:none!important;border-radius:14px!important}
.feature-card:hover{background:linear-gradient(180deg,#102017,#0b1810)!important;border-color:rgba(229,185,89,.32)!important;transform:translateY(-2px)}
.feature-card h3{color:#e5b957!important}.feature-card p{color:#aaa18e!important}.card-no{background:#0a160f!important;color:#cfa34a!important;border-color:rgba(217,171,75,.25)!important}

/* Product, portal, land and rally — one visual system */
.platform-card,.event-command,.arrival-card,.launch-form{background:linear-gradient(180deg,#0b1810,#07110c)!important;border-color:rgba(221,177,83,.22)!important;box-shadow:0 28px 70px rgba(0,0,0,.25)!important}
.platform-card:before{opacity:.5!important}.platform-points span,.trust-band,.event-feature{border-color:rgba(217,171,75,.12)!important}
.trust-band{background:#08140d!important}
.desktop-placeholder,.screen-placeholder{background:#07120c!important}
.land-section{background:linear-gradient(180deg,#07120c,#06100b)!important}
.event-section{background:linear-gradient(180deg,#06100b,#08130d)!important}

/* CTA section: clean, cinematic, no website-level ageing texture */
.launch-backdrop{background:linear-gradient(90deg,rgba(3,10,6,.98) 0%,rgba(3,10,6,.91) 48%,rgba(3,10,6,.50) 72%,rgba(3,10,6,.72)),url("assets/hero-britain-history-master.webp") center 52%/cover no-repeat!important}
.launch-form input{background:#08130d!important;border-color:rgba(218,171,74,.24)!important;color:#f0e3c7!important}
.launch-form button,.btn-primary{background:linear-gradient(180deg,#c99a3f,#8c5d1d)!important;border-color:#e0b35a!important;color:#fff0c9!important;box-shadow:0 10px 28px rgba(0,0,0,.24)!important}

/* Preserve smooth scrolling/reveal behaviour; simply make movement restrained */
.reveal{transition-duration:.65s!important}
@media (max-width:900px){
  body:before{display:none!important}
  .hero-shade{background:linear-gradient(180deg,rgba(3,10,6,.08) 0 25%,rgba(3,10,6,.38) 50%,rgba(3,10,6,.94) 78%,#06100b 100%)!important}
  .feature-ribbon{background:#07110c!important}
}

/* V15.1 FIX — preserve V15 structure and MDL visual language; targeted QA only */
/* Workflow: keep the existing section/order, restore the premium rounded MDL card treatment. */
.workflow-rail{
  position:relative!important;
  margin:58px auto 0!important;
  display:grid!important;
  grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr auto 1fr!important;
  gap:12px!important;
  align-items:center!important;
  max-width:1240px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.workflow-rail:before{display:none!important}
.workflow-rail article{
  min-width:0!important;
  min-height:188px!important;
  padding:24px 18px 20px!important;
  border:1px solid rgba(215,174,82,.16)!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,rgba(12,26,17,.62),rgba(5,15,10,.34))!important;
  box-shadow:0 18px 46px rgba(0,0,0,.16)!important;
  text-align:center!important;
}
.workflow-rail article:hover{background:linear-gradient(180deg,rgba(16,33,22,.72),rgba(7,18,12,.42))!important;border-color:rgba(215,174,82,.28)!important}
.workflow-rail>b{display:block!important;padding:0 2px!important;color:#a67d31!important;font-size:14px!important}
.workflow-rail article i{background:rgba(205,156,61,.04)!important}

/* Historical period controls: enough room for labels; active marker never clips PREHISTORY. */
.period{padding:16px 14px 16px 18px!important;grid-template-columns:96px 1fr!important;column-gap:18px!important;min-height:62px!important}
.period.active{padding-left:22px!important}
.period-date{min-width:0!important;white-space:nowrap!important}
.period strong,.period small{min-width:0!important}

/* Historical map card: keep the existing design, only stop footer/meta text clipping. */
.map-stage{overflow:hidden!important}
.map-panel{padding-bottom:28px!important;min-height:148px!important}
.map-source{bottom:10px!important;left:28px!important;right:28px!important;max-width:calc(100% - 56px)!important;white-space:normal!important;line-height:1.35!important}

/* Timeline remains in its existing place and style; six periods fit without becoming a table. */
.era-track{grid-template-columns:repeat(6,minmax(0,1fr))!important}
.era-track article{min-width:0!important}
.era-track small{overflow-wrap:anywhere}

/* Reports: deliberately only a restrained note near the bottom — not a new report-card system. */
.mdl-reports-note{background:#06110b;border-top:1px solid rgba(215,174,82,.12);border-bottom:1px solid rgba(215,174,82,.12)}
.mdl-reports-note-inner{padding:30px 0;display:grid;grid-template-columns:150px minmax(0,1fr);gap:8px 30px;align-items:start}
.reports-note-kicker{grid-row:1/3;color:#d6a84b;font:600 10px var(--sans);letter-spacing:.16em}
.mdl-reports-note p{margin:0;color:#a99f8b;font-size:12px;line-height:1.7;max-width:980px}
.mdl-reports-note p strong{color:#eadcc0;font:600 14px var(--serif)}
.mdl-reports-note small{color:#756f62;font-size:9px;line-height:1.55}

@media(max-width:1100px){
  .workflow-rail{grid-template-columns:repeat(3,1fr)!important;gap:14px!important}
  .workflow-rail>b{display:none!important}
  .period{grid-template-columns:86px 1fr!important}
  .era-track{grid-template-columns:repeat(3,1fr)!important}
}
@media(max-width:700px){
  .workflow-rail{grid-template-columns:1fr 1fr!important}
  .workflow-rail article{min-height:170px!important}
  .period{grid-template-columns:1fr!important;gap:5px!important;padding:14px 12px 14px 16px!important}
  .period.active{padding-left:18px!important}
  .period-date{white-space:normal!important}
  .era-track{grid-template-columns:1fr!important}
  .mdl-reports-note-inner{padding:24px 0;grid-template-columns:1fr;gap:8px}
  .reports-note-kicker{grid-row:auto}
}
@media(max-width:460px){.workflow-rail{grid-template-columns:1fr!important}.workflow-rail article{min-height:0!important}}

/* V15.5 — hierarchy + navigation polish. Preserve the approved MDL visual system. */
html{scroll-behavior:smooth;scroll-padding-top:96px}
section[id],.workflow-section[id]{scroll-margin-top:96px}

/* Reports belong to the product story (after Events), not underneath FAQ. */
.mdl-reports-band{
  position:relative;
  overflow:hidden;
  padding:78px 0;
  background:
    radial-gradient(circle at 82% 45%,rgba(187,132,39,.075),transparent 34%),
    linear-gradient(180deg,#08140d 0%,#06110b 100%);
  border-top:1px solid rgba(215,174,82,.13);
  border-bottom:1px solid rgba(215,174,82,.13);
}
.mdl-reports-band:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 0 8%,rgba(211,164,67,.035) 8% 8.05%,transparent 8.05% 92%,rgba(211,164,67,.035) 92% 92.05%,transparent 92.05%)}
.reports-band-shell{position:relative;display:grid;grid-template-columns:minmax(280px,.82fr) minmax(520px,1.55fr);gap:34px 72px;align-items:center}
.reports-band-copy h2{margin:12px 0 18px;color:#f0e3c7;font:500 clamp(38px,4vw,62px)/.98 var(--serif);letter-spacing:-.025em;text-transform:uppercase}
.reports-band-copy h2 em{color:var(--v15-gold-hi,#e5b957);font-style:normal}
.reports-band-copy>p:last-child{max-width:510px;margin:0;color:#a99f8b;font-size:13px;line-height:1.8}
.reports-band-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.reports-band-types>div{position:relative;min-height:168px;padding:24px 22px 22px;border:1px solid rgba(215,174,82,.16);border-radius:16px;background:linear-gradient(180deg,rgba(12,26,17,.74),rgba(6,16,10,.52));box-shadow:0 18px 48px rgba(0,0,0,.14);transition:transform .25s ease,border-color .25s ease,background .25s ease}
.reports-band-types>div:hover{transform:translateY(-3px);border-color:rgba(229,185,89,.30);background:linear-gradient(180deg,rgba(15,32,21,.82),rgba(7,18,12,.62))}
.reports-band-types span{display:inline-grid;place-items:center;width:31px;height:31px;margin-bottom:25px;border:1px solid rgba(221,177,83,.34);border-radius:50%;color:#d8aa4d;font:600 9px var(--sans);letter-spacing:.08em}
.reports-band-types strong{display:block;margin-bottom:9px;color:#eadcc0;font:600 17px/1.2 var(--serif);text-transform:uppercase}
.reports-band-types small{display:block;color:#938b7a;font-size:10.5px;line-height:1.65}
.reports-separation{grid-column:1/-1;margin:0;padding-top:20px;border-top:1px solid rgba(215,174,82,.10);color:#746e61;font-size:9.5px;line-height:1.6;letter-spacing:.015em}
.reports-separation b{margin-right:6px;color:#b9954b;font-weight:600;text-transform:uppercase;letter-spacing:.08em}

/* Keep the primary workflow's established premium card language, but use the final naming. */
.workflow-rail article strong{text-transform:uppercase}

@media(max-width:1000px){
  .reports-band-shell{grid-template-columns:1fr;gap:34px}
  .reports-band-copy{max-width:680px}
}
@media(max-width:700px){
  html{scroll-padding-top:82px}section[id],.workflow-section[id]{scroll-margin-top:82px}
  .mdl-reports-band{padding:58px 0}
  .reports-band-types{grid-template-columns:1fr}
  .reports-band-types>div{min-height:0}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* V16 — high-conversion editorial pass. Same MDL visual language, stronger pacing. */
.workflow-section{padding-top:92px;padding-bottom:92px;background:linear-gradient(180deg,#06110b,#08150e)}
.workflow-head{max-width:920px;margin:0 auto 46px;text-align:center}.workflow-head>p:last-child{max-width:760px;margin:18px auto 0;color:#a79e8b;line-height:1.8}
.showcase-section{padding-top:112px;padding-bottom:118px}

/* Research -> LiDAR cinematic hand-off */
.lidar-focus{position:relative;overflow:hidden;padding:110px 0;background:radial-gradient(circle at 72% 48%,rgba(199,150,52,.09),transparent 34%),linear-gradient(180deg,#07130d,#091810)}
.lidar-focus:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 0 7%,rgba(218,174,78,.035) 7% 7.05%,transparent 7.05% 93%,rgba(218,174,78,.035) 93% 93.05%,transparent 93.05%)}
.lidar-focus-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:90px;align-items:center}.lidar-copy h2{margin:15px 0 24px;font:500 clamp(48px,5.2vw,82px)/.94 var(--serif);text-transform:uppercase;color:#f0e3c7;letter-spacing:-.03em}.lidar-copy h2 em{font-style:normal;color:#dfb352}.lidar-copy>p:last-of-type{max-width:560px;color:#a79e8b;line-height:1.85}.micro-proof{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.micro-proof span{padding:8px 12px;border:1px solid rgba(215,174,82,.17);border-radius:999px;color:#b5aa94;font-size:9px;letter-spacing:.08em;text-transform:uppercase}
.lidar-visual{position:relative;min-height:470px;border:1px solid rgba(215,174,82,.24);border-radius:24px;overflow:hidden;background:radial-gradient(ellipse at 45% 54%,rgba(199,158,73,.22),transparent 25%),linear-gradient(145deg,#142719,#0a1710 65%,#172719);box-shadow:0 30px 90px rgba(0,0,0,.32)}
.lidar-grid{position:absolute;inset:0;opacity:.16;background-image:linear-gradient(rgba(225,190,111,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(225,190,111,.16) 1px,transparent 1px);background-size:42px 42px;transform:perspective(600px) rotateX(56deg) scale(1.45)}
.lidar-ridge{position:absolute;border:1px solid rgba(226,187,96,.34);border-radius:50%;transform:rotate(-12deg)}.lidar-ridge:before,.lidar-ridge:after{content:"";position:absolute;inset:10%;border:1px solid rgba(226,187,96,.22);border-radius:inherit}.lidar-ridge:after{inset:22%}.r1{width:70%;height:46%;left:8%;top:24%}.r2{width:54%;height:35%;right:3%;top:9%;transform:rotate(19deg)}.r3{width:48%;height:28%;right:14%;bottom:7%;transform:rotate(8deg)}.lidar-pin{position:absolute;display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(232,187,83,.7);border-radius:50%;background:#0b1b12;color:#e0b454;box-shadow:0 0 0 8px rgba(224,180,84,.08)}.lp1{left:32%;top:44%}.lp2{right:25%;bottom:30%}.lidar-caption{position:absolute;left:26px;bottom:24px;padding:16px 18px;border:1px solid rgba(215,174,82,.18);border-radius:12px;background:rgba(4,13,8,.78);backdrop-filter:blur(10px)}.lidar-caption small{display:block;margin-bottom:6px;color:#c99a3e;font-size:8px;letter-spacing:.16em}.lidar-caption strong{color:#eadcc0;font:500 17px var(--serif)}

/* Fieldwork: session -> find, without repeating the six-step workflow */
.field-story{padding:110px 0;background:linear-gradient(180deg,#06110b,#08150e)}.field-story-head{max-width:820px;margin:0 auto 48px;text-align:center}.field-story-head h2{margin:14px 0 20px;color:#f0e3c7;font:500 clamp(46px,5vw,76px)/.96 var(--serif);text-transform:uppercase;letter-spacing:-.03em}.field-story-head h2 em{font-style:normal;color:#dfb352}.field-story-head>p:last-child{max-width:690px;margin:auto;color:#a79e8b;line-height:1.8}.field-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:1120px;margin:auto}.story-card{position:relative;min-height:340px;padding:38px;border:1px solid rgba(215,174,82,.18);border-radius:22px;background:linear-gradient(145deg,rgba(13,29,19,.88),rgba(6,16,10,.68));overflow:hidden}.story-card:after{content:"";position:absolute;width:240px;height:240px;border:1px solid rgba(218,174,78,.09);border-radius:50%;right:-90px;top:-100px;box-shadow:0 0 0 26px rgba(218,174,78,.025),0 0 0 54px rgba(218,174,78,.018)}.story-no{display:grid;place-items:center;width:38px;height:38px;margin-bottom:36px;border:1px solid rgba(222,177,79,.42);border-radius:50%;color:#d8aa4d;font-size:9px}.story-card small{display:block;color:#c99a3e;font-size:8px;letter-spacing:.17em}.story-card h3{max-width:470px;margin:10px 0 14px;color:#eadcc0;font:500 clamp(26px,2.2vw,36px)/1.08 var(--serif);text-transform:uppercase}.story-card p{max-width:520px;color:#9e9583;line-height:1.75}.story-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}.story-meta b{padding:7px 10px;border:1px solid rgba(215,174,82,.14);border-radius:999px;color:#8f8777;font-size:8px;letter-spacing:.1em}

/* Role-aware ecosystem */
.role-section{padding:100px 0;background:#07130d}.role-head{max-width:820px;margin:0 auto 46px;text-align:center}.role-head h2{margin:14px 0 18px;color:#f0e3c7;font:500 clamp(44px,4.8vw,72px)/.96 var(--serif);text-transform:uppercase}.role-head h2 em{color:#dfb352;font-style:normal}.role-head>p:last-child{color:#a79e8b}.role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.role-card{position:relative;min-height:270px;padding:30px;border:1px solid rgba(215,174,82,.18);border-radius:18px;background:linear-gradient(180deg,rgba(12,27,18,.75),rgba(6,16,10,.56))}.role-card>span{display:grid;place-items:center;width:34px;height:34px;margin-bottom:30px;border:1px solid rgba(222,177,79,.38);border-radius:50%;color:#d8aa4d;font-size:9px}.role-card small{color:#c99a3e;font-size:8px;letter-spacing:.15em}.role-card h3{margin:10px 0 12px;color:#eadcc0;font:500 23px/1.15 var(--serif);text-transform:uppercase}.role-card p{color:#938b7b;line-height:1.7}

/* Reports = operational summaries, official reporting = separate heritage workflow */
.official-reporting{padding:94px 0;background:linear-gradient(180deg,#07130d,#0a1710);border-top:1px solid rgba(215,174,82,.09)}.official-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center}.official-copy h2{margin:14px 0 20px;color:#f0e3c7;font:500 clamp(42px,4.5vw,68px)/.96 var(--serif);text-transform:uppercase}.official-copy h2 em{font-style:normal;color:#dfb352}.official-copy>p:last-child{color:#9f9684;line-height:1.8}.official-routes{display:grid;grid-template-columns:1fr 1fr;gap:16px}.official-routes article{min-height:220px;padding:28px;border:1px solid rgba(215,174,82,.18);border-radius:18px;background:rgba(8,21,13,.66)}.official-routes span{color:#c99a3e;font-size:8px;letter-spacing:.15em}.official-routes strong{display:block;margin:24px 0 10px;color:#eadcc0;font:500 27px var(--serif);text-transform:uppercase}.official-routes p{color:#928a7a;line-height:1.7}

/* Sales close before FAQ */
.why-mdl{padding:112px 0;background:radial-gradient(circle at 14% 50%,rgba(198,149,49,.08),transparent 30%),#06110b}.why-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:100px;align-items:center}.why-copy h2{margin:14px 0 0;color:#f0e3c7;font:500 clamp(48px,5vw,78px)/.95 var(--serif);text-transform:uppercase}.why-copy h2 em{color:#dfb352;font-style:normal}.scatter-list{border-top:1px solid rgba(215,174,82,.18)}.scatter-list p{display:grid;grid-template-columns:48px 1fr;gap:16px;margin:0;padding:17px 0;border-bottom:1px solid rgba(215,174,82,.10);color:#a59c8a}.scatter-list p span{color:#b58b39;font-size:9px;letter-spacing:.12em}.scatter-list strong{display:block;margin-top:28px;color:#e2b65a;font:500 clamp(22px,2.2vw,32px) var(--serif);text-transform:uppercase}

/* Reports retain premium MDL cards, now as a consequence of the ecosystem rather than a stray add-on. */
.mdl-reports-band{padding-top:96px;padding-bottom:96px}.reports-band-types>div{border-radius:18px}.reports-band-copy h2{max-width:560px}

/* More cinematic section pacing, no grunge/noise overlay. */
.dark-section,.platform-section,.land-section,.event-section,.faq-section{background-image:none!important}
.section-head.centered{max-width:900px;margin-left:auto;margin-right:auto}

@media(max-width:1000px){.lidar-focus-grid,.official-grid,.why-grid{grid-template-columns:1fr;gap:48px}.lidar-visual{min-height:400px}.field-story-grid{grid-template-columns:1fr}.role-grid{grid-template-columns:1fr 1fr}.official-routes{max-width:760px}.why-grid{gap:46px}}
@media(max-width:700px){.lidar-focus,.field-story,.role-section,.official-reporting,.why-mdl{padding:72px 0}.lidar-visual{min-height:330px}.story-card{padding:28px;min-height:0}.role-grid,.official-routes{grid-template-columns:1fr}.role-card{min-height:0}.why-grid{gap:34px}.scatter-list p{grid-template-columns:38px 1fr}.workflow-head{text-align:left}.workflow-head>p:last-child{margin-left:0}.showcase-section{padding-top:78px}}

/* V16.1 — scale polish + Protected Area Safety. Preserve V16 structure and MDL language. */
/* Desktop feature ribbon: stronger visual hierarchy without changing its role. */
@media (min-width:1101px){
  .ribbon-item{min-height:154px!important;padding:28px 30px!important;gap:22px!important}
  .icon-medallion{flex:0 0 64px!important;width:64px!important;height:64px!important}
  .icon-medallion svg{width:34px!important;height:34px!important}
  .ribbon-item h2{font-size:16px!important;line-height:1.25!important;letter-spacing:.035em!important}
  .ribbon-item p{font-size:12px!important;line-height:1.6!important;max-width:270px!important;margin-top:8px!important}
}

/* Hero journey marker: a chapter cue, not micro-copy. */
.hero-microcopy{font-size:clamp(11px,.72vw,14px)!important;line-height:1.5!important;letter-spacing:.15em!important;color:rgba(239,215,157,.78)!important;margin-top:24px!important}

/* Connected workflow: keep the same cards, simply give icons and typography the scale they deserve. */
@media (min-width:1101px){
  .workflow-rail article{min-height:218px!important;padding:28px 20px 24px!important}
  .workflow-rail article>span{font-size:9px!important;left:16px!important;top:14px!important}
  .workflow-rail article i{width:66px!important;height:66px!important;margin:18px auto 20px!important;font-size:24px!important}
  .workflow-rail article strong{font-size:15px!important;line-height:1.25!important;letter-spacing:.045em!important}
  .workflow-rail article small{font-size:11px!important;line-height:1.55!important;margin-top:10px!important}
  .workflow-rail>b{font-size:18px!important;padding:0 4px!important}
}

/* Protected Area Safety sits with Permissions/Planning: it is a safety layer in the journey, not a detached headline feature. */
.protected-safety-wrap{margin-top:42px}
.protected-safety{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:24px;align-items:center;padding:26px 30px;border:1px solid rgba(218,174,79,.20);border-radius:18px;background:linear-gradient(110deg,rgba(14,31,20,.88),rgba(7,18,12,.70));box-shadow:0 22px 56px rgba(0,0,0,.16);overflow:hidden}
.protected-safety:after{content:"";position:absolute;right:-90px;top:-150px;width:330px;height:330px;border:1px solid rgba(216,171,72,.08);border-radius:50%;box-shadow:0 0 0 44px rgba(216,171,72,.018),0 0 0 88px rgba(216,171,72,.012);pointer-events:none}
.protected-safety-icon{position:relative;z-index:1;width:66px;height:66px;display:grid;place-items:center;border:1px solid rgba(226,182,88,.38);border-radius:50%;background:rgba(205,156,61,.055)}
.protected-safety-icon svg{width:34px;height:34px;fill:none;stroke:#e3b85d;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.protected-safety-copy{position:relative;z-index:1;max-width:820px}
.protected-safety-copy small{display:block;margin-bottom:7px;color:#d7a84c;font:600 9px/1.3 var(--sans);letter-spacing:.17em}
.protected-safety-copy h3{margin:0;color:#efe0c0;font:600 clamp(17px,1.2vw,22px)/1.3 var(--serif)}
.protected-safety-copy p{margin:8px 0 0;color:#aaa18f;font-size:11.5px;line-height:1.7}
.protected-safety-tags{position:relative;z-index:1;display:flex;flex-direction:column;gap:7px;align-items:flex-end}
.protected-safety-tags span{padding:7px 10px;border:1px solid rgba(220,175,78,.16);border-radius:999px;color:#b6a57e;background:rgba(6,16,10,.52);font:600 8px/1 var(--sans);letter-spacing:.11em;white-space:nowrap}

@media(max-width:1100px){
  .protected-safety{grid-template-columns:auto 1fr}.protected-safety-tags{grid-column:1/-1;flex-direction:row;align-items:center;padding-left:90px;flex-wrap:wrap}
}
@media(max-width:700px){
  .protected-safety-wrap{margin-top:28px}.protected-safety{grid-template-columns:1fr;padding:22px}.protected-safety-icon{width:58px;height:58px}.protected-safety-tags{grid-column:auto;padding-left:0;align-items:flex-start}.protected-safety-copy p{font-size:11px}
  .hero-microcopy{font-size:9px!important;letter-spacing:.11em!important}
}

/* V16.2 — approved conversion + workflow proportion polish. No structural redesign. */
/* Keep the larger V16.1 medallions/type, but restore the wider/lower premium MDL cards. */
@media (min-width:1101px){
  .workflow-rail{
    width:min(100%,1380px)!important;
    max-width:1380px!important;
    grid-template-columns:minmax(170px,1fr) 20px minmax(170px,1fr) 20px minmax(170px,1fr) 20px minmax(170px,1fr) 20px minmax(170px,1fr) 20px minmax(170px,1fr)!important;
    gap:8px!important;
  }
  .workflow-rail article{
    min-height:190px!important;
    padding:24px 16px 20px!important;
    border-radius:18px!important;
  }
  .workflow-rail article i{width:64px!important;height:64px!important;margin:14px auto 16px!important}
  .workflow-rail article strong{font-size:15px!important}
  .workflow-rail article small{font-size:10.5px!important;line-height:1.45!important;white-space:nowrap!important}
  .workflow-rail>b{font-size:17px!important;padding:0!important;text-align:center!important}
  .workflow-proof{max-width:1380px!important;margin-top:34px!important}
  .workflow-proof div{padding:28px 30px!important}
  .workflow-proof strong{font-size:13px!important;line-height:1.35!important;letter-spacing:.055em!important}
  .workflow-proof span{font-size:12px!important;line-height:1.65!important;margin-top:9px!important}
}
@media (min-width:1101px) and (max-width:1390px){
  .workflow-rail{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:12px!important}
  .workflow-rail>b{display:none!important}
  .workflow-rail article small{white-space:normal!important}
}
@media (max-width:1100px){
  .workflow-proof strong{font-size:12px!important}.workflow-proof span{font-size:11px!important}
}

/* Pre-launch store CTAs: visually production-ready, intentionally non-interactive until listings are live. */
.store-actions{display:flex!important;flex-wrap:wrap!important;gap:12px!important;align-items:center!important}
.store-cta{
  appearance:none;border:1px solid rgba(224,177,76,.38);border-radius:13px;
  min-width:188px;min-height:62px;padding:10px 17px;display:flex;align-items:center;gap:12px;
  background:linear-gradient(180deg,rgba(12,27,18,.94),rgba(5,14,9,.94));
  color:#efe0bd;text-align:left;box-shadow:0 12px 30px rgba(0,0,0,.20);cursor:not-allowed;
  opacity:.88;position:relative;overflow:hidden
}
.store-cta:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 0 58%,rgba(223,176,75,.055) 72%,transparent 86%);pointer-events:none}
.store-cta .store-symbol{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;border:1px solid rgba(225,180,83,.28);border-radius:50%;color:#e1b65a;font-size:15px;line-height:1}
.store-cta span:last-child{display:flex;flex-direction:column;gap:2px}
.store-cta small{color:#a99467;font:700 8px/1.2 var(--sans);letter-spacing:.14em}
.store-cta strong{color:#efe0bd;font:600 17px/1.1 var(--serif);letter-spacing:.015em}
.preview-store-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:34px auto 0}
.store-cta.compact{min-width:174px;min-height:56px;padding:8px 14px}
.store-cta.compact strong{font-size:15px}
.store-cta.compact .store-symbol{width:30px;height:30px;flex-basis:30px}
@media(max-width:640px){.store-actions,.preview-store-actions{display:grid!important;grid-template-columns:1fr!important;width:100%}.store-cta{width:100%;justify-content:center}.hero-actions.store-actions{max-width:420px;margin-left:auto!important;margin-right:auto!important}}

/* V16.3 — unified pre-launch store component + App Preview spacing + platform footer */
.store-cta .store-symbol svg{width:20px;height:20px;display:block;fill:currentColor;stroke:none}
.store-cta .play-symbol svg{fill:none;stroke:currentColor;stroke-width:1.55;stroke-linejoin:round}
.store-cta .play-symbol svg path:last-child{fill:currentColor;stroke:none;opacity:.82}

/* Give the product labels their own visual lane, then place conversion below it. */
.preview-store-block{position:relative;z-index:4;clear:both;margin:78px auto 0;text-align:center}
.preview-store-kicker{margin:0 0 14px;color:#a99363;font:700 9px/1.3 var(--sans);letter-spacing:.18em;text-transform:uppercase}
.preview-store-actions{margin:0 auto!important;display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap}

.footer-inner{display:grid!important;grid-template-columns:auto minmax(220px,1fr) auto auto!important;align-items:center!important;gap:clamp(22px,3vw,52px)!important}
.footer-inner>p{margin:0!important;text-align:center}
.footer-platforms{display:flex;align-items:center;justify-content:center;gap:14px;color:#8f856f;white-space:nowrap}
.footer-platform{display:inline-flex;align-items:center;gap:6px;font:500 10px/1 var(--sans);letter-spacing:.04em}
.footer-platform svg{width:18px;height:18px;fill:currentColor;stroke:none;opacity:.92}
.footer-platform:nth-child(2) svg{fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
.footer-platforms small{color:#756d5d;font:700 7px/1 var(--sans);letter-spacing:.13em}

@media(max-width:1050px){
  .footer-inner{grid-template-columns:auto 1fr auto!important}
  .footer-platforms{grid-column:2/3;grid-row:2;margin-top:-8px}
  .footer-links{grid-column:3/4;grid-row:1/3}
}
@media(max-width:760px){
  .preview-store-block{margin-top:64px}
  .footer-inner{display:flex!important;flex-direction:column!important;gap:18px!important;text-align:center}
  .footer-platforms{order:3;flex-wrap:wrap}.footer-links{order:4}.footer-inner>p{order:2}.footer-brand{order:1}
}
@media(max-width:640px){
  .preview-store-actions{display:grid!important;grid-template-columns:1fr!important;width:min(100%,420px)}
}
/* v16.3.1 — Android platform icon for Google Play CTA */
.store-cta .store-symbol.android-symbol svg{
  fill:none;
  stroke:currentColor;
  stroke-width:1.65;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.store-cta .store-symbol.android-symbol svg circle{
  fill:currentColor;
  stroke:none;
}

/* V16.4 legal/support production pass */
.legal-content strong{color:#d8c7a3}.legal-content code{color:#e1bd67;background:rgba(225,189,103,.07);padding:.1em .35em;border-radius:4px}
.legal-content h2{scroll-margin-top:110px}.legal-content ul{margin:14px 0 22px}.legal-content li+li{margin-top:8px}
.delete-action{margin:28px 0 34px}.delete-action .nav-cta{display:inline-flex;text-decoration:none;color:#07100b!important}
@media(max-width:640px){.legal-content{padding-top:48px}.legal-content h2{font-size:17px}.delete-action .nav-cta{width:100%;justify-content:center}}

/* V16.4.1 — legal/support navigation + Support category icons */
.simple-page .nav-shell{max-width:1880px}
.simple-page .main-nav{gap:clamp(13px,1.35vw,28px)}
.simple-page .main-nav a{font-size:9px;letter-spacing:.095em;white-space:nowrap}
.support-card{display:flex;align-items:flex-start;gap:17px}
.support-icon{flex:0 0 46px;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;color:#dfb552;background:radial-gradient(circle at 35% 30%,rgba(224,177,76,.14),rgba(224,177,76,.035) 68%);border:1px solid rgba(224,177,76,.28);box-shadow:inset 0 0 0 4px rgba(224,177,76,.025)}
.support-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.support-card-copy{min-width:0;flex:1}
.support-card-copy p{margin-top:12px}
@media(max-width:1220px) and (min-width:901px){.simple-page .main-nav{gap:12px}.simple-page .main-nav a{font-size:8px;letter-spacing:.06em}.simple-page .nav-cta{padding-inline:15px!important}}
@media(max-width:900px){.simple-page .main-nav a{font-size:10px;letter-spacing:.08em}.support-card{gap:14px}.support-icon{width:42px;height:42px;flex-basis:42px}.support-icon svg{width:21px;height:21px}}

/* V16.4.2 — legal/support parity with the main MDL design system. */
.simple-page .support-card .support-icon.icon-medallion{
  flex:0 0 58px!important;width:58px!important;height:58px!important;
  border:1px solid rgba(227,185,91,.28)!important;border-radius:50%!important;
  display:grid!important;place-items:center!important;
  background:rgba(211,164,69,.06)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.05),0 8px 18px rgba(0,0,0,.12)!important;
  color:#e5c272!important;
}
.simple-page .support-card .support-icon.icon-medallion svg{
  width:28px!important;height:28px!important;fill:none!important;stroke:#e5c272!important;
  stroke-width:1.65!important;stroke-linecap:round!important;stroke-linejoin:round!important;
}
@media(max-width:700px){
  .simple-page .support-card .support-icon.icon-medallion{flex-basis:52px!important;width:52px!important;height:52px!important}
  .simple-page .support-card .support-icon.icon-medallion svg{width:26px!important;height:26px!important}
}
.footer-platform:nth-child(2) svg{fill:currentColor!important;stroke:none!important}


/* V16.4.3 — final visual polish: workflow icons, Historical Maps meta containment, hero journey scale. */
.workflow-rail article .workflow-icon{display:grid!important;place-items:center!important}
.workflow-rail article .workflow-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
.workflow-rail article .workflow-icon svg circle,.workflow-rail article .workflow-icon svg ellipse{fill:none}
.product-map .map-panel{padding-bottom:18px!important}
.product-map .map-panel .map-source{position:static!important;display:block!important;margin-top:12px!important;padding-top:9px!important;border-top:1px solid rgba(237,202,115,.12)!important;max-width:none!important;color:#9c855a!important;font-size:7px!important;line-height:1.4!important;letter-spacing:.085em!important;white-space:normal!important}
.hero-microcopy{font-size:clamp(8px,.54vw,10px)!important;line-height:1.45!important;letter-spacing:.13em!important;margin-top:20px!important}
@media(max-width:700px){.hero-microcopy{font-size:8px!important;letter-spacing:.09em!important;line-height:1.55!important}.workflow-rail article .workflow-icon svg{width:25px;height:25px}}

/* ──────────────────────────────────────────────────────────────
   V16.4.10 — MOBILE HERO / CONVERSION POLISH
   Mobile-only. Keeps the approved hero image and desktop layout.
   The hero remains one continuous premium visual, restores both
   store CTAs, and delays the floating launch-list CTA until the
   visitor has moved past the hero.
   ────────────────────────────────────────────────────────────── */
@media (max-width:700px){
  .hero{
    height:690px!important;
    min-height:690px!important;
    max-height:690px!important;
    display:block!important;
    overflow:hidden!important;
    background:#06100b!important;
  }

  .hero-bleed{display:none!important}
  .hero-media{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    opacity:1!important;
    overflow:hidden!important;
  }
  .hero-media img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:47% center!important;
    filter:saturate(.90) contrast(1.025) brightness(.88)!important;
  }
  .hero-media:before,
  .hero-media:after{
    display:none!important;
    content:none!important;
  }

  /* A single smooth readability gradient — no hard black split. */
  .hero-shade{
    position:absolute!important;
    inset:0!important;
    height:100%!important;
    background:
      linear-gradient(180deg,
        rgba(3,10,7,.03) 0%,
        rgba(3,10,7,.02) 25%,
        rgba(3,10,7,.10) 40%,
        rgba(3,10,7,.48) 58%,
        rgba(3,10,7,.82) 73%,
        rgba(6,16,11,.96) 91%,
        #06100b 100%)!important;
  }
  .hero:after{
    height:115px!important;
    background:linear-gradient(180deg,transparent,#06100b 94%)!important;
  }

  .hero-layout{
    position:relative!important;
    z-index:3!important;
    display:flex!important;
    align-items:flex-end!important;
    justify-content:center!important;
    width:min(100% - 28px,520px)!important;
    height:100%!important;
    padding:0 0 20px!important;
    margin:0 auto!important;
  }
  .hero-copy{
    width:100%!important;
    max-width:430px!important;
    margin:0 auto!important;
    padding:0 0 18px!important;
    text-align:center!important;
    transform:none!important;
  }
  .hero-device-scene{display:none!important}
  .hero-runes{display:none!important}

  .hero .eyebrow{
    justify-content:center!important;
    margin:0 0 12px!important;
    font-size:8.5px!important;
    line-height:1.25!important;
    letter-spacing:.15em!important;
  }
  .hero h1{
    max-width:340px!important;
    margin:0 auto!important;
    font-size:39px!important;
    line-height:.98!important;
    letter-spacing:-.035em!important;
  }
  .hero-lead{
    max-width:355px!important;
    margin:16px auto 0!important;
    font-size:12.5px!important;
    line-height:1.55!important;
    color:#c8bea9!important;
  }

  /* Conversion priority on mobile: both platform CTAs stay in the hero. */
  .hero-actions.store-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:9px!important;
    width:100%!important;
    max-width:365px!important;
    margin:20px auto 0!important;
  }
  .hero-actions .store-cta{
    width:100%!important;
    min-width:0!important;
    min-height:50px!important;
    padding:7px 9px!important;
    gap:8px!important;
    justify-content:center!important;
    border-radius:11px!important;
    background:linear-gradient(180deg,rgba(16,31,21,.96),rgba(7,17,12,.96))!important;
    border-color:rgba(224,178,82,.34)!important;
    box-shadow:0 10px 24px rgba(0,0,0,.25)!important;
  }
  .hero-actions .store-cta .store-symbol{
    width:27px!important;
    height:27px!important;
    flex:0 0 27px!important;
  }
  .hero-actions .store-cta .store-symbol svg{width:16px!important;height:16px!important}
  .hero-actions .store-cta small{font-size:6.5px!important;letter-spacing:.10em!important}
  .hero-actions .store-cta strong{font-size:12.5px!important;line-height:1.05!important}

  /* These proof points repeat later; keep the first screen clean and sales-led. */
  .hero-trust,
  .hero-microcopy{display:none!important}

  .feature-ribbon{margin-top:0!important}
  .ribbon-shell{border-top-left-radius:0!important;border-top-right-radius:0!important}

  /* No floating CTA over the hero. JS reveals it after the hero leaves view. */
  .mobile-launch-cta{
    display:flex!important;
    left:16px!important;
    right:16px!important;
    bottom:max(12px,calc(env(safe-area-inset-bottom) + 8px))!important;
    height:48px!important;
    border-radius:12px!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translateY(14px)!important;
    transition:opacity .22s ease,transform .22s ease,visibility .22s ease!important;
    box-shadow:0 14px 32px rgba(0,0,0,.38)!important;
  }
  .mobile-launch-cta.is-shown{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translateY(0)!important;
  }
  footer{padding-bottom:72px!important}
}

@media (max-width:420px){
  .hero{height:675px!important;min-height:675px!important;max-height:675px!important}
  .hero-media img{object-position:47% center!important}
  .hero-layout{width:calc(100% - 24px)!important;padding-bottom:16px!important}
  .hero h1{font-size:37px!important;max-width:318px!important}
  .hero-lead{max-width:332px!important;font-size:12px!important}
  .hero-actions.store-actions{max-width:350px!important;gap:8px!important;margin-top:18px!important}
  .hero-actions .store-cta{min-height:48px!important;padding-inline:7px!important}
  .hero-actions .store-cta strong{font-size:12px!important}
}

/* ============================================================
   V16.4.11 — MOBILE HERO HEADLINE EMPHASIS
   Keep the approved V16.4.10 mobile composition intact.
   The core promise must be the first visual message on mobile.
   ============================================================ */
@media (max-width:640px){
  .hero h1{
    max-width:370px!important;
    font-size:52px!important;
    line-height:.91!important;
    letter-spacing:-.04em!important;
    text-shadow:0 5px 24px rgba(0,0,0,.46)!important;
  }
}
@media (max-width:420px){
  .hero h1{
    max-width:360px!important;
    font-size:50px!important;
    line-height:.91!important;
  }
}
@media (max-width:360px){
  .hero h1{
    max-width:330px!important;
    font-size:46px!important;
  }
}