:root{--black:#000;--offblack:#111;--white:#fff;--offwhite:#F7F5F0;--gray:#777;--line:#d8d6d0;--radius:24px;--serif:'Cormorant Garamond',serif;--sans:'Manrope',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--sans);background:var(--offwhite);color:var(--offblack)}a{color:inherit;text-decoration:none}button,input{font:inherit}.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:14px 4vw;background:rgba(17,17,17,.96);color:#fff;border-bottom:1px solid #2a2a2a;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:800;letter-spacing:.14em}.brand img{width:42px;height:42px;object-fit:contain}.nav{display:flex;align-items:center;gap:24px;font-size:13px}.nav a,.nav-link-button{opacity:.88}.nav a:hover,.nav-link-button:hover{opacity:1}.nav-link-button{background:none;border:0;color:#fff;cursor:pointer}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:13px 20px;border:1px solid transparent;cursor:pointer;font-weight:700}.btn-small{padding:9px 15px}.btn-light{background:var(--offwhite);color:var(--black)}.btn-dark{background:var(--offblack);color:#fff}.btn-ghost{background:transparent;color:#fff;border-color:#777}.btn.full{width:100%}.hero{min-height:680px;background:radial-gradient(circle at 65% 30%,#2a2a2a 0,#111 35%,#000 75%);color:#fff;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding:70px 6vw;overflow:hidden}.eyebrow{font-size:11px;letter-spacing:.28em;font-weight:800;margin-bottom:18px}.eyebrow.dark{color:#444}.hero h1,.section h2{font-family:var(--serif);font-weight:600;line-height:.95;margin:0}.hero h1{font-size:clamp(58px,7vw,108px)}.hero h1 span{font-style:italic;font-weight:500}.hero-lead{max-width:650px;font-size:18px;line-height:1.6;color:#d5d5d5}.hero-actions{display:flex;gap:12px;margin:28px 0}.micro-features{display:flex;gap:20px;flex-wrap:wrap;color:#aaa;font-size:12px}.hero-art{position:relative;min-height:520px}.card-visual{position:absolute;right:4%;top:14%;width:min(430px,80%);aspect-ratio:1.58;background:linear-gradient(145deg,#0d0d0d,#262626);border:1px solid #555;border-radius:24px;transform:rotate(7deg);box-shadow:0 30px 80px rgba(0,0,0,.45);display:grid;place-items:center}.card-visual img{width:110px;filter:brightness(4)}.nfc{position:absolute;right:26px;bottom:22px;transform:rotate(90deg);font-size:22px}.phone-visual{position:absolute;left:5%;bottom:-25px;width:250px;height:485px;border:9px solid #1b1b1b;border-radius:45px;background:linear-gradient(180deg,#101010,#000);box-shadow:0 35px 70px rgba(0,0,0,.5);padding:65px 22px 20px;text-align:center}.phone-top{position:absolute;width:90px;height:22px;border-radius:20px;background:#000;top:11px;left:50%;transform:translateX(-50%)}.profile-logo{width:72px;filter:brightness(4)}.hello{font-family:var(--serif);font-size:24px;line-height:1.05}.profile-name{font-weight:800}.profile-role{font-size:10px;color:#aaa;margin:8px 0 18px}.social-row{display:flex;justify-content:center;gap:10px}.social-row b{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#fff;color:#000}.profile-actions{display:flex;gap:6px;margin-top:18px}.profile-actions span{flex:1;background:#fff;color:#000;border-radius:999px;padding:8px;font-size:10px;font-weight:800}.section{padding:90px 6vw}.section-heading{max-width:860px;margin-bottom:42px}.section-heading h2{font-size:clamp(46px,5vw,72px)}.section-heading p{color:#666;font-size:16px}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.product-card{background:#fff;border:1px solid #dedbd4;border-radius:var(--radius);padding:30px;position:relative}.product-card h3{font-family:var(--serif);font-size:38px;margin:20px 0 8px}.product-card p{color:#666;max-width:520px}.pill{position:absolute;right:24px;top:24px;background:#000;color:#fff;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:800;letter-spacing:.08em}.pill.outline{background:#fff;color:#000;border:1px solid #000}.mini-card-visual{height:300px;background:#111;border-radius:18px;display:grid;place-items:center;transform:perspective(900px) rotateY(-9deg) rotateX(3deg)}.mini-card-visual img{width:100px;filter:brightness(4)}.ring-visual{height:300px;background:radial-gradient(circle,#333,#0a0a0a);border-radius:18px;display:grid;place-items:center}.ring-visual:before{content:'';position:absolute;width:150px;height:150px;border:38px solid #151515;border-radius:50%;box-shadow:inset 0 0 0 1px #555,0 20px 50px #000}.ring-visual img{width:55px;filter:brightness(4);z-index:2}.dark-section{background:#0b0b0b;color:#fff}.section-heading.light p{color:#aaa}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.step{border:1px solid #2c2c2c;border-radius:20px;padding:26px;background:#111}.step span{font-size:11px;color:#aaa}.step h3{font-family:var(--serif);font-size:36px;margin:30px 0 8px}.step p{color:#aaa;line-height:1.6}.profile-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.profile-mockup{display:grid;place-items:center}.profile-shell{width:min(360px,100%);background:#090909;color:#fff;border-radius:36px;padding:42px 26px;text-align:center;box-shadow:0 30px 70px rgba(0,0,0,.2)}.profile-main-logo{width:86px;filter:brightness(4)}.profile-shell h3{font-family:var(--serif);font-size:32px;line-height:1;margin:18px 0}.profile-shell small{display:block;color:#aaa;margin:8px 0 22px}.links{display:grid;gap:8px}.links span{background:#fff;color:#000;border-radius:12px;padding:12px;text-align:left;font-weight:700}.powered{font-size:10px;color:#777;margin-top:24px}.profile-copy h2{font-size:62px}.feature-list{list-style:none;padding:0;margin:28px 0}.feature-list li{display:grid;grid-template-columns:220px 1fr;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}.feature-list span{color:#666}.pricing{background:#fff}.price-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.price-card{border:1px solid #dedbd4;border-radius:20px;padding:24px;background:var(--offwhite);position:relative}.price-card h3{font-family:var(--serif);font-size:32px;margin:0 0 6px}.price{font-size:38px;font-weight:800;margin:10px 0}.price-card>p{color:#666;font-size:13px;min-height:38px}.price-card ul{padding-left:18px;min-height:220px}.price-card li{margin:9px 0;font-size:12px}.popular,.signature{background:#0d0d0d;color:#fff;border-color:#0d0d0d;transform:translateY(-12px)}.popular-tag,.signature-tag{position:absolute;right:16px;top:16px;border-radius:999px;background:#fff;color:#000;padding:6px 8px;font-size:9px;font-weight:800}.prototype-strip{margin-top:34px;background:#111;color:#fff;border-radius:20px;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.prototype-strip div{display:flex;flex-direction:column}.prototype-strip span{color:#aaa;margin-top:4px;font-size:13px}.referral{background:#0c0c0c;color:#fff;display:grid;grid-template-columns:1.3fr .7fr;gap:40px;align-items:center}.referral h2{font-size:68px}.referral p{color:#b5b5b5;max-width:760px;line-height:1.7}.flow{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:30px}.flow span{border:1px solid #444;border-radius:999px;padding:10px 14px}.flow b{color:#777}.earn-card{background:#fff;color:#000;border-radius:24px;padding:34px;display:flex;flex-direction:column;align-items:flex-start}.earn-card strong{font-family:var(--serif);font-size:72px;line-height:1}.earn-card span{color:#777;margin:4px 0 24px}.hub-preview{background:var(--offwhite)}.dashboard-mockup{background:#fff;border:1px solid #dedbd4;border-radius:24px;display:grid;grid-template-columns:220px 1fr;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.08)}.dashboard-mockup aside{background:#0b0b0b;color:#fff;padding:24px;display:flex;flex-direction:column;gap:15px}.dashboard-mockup aside img{width:60px;filter:brightness(4)}.dashboard-mockup aside span{font-size:12px;color:#bbb}.dash-main{padding:28px}.dash-main h3{font-family:var(--serif);font-size:36px;margin-top:0}.dash-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.dash-cards div,.dash-panels>div{border:1px solid #dedbd4;border-radius:16px;padding:18px}.dash-cards small{display:block;color:#777}.dash-cards b{font-size:28px}.dash-panels{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.dash-panels button{border:0;background:#111;color:#fff;border-radius:999px;padding:9px 12px}.faq details{max-width:900px;border-top:1px solid #ccc;padding:18px 0}.faq summary{font-weight:800;cursor:pointer}.faq p{color:#666;line-height:1.7}footer{background:#000;color:#fff;padding:35px 6vw;display:grid;grid-template-columns:1fr 2fr 1fr;gap:30px;align-items:center}.footer-brand{display:flex;align-items:center;gap:10px}.footer-brand img{width:45px;filter:brightness(4)}.footer-brand div{display:flex;flex-direction:column}.footer-brand span,.footer-legal,.footer-links{font-size:11px;color:#aaa}.footer-links{display:flex;justify-content:flex-end;gap:14px}.modal{width:min(520px,92vw);border:0;border-radius:24px;padding:34px;background:#fff;color:#111;box-shadow:0 40px 100px rgba(0,0,0,.45)}.modal::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(3px)}.modal .close{position:absolute;right:18px;top:16px;border:0;background:#eee;border-radius:50%;width:32px;height:32px;cursor:pointer}.modal-logo{width:70px;filter:brightness(0);margin-bottom:18px}.modal h2{font-family:var(--serif);font-size:48px;margin:0}.modal p{color:#666}.modal form{display:grid;gap:14px;margin:24px 0}.modal label{display:grid;gap:7px;font-size:12px;font-weight:800}.modal input{border:1px solid #ccc;border-radius:12px;padding:13px;background:#fafafa}.text-button{background:none;border:0;text-decoration:underline;cursor:pointer}.modal small{color:#888}.muted{font-weight:400;color:#888}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,30px);background:#111;color:#fff;padding:12px 18px;border-radius:999px;opacity:0;pointer-events:none;transition:.25s;z-index:100}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1100px){.nav{gap:13px}.price-grid{grid-template-columns:repeat(2,1fr)}.popular,.signature{transform:none}.steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.menu-toggle{display:block}.nav{position:absolute;left:0;right:0;top:70px;background:#111;padding:20px 5vw;display:none;flex-direction:column;align-items:flex-start}.nav.open{display:flex}.hero{grid-template-columns:1fr;padding-top:90px}.hero-art{min-height:520px}.product-grid,.profile-section,.referral{grid-template-columns:1fr}.price-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.dashboard-mockup{grid-template-columns:1fr}.dashboard-mockup aside{display:none}.dash-cards{grid-template-columns:repeat(2,1fr)}footer{grid-template-columns:1fr}.footer-links{justify-content:flex-start}.prototype-strip{align-items:flex-start;flex-direction:column}.feature-list li{grid-template-columns:1fr}.hero h1{font-size:58px}.profile-copy h2,.referral h2{font-size:50px}}

/* v0.2 storefront upgrades. Portrait NFC card, logo-only front, monochrome brand. */
.card-visual{width:min(300px,58%);aspect-ratio:.635;right:8%;top:0;transform:rotate(9deg);border-radius:22px;background:linear-gradient(145deg,#151515,#080808);box-shadow:0 30px 80px #000a;z-index:1}
.card-visual img{width:68px;max-width:33%;filter:brightness(4)}.card-visual .nfc{display:none}.phone-visual{left:8%;bottom:-40px;z-index:2}
.xx-experience-section{background:#eae8e2}.xx-experience-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.xx-feature-tile{border:1px solid #d7d4cc;background:#fff;min-height:450px;padding:35px;display:flex;flex-direction:column;align-items:flex-start;color:#111;transition:transform .2s}.xx-feature-tile:hover{transform:translateY(-5px)}.xx-feature-tile>span{letter-spacing:.19em;font-size:10px;font-weight:800}.xx-feature-tile h3{font:600 clamp(34px,4vw,55px)/1 var(--serif);margin:25px 0 8px;max-width:420px}.xx-feature-tile p{font-size:13px;line-height:1.8;color:#666;max-width:400px}.xx-feature-tile>strong{margin-top:15px;font-size:12px;border-bottom:1px solid currentColor;padding-bottom:5px}.xx-feature-black{background:#101010;color:#fff;border-color:#222}.xx-feature-black p{color:#bbb}.xx-example-link{margin-top:auto;padding:22px 20px;border:1px solid #666;align-self:stretch;display:grid;gap:8px;background:#191919}.xx-example-link small{font-size:9px;letter-spacing:.2em;color:#999}.xx-example-link b{font:600 29px var(--serif)}.xx-example-link em{font-size:10px;color:#999;font-style:normal}.xx-mini-editor{margin-top:auto;align-self:stretch;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding-top:30px}.xx-mini-editor i{font-style:normal;font-size:10px;font-weight:700;border:1px solid #d9d7d0;background:#f8f7f4;padding:15px 9px;text-align:center}.xx-activation-banner{margin-top:20px;padding:36px;background:#f7f5f0;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;border:1px solid #d7d4cc}.xx-activation-banner h3{font:600 39px/1.1 var(--serif);margin:7px 0}.xx-activation-banner p{font-size:12px;color:#666;line-height:1.8}.xx-activation-flow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center}.xx-activation-flow span{border:1px solid #111;border-radius:40px;font-size:11px;padding:11px 13px;white-space:nowrap}.xx-activation-flow b{font-size:14px}.xx-dash-link{display:inline-flex;padding:11px 15px;border-radius:30px;background:#111;color:#fff;font-size:11px;font-weight:800}.xx-sample-caption{font-size:11px;color:#666;margin:-17px 0 15px}
@media(max-width:820px){.xx-experience-grid,.xx-activation-banner{grid-template-columns:1fr}.xx-feature-tile{min-height:380px;padding:26px}.xx-activation-banner{padding:25px}.xx-activation-flow{justify-content:flex-start}.card-visual{width:min(270px,56%);right:4%;top:8%}.phone-visual{left:0}}
@media(max-width:480px){.hero-art{min-height:475px}.phone-visual{width:208px;height:445px;padding:60px 14px 15px}.card-visual{width:190px;right:0;top:45px}.xx-mini-editor{grid-template-columns:repeat(2,1fr)}.xx-example-link b{font-size:24px}}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.xx-feature-tile,.xx-link-card,.toast{transition:none!important}}