:root{color-scheme:light;--paper:#f4f5ef;--ink:#18251f;--muted:#5f6961;--line:#d7ddd2;--green:#cded90;--forest:#203d30}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
button,input{font:inherit}
a{color:inherit}
button,a{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--forest);outline-offset:6px}
.page-shell{max-width:1600px;min-height:100svh;margin:0 auto;padding:0 6.1%;display:flex;flex-direction:column}
.header{height:113px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px;flex-shrink:0}
.brand{display:inline-flex;align-items:center;gap:12px;font-size:25px;font-weight:700;letter-spacing:-1.2px;text-decoration:none}
.brand-domain{font-weight:400;color:var(--muted)}
.brand-icon{position:relative;display:grid;place-items:center;width:34px;height:34px;padding-bottom:3px;background:var(--ink);color:var(--paper);font-size:25px;letter-spacing:-2px;border-radius:8px;font-weight:700}
.brand-icon span{position:absolute;top:-4px;right:-5px;font-size:17px;line-height:15px;color:var(--ink);background:var(--paper);padding:0 2px}
.status,.eyebrow,.coordinate,.visual-bottom,.coming-soon,.card-number,.footer-url{font-family:"Courier New",monospace;font-weight:400}
.status{display:flex;align-items:center;gap:9px;font-size:11px;letter-spacing:1.1px}
.status-dot{width:7px;height:7px;background:#648740;border-radius:50%;box-shadow:0 0 0 4px #e5eadb}
.hero{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;column-gap:5.5%;row-gap:65px;padding:67px 0 55px;flex:1}
.eyebrow{font-size:12px;letter-spacing:1.4px;display:flex;gap:12px;align-items:center;margin:0 0 25px}
.eyebrow>span{font-family:Arial,sans-serif;font-size:25px;line-height:16px}
h1{font-size:clamp(52px,5.7vw,86px);letter-spacing:-.068em;line-height:1.025;font-weight:500;margin:0}
.last-line{display:flex;align-items:center}
.period{color:#6c8e4f}
.spark{width:53px;height:53px;margin:6px 0 0 35px;stroke:var(--ink);stroke-width:5;transform:rotate(12deg)}
.description{font-size:16px;line-height:1.7;color:var(--muted);margin:24px 0 9px;letter-spacing:-.12px}
.launch-note{font-size:12px;color:var(--muted);margin:0 0 15px;line-height:1.6}
.free-promise{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--forest);margin:0 0 24px}
.copy-button{display:inline-flex;align-items:center;justify-content:center;gap:27px;min-height:54px;padding:0 21px;border:1px solid #bed789;border-radius:5px;background:var(--green);color:var(--ink);font-size:14px;font-weight:600;cursor:pointer;transition:background .18s,transform .18s}
.copy-button:hover{background:#bfdf81;transform:translateY(-2px)}
.copy-button:active{transform:translateY(0)}
.action-note{font-size:11px;color:var(--muted);min-height:17px;margin:11px 0 0;line-height:1.5}
.action-note span{margin:0 5px}
.manual-copy{margin-top:12px;font-size:12px;max-width:300px}
.manual-copy label{display:block;margin-bottom:8px}
.manual-copy input{padding:9px;width:100%;border:1px solid var(--line);background:white;border-radius:4px;color:var(--ink)}
.visual{position:relative;height:515px;isolation:isolate;display:flex;align-items:center;justify-content:center}
.visual:before{content:"";position:absolute;inset:25px 0 20px;background-image:radial-gradient(#c5cebe 1px,transparent 1px);background-size:17px 17px;mask-image:radial-gradient(ellipse at center,black 10%,transparent 70%);z-index:-3}
.coordinate{font-size:9px;letter-spacing:1.4px;color:var(--muted);position:absolute;top:0;left:10%;white-space:nowrap}
.orbit{position:absolute;border:1px solid #d5ddce;border-radius:50%;z-index:-2}
.orbit-one{width:100%;height:75%;transform:rotate(-30deg)}
.orbit-two{width:74%;height:102%;transform:rotate(-30deg)}
.cross{position:absolute;font-family:"Courier New",monospace;font-size:25px;font-weight:400;color:#90a084}
.cross-top{right:4%;top:12%}
.cross-bottom{left:0%;bottom:8%}
.profile-card{width:335px;height:385px;max-width:88%;border-radius:14px;padding:25px 27px;background:var(--forest);color:var(--green);box-shadow:0 28px 35px -22px #203d3050,inset 0 0 0 1px #ffffff14;transform:rotate(-6deg);display:flex;flex-direction:column;position:relative;overflow:hidden}
.profile-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 3px,#ffffff02 3px,#ffffff02 4px)}
.card-top{display:flex;align-items:center;justify-content:space-between;font-family:"Courier New",monospace;font-size:10px;letter-spacing:1.3px;border-bottom:1px solid #cdea932f;padding-bottom:16px}
.profile-heading{display:flex;gap:15px;align-items:center;margin:22px 0 16px}
.profile-avatar{height:57px;width:57px;background:var(--green);border-radius:50%;display:grid;place-items:center;flex-shrink:0}
.profile-avatar svg{width:34px;height:34px;stroke:var(--forest);stroke-width:6;transform:rotate(13deg)}
.profile-name{font-size:28px;letter-spacing:-1px;margin:0 0 4px;line-height:1}
.profile-role{font-size:12px;color:#cedbc1;margin:0}
.profile-tags{display:flex;gap:5px;margin-bottom:17px;flex-wrap:wrap}
.profile-tags span{font-size:9px;border:1px solid #d0eb9845;padding:5px 8px;border-radius:20px;color:#d9e9cb}
.profile-sections{display:grid;gap:0;flex:1;margin-bottom:16px}
.profile-sections>div{display:flex;align-items:center;gap:10px;font-size:12px;border-bottom:1px solid #cdea9324;padding:8px 0;color:#e6f1df}
.profile-sections>div>span:first-child{font-family:"Courier New",monospace;font-size:9px;color:#afbf9f}
.profile-sections>div>span:last-child{margin-left:auto;color:var(--green)}
.card-symbol{flex:1;display:flex;align-items:center;justify-content:center;position:relative;padding-bottom:13px}
.card-symbol>span{font-size:178px;font-weight:700;line-height:1;letter-spacing:-16px;padding-right:10px}
.card-star{position:absolute;top:23px;right:15px;width:44px;height:44px;stroke:var(--green);stroke-width:6}
.card-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:0;gap:10px}
.card-bottom p{font-size:11px;line-height:1.35;letter-spacing:-.3px;margin:0}
.card-bottom p span{color:#dce8cc}
.card-number{font-size:10px;white-space:nowrap;opacity:.75;padding-bottom:3px}
.coming-soon{position:absolute;right:-3%;bottom:48px;display:flex;align-items:center;gap:19px;padding:14px 16px;background:var(--green);font-size:13px;letter-spacing:1.8px;border:1px solid #b7cf8d;box-shadow:0 8px 20px #18251f0c;transform:rotate(7deg);white-space:nowrap}
.small-star{font-family:Arial,sans-serif;font-size:23px;line-height:1}
.visual-bottom{position:absolute;bottom:0;left:14%;right:0;display:flex;align-items:center;gap:13px;font-size:9px;letter-spacing:1px;color:var(--muted)}
.mini-line{height:1px;width:36px;background:#9dac92}
.features{grid-column:1/-1;border-top:1px solid var(--line);padding-top:27px}
.features-label{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:31px}
.features-label h2{font-size:12px;font-weight:400;margin:0;color:var(--muted)}
.features-label>span{font-family:"Courier New",monospace;font-size:9px;letter-spacing:1px;color:var(--muted)}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6%}
.feature-number{display:block;font-family:"Courier New",monospace;font-size:11px;color:#61734e;margin-bottom:15px}
.feature-grid h3{font-size:18px;letter-spacing:-.6px;margin:0 0 11px;font-weight:500}
.feature-grid p{font-size:13px;line-height:1.65;color:var(--muted);margin:0;max-width:300px}
.example-link{display:inline-flex;gap:12px;font-family:"Courier New",monospace;font-size:11px;margin-top:10px;color:var(--forest)}
.dimensions{grid-column:1/-1;border-top:1px solid var(--line);padding-top:48px}
.dimensions-heading{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:end;margin-bottom:35px}
.dimensions-heading .eyebrow{font-size:10px;letter-spacing:1.2px;margin-bottom:19px}
.dimensions h2{font-size:clamp(31px,3.5vw,47px);font-weight:500;letter-spacing:-1.8px;line-height:1.12;margin:0}
.dimensions-heading>p{font-size:14px;line-height:1.75;color:var(--muted);max-width:390px;margin:0 0 3px}
.dimension-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:8%}
.dimension-grid article{display:flex;align-items:flex-start;gap:18px;border-top:1px solid var(--line);padding:27px 0 29px}
.dimension-number{font-family:"Courier New",monospace;font-size:11px;color:#61734e;line-height:1.5;padding-top:3px;flex-shrink:0}
.dimension-grid h3{font-size:19px;line-height:1.35;font-weight:500;letter-spacing:-.5px;margin:0 0 10px}
.dimension-grid p{font-size:13px;line-height:1.75;color:var(--muted);margin:0;max-width:450px}
.dimensions-note{font-size:12px;color:var(--muted);line-height:1.65;margin:12px 0 0;padding-top:23px;border-top:1px solid var(--line)}
.footer{min-height:82px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:11px;flex-shrink:0}
.footer-dot{color:#668743;font-size:20px;line-height:0}
.footer-url{font-size:10px;letter-spacing:1.1px;color:var(--ink)}
.footer-url>span{font-size:16px;margin-left:17px}
@media(min-width:1500px){.page-shell{padding-left:95px;padding-right:95px}.hero{column-gap:8%}.visual{height:540px}.profile-card{width:375px;height:420px}.profile-heading{margin-top:29px;margin-bottom:22px}.profile-name{font-size:32px}.coming-soon{right:1%;bottom:46px}}
@media(max-width:1050px){.page-shell{padding:0 5%}.hero{column-gap:3%;padding:62px 0}.visual{height:465px}.profile-card{width:292px;height:355px;padding:22px}.profile-heading{gap:11px;margin-top:18px;margin-bottom:14px}.profile-avatar{width:49px;height:49px}.profile-name{font-size:25px}.coming-soon{font-size:11px;gap:13px;right:-3%;bottom:40px}.coordinate{font-size:8px;left:5%}.description{font-size:15px}.desktop-break{display:none}.visual-bottom{left:7%;font-size:8px}}
@media(max-width:760px){.page-shell{padding:0 7%}.header{height:90px}.brand{font-size:23px}.status{font-size:9px;letter-spacing:.7px}.hero{grid-template-columns:1fr;gap:48px;padding:50px 0 43px}.eyebrow{margin-bottom:24px}h1{font-size:clamp(51px,9.8vw,72px);letter-spacing:-.065em}.description{font-size:15px;margin:23px 0 8px}.visual{height:447px;width:100%;max-width:430px;margin:0 auto}.profile-card{width:310px;height:355px}.coming-soon{bottom:32px;right:2%}.coordinate{left:4%}.visual-bottom{left:3%;font-size:8px;gap:7px;letter-spacing:.6px}.mini-line{width:22px}.orbit-two{height:94%}.features{padding-top:22px}.features-label{margin-bottom:28px}.features-label>span{font-size:8px;letter-spacing:.3px}.feature-grid{grid-template-columns:1fr;gap:28px}.feature-grid article{padding-left:38px;position:relative}.feature-number{position:absolute;left:0;top:3px}.feature-grid h3{font-size:19px}.feature-grid p{max-width:440px}.footer{flex-wrap:wrap;justify-content:space-between;column-gap:16px;row-gap:14px;min-height:96px;padding:22px 0;font-size:10px}.footer-url{display:none}}
@media(max-width:390px){.page-shell{padding:0 6%}.brand{font-size:21px;gap:9px}.brand-icon{width:29px;height:29px;font-size:23px}.status{font-size:8px;letter-spacing:.3px;gap:7px}.header{gap:10px}h1{font-size:49px}.hero{padding-top:44px}.visual{height:427px}.profile-card{width:266px;height:340px;padding:19px}.profile-name{font-size:24px}.profile-heading{gap:10px}.profile-tags span{font-size:8px;padding:5px 7px}.coming-soon{right:-1%;bottom:27px}.visual-bottom{font-size:7px}.features-label>span{max-width:135px;text-align:right;line-height:1.5}.footer{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
/* Keep decorative orbits inside the page and preserve the example profile URL. */
.page-shell{overflow:clip}
@media(max-width:760px){.visual{height:480px}.profile-card{transform:translateY(-20px) rotate(-6deg)}.coming-soon{bottom:30px}}
@media(max-width:390px){.visual{height:462px}.coming-soon{bottom:30px}}
@media(max-width:760px){.dimensions{padding-top:32px}.dimensions-heading{grid-template-columns:1fr;gap:22px;margin-bottom:28px}.dimensions h2{font-size:34px;letter-spacing:-1.4px}.dimensions-heading>p{font-size:14px}.dimension-grid{grid-template-columns:1fr}.dimension-grid article{gap:15px;padding:24px 0}.dimension-grid h3{font-size:19px}.dimensions-note{margin-top:0}.eyebrow{font-size:10px;letter-spacing:1px}.footer>span:nth-child(2){max-width:195px;text-align:right;line-height:1.6}}
.waitlist-form{max-width:490px;margin-top:2px}
.email-label{display:block;font-size:14px;font-weight:600;margin-bottom:12px;letter-spacing:-.2px}
.signup-row{display:flex;gap:8px;align-items:stretch}
.signup-row>input{min-width:0;flex:1;width:100%;border:1px solid #b8c4b3;background:#fffef9;padding:14px;font:inherit;font-size:14px;color:var(--ink);border-radius:5px}
.signup-row>input::placeholder{color:#687065}
.signup-row .copy-button{flex-shrink:0;min-height:52px;gap:17px;padding:0 16px}
.signup-row .copy-button:disabled{cursor:wait;opacity:.7;transform:none}
.consent-label{display:flex;align-items:flex-start;gap:8px;margin:15px 0 0;font-size:12px;line-height:1.5;color:var(--ink);cursor:pointer}
.consent-label input{width:15px;height:15px;accent-color:var(--forest);margin:1px 0 0;flex-shrink:0}
.waitlist-status{font-size:13px;line-height:1.6;color:var(--forest);margin:10px 0 0}
.waitlist-status:empty{display:none}
.waitlist-status.is-error{color:#9a2e20}
.form-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:430px){.signup-row{flex-direction:column}.signup-row .copy-button{justify-content:space-between}.waitlist-form{max-width:100%}}