:root{color-scheme:dark;--bg:#102125;--panel:#172d30;--ink:#f0f3eb;--muted:#b5c4be;--accent:#d7edb9;--line:#ffffff24;--serif:Georgia,'Times New Roman',serif;--sans:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 var(--sans);-webkit-font-smoothing:antialiased}body::before{content:'';position:absolute;top:0;right:0;width:65%;height:900px;max-height:110vh;background:radial-gradient(ellipse at 65% 32%,#587f5b35,transparent 65%);pointer-events:none;z-index:-1}a{color:inherit;text-decoration:none}button,input{font:inherit}img{display:block;max-width:100%;height:auto}figure,fieldset{margin:0}fieldset{padding:0;border:0;min-width:0}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:450}h1{font-size:clamp(58px,5.7vw,88px);line-height:1.025;letter-spacing:-.057em;margin-bottom:30px}h2{font-size:clamp(38px,4vw,58px);line-height:1.13;letter-spacing:-.045em;margin-bottom:24px}h3{font-size:23px;line-height:1.25;letter-spacing:-.025em;margin-bottom:10px}em{font-family:var(--serif);font-weight:400;color:var(--accent);letter-spacing:-.04em}p{color:var(--muted);margin-bottom:20px}strong{color:var(--ink);font-weight:600}ul{padding-left:20px}li::marker{color:var(--accent)}:focus-visible{outline:3px solid var(--accent);outline-offset:6px}a:hover{color:var(--accent)}.wrap{width:calc(100% - 96px);max-width:1280px;margin-inline:auto}.section{padding-block:112px}.eyebrow{font-size:11px;font-weight:650;line-height:1.5;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:23px}.small,figcaption,.release-note{font-size:12px;line-height:1.7;color:var(--muted)}.intro{font-size:18px;line-height:1.75}.skip{position:fixed;top:0;left:16px;transform:translateY(-150%);z-index:99;background:var(--accent);color:var(--bg);padding:12px 20px;border-radius:0 0 10px 10px}.skip:focus{transform:translateY(0)}.site-header{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:104px;border-bottom:1px solid var(--line);position:relative}.brand{display:flex;gap:12px;align-items:center;font-size:19px;font-weight:550;letter-spacing:-.04em;flex-shrink:0}.site-header nav,.footer-top nav{display:flex;flex-wrap:wrap;gap:30px;font-size:13px;color:var(--muted)}.header-link{font-size:12px;border:1px solid var(--line);border-radius:999px;padding:8px 18px;white-space:nowrap}.header-link span{margin-left:18px}.hero{display:grid;grid-template-columns:.85fr 1.15fr;gap:30px;align-items:center;padding-block:82px 76px;min-height:690px}.hero-copy{position:relative;z-index:2}.hero .eyebrow{letter-spacing:.1em;font-size:10px;display:flex;align-items:center;gap:9px}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px #ccebac77;flex-shrink:0}.lead{max-width:410px;font-size:17px;line-height:1.75}.actions{display:flex;gap:23px;align-items:center;flex-wrap:wrap;margin:30px 0 18px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:15px 23px;border-radius:999px;font-size:13px;font-weight:600;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--accent);color:#1c302a}.primary:hover{background:#e7f7d1;color:#102125}.text-link{font-size:13px;border-bottom:1px solid #b4c0a877;padding-bottom:3px;display:inline-block}.hero-art{position:relative;width:calc(100% + 8px);padding:0 0 112px;margin-top:12px}.hero-open{width:95%;transform:rotate(-3deg)}.book-frame,.cover-frame{display:block;padding:7px;border-radius:27px;background:#090f11;box-shadow:0 30px 65px #0005,0 0 0 1px #97b3a63b;overflow:hidden}.book-frame img{width:100%;border-radius:20px}.cover-frame{border-radius:25px;padding:6px}.cover-frame img{border-radius:19px;width:100%}.device-tag{display:block;font-size:9px;letter-spacing:.17em;color:var(--muted);margin:0 14px 15px}.hero-cover{position:absolute;width:29%;right:-8px;bottom:32px;transform:rotate(5deg)}.hero-cover .device-tag{text-align:center;margin:15px 0 0;font-size:8px;white-space:normal}.hero-art figcaption{position:absolute;bottom:13px;left:14px;font-size:10px;max-width:63%}.promise-strip{border-block:1px solid var(--line);background:#ffffff03}.promise-strip .wrap{display:flex;justify-content:space-between;gap:24px;align-items:center;min-height:76px;color:var(--muted);font-size:12px}.promise-strip strong{font-family:var(--serif);font-size:25px;font-weight:400;color:var(--accent);margin-right:7px}.customize{display:grid;grid-template-columns:1fr 1fr;gap:120px;align-items:center}.customize-copy>.intro{max-width:440px}.steps{list-style:none;margin:33px 0 27px;padding:0}.steps li{display:flex;gap:24px;padding:20px 0;border-top:1px solid var(--line)}.step-number{flex-shrink:0;white-space:nowrap;font-family:var(--serif);font-size:22px;color:var(--accent)}.steps h3{font-size:18px;margin:0 0 7px}.steps p{font-size:14px;line-height:1.7;margin:0;max-width:380px}.inline-note{font-size:12px;color:var(--accent);max-width:420px}.resize-art{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:27px;padding:38px 20px;background:radial-gradient(ellipse at 50% 55%,#7c998744,transparent 73%),linear-gradient(135deg,#ffffff06,#ffffff01);border:1px solid var(--line);border-radius:200px 200px 30px 30px}.art-label{font-size:9px;color:var(--muted);letter-spacing:.16em;text-align:center}.resize-phone{width:67%;max-width:292px;transform:rotate(3deg)}.resize-art figcaption{font-size:11px;text-align:center}.section-heading{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:end;margin-bottom:50px}.section-heading h2{margin-bottom:0}.section-heading>p{font-size:16px;max-width:440px;margin-bottom:4px}.experience-band{background:#091b1e;border-block:1px solid var(--line)}.fold-demo{position:relative}.fold-demo legend{font-size:12px;color:var(--muted);margin-bottom:16px}.demo-radio{position:absolute;width:1px;height:1px;opacity:0;margin:0}.demo-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:30px}.demo-tabs label{cursor:pointer;padding:10px 21px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:13px;transition:background .2s,color .2s}.demo-tabs label:hover{color:var(--ink);background:#ffffff0a}#view-open:checked~.demo-tabs [for=view-open],#view-closed:checked~.demo-tabs [for=view-closed],#view-overview:checked~.demo-tabs [for=view-overview],#view-detail:checked~.demo-tabs [for=view-detail]{color:#172f29;background:var(--accent);border-color:var(--accent)}#view-open:focus-visible~.demo-tabs [for=view-open],#view-closed:focus-visible~.demo-tabs [for=view-closed],#view-overview:focus-visible~.demo-tabs [for=view-overview],#view-detail:focus-visible~.demo-tabs [for=view-detail]{outline:3px solid var(--accent);outline-offset:4px}.demo-panel{display:none;grid-template-columns:1.5fr 1fr;gap:70px;align-items:center;min-height:490px}.demo-display{width:100%}#view-open:checked~.demo-stage .demo-open,#view-closed:checked~.demo-stage .demo-closed,#view-overview:checked~.demo-stage .demo-overview,#view-detail:checked~.demo-stage .demo-detail{display:grid}.demo-copy h3{font-size:32px;line-height:1.2;margin:25px 0}.demo-copy p{font-size:14px}.view-number{font-size:10px;letter-spacing:.14em;color:var(--accent)}.compact-display{display:flex;align-items:center;justify-content:center;gap:35px;min-width:0}.compact-display .cover-frame{width:43%;max-width:285px}.cover-cue{font-family:var(--serif);font-size:32px;line-height:1.2;color:var(--muted);letter-spacing:-.04em}.demo-footnote{margin:30px 0 0;max-width:880px}.day-section{display:grid;grid-template-columns:1.1fr 1fr;gap:85px;align-items:center}.day-art{padding:30px;border:1px solid var(--line);background:radial-gradient(ellipse at 10% 100%,#93a58c2b,transparent 70%);border-radius:30px}.day-capture{overflow:hidden;border:1px solid var(--line);border-radius:20px;box-shadow:0 25px 45px #0002}.day-capture img{width:100%}.day-art figcaption{margin-top:22px;font-size:11px}.feature-list{margin:25px 0;padding-left:17px;font-size:14px;color:var(--muted)}.feature-list li{padding-left:9px;margin:10px 0}.widget-section{padding-top:15px}.widget-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.widget-grid article{min-width:0}.widget-capture{background:#243a3e;border:1px solid var(--line);border-radius:19px;overflow:hidden;aspect-ratio:2.25;display:flex;align-items:center}.widget-capture img{width:100%;height:100%;object-fit:contain;padding:10px}.widget-caption{padding:22px 1px}.widget-caption .eyebrow{font-size:9px;margin-bottom:10px;display:block}.widget-caption h3{font-size:20px}.widget-caption p{font-size:13px;line-height:1.75;margin:0}.widget-inventory{border-block:1px solid var(--line);margin-top:30px}.widget-inventory summary{font-size:15px;padding:23px 0}.widget-inventory>div{max-width:950px;padding-bottom:8px;font-size:14px}.personal-touch{display:grid;grid-template-columns:1fr 1fr;gap:115px;border-top:1px solid var(--line)}.personal-touch .intro{max-width:450px}.swatches{display:flex;gap:14px;flex-wrap:wrap;margin:30px 0 24px}.swatch{width:36px;height:36px;border-radius:50%;border:5px solid #102125;outline:1px solid #ffffff33}.sage{background:#ddf9c4}.ice{background:#bde9f6}.ivory{background:#f0f4ec}.lilac{background:#e2d2ff}.rose{background:#ffcce0}.amber{background:#ffe3ae}.touch-features article{border-top:1px solid var(--line);padding:23px 0 13px}.touch-features .eyebrow{margin-bottom:12px;font-size:9px}.touch-features p{font-size:14px;line-height:1.75}.pricing-section{background:#152b2d;border-block:1px solid var(--line)}.price-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px}.price-card{border:1px solid var(--line);border-radius:25px;padding:40px;position:relative;background:#0e202455}.price-card.pro{border-color:#d7edb979;background:linear-gradient(135deg,#d7edb90a,transparent)}.price{font-size:64px;letter-spacing:-.06em;color:var(--ink);line-height:1.15;margin:28px 0 23px}.price span{font-size:12px;letter-spacing:0;color:var(--muted);display:block;margin-top:13px}.price-card>p:not(.eyebrow):not(.price){font-size:14px}.price-card ul{list-style:none;padding:0;margin:27px 0 32px;font-size:13px;color:var(--muted)}.price-card li{padding:10px 0 10px 23px;position:relative;border-top:1px solid var(--line)}.price-card li::before{content:'✓';position:absolute;left:0;color:var(--accent)}.pro-label{display:inline-block;background:var(--accent);color:#203329;border-radius:999px;font-size:10px;font-weight:600;padding:6px 15px;position:absolute;right:26px;top:-15px}.availability{color:var(--accent);font-size:13px}.pricing-note{margin:25px 0 38px}.trust-row{border-top:1px solid var(--line);padding-top:28px;display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:40px}.trust-row p{font-size:12px;margin:0}.trust-row strong{display:block;margin-bottom:3px}.trust-row a{display:inline-block;text-decoration:underline;text-underline-offset:3px}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}details{border-bottom:1px solid var(--line)}summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;font-size:15px;padding:22px 0;line-height:1.5;color:var(--ink)}summary::-webkit-details-marker{display:none}summary span{color:var(--accent);font-size:23px;font-weight:300;transition:transform .2s;flex-shrink:0}details[open]>summary span{transform:rotate(45deg)}.questions details:first-child{border-top:1px solid var(--line)}.questions details p{font-size:14px;padding:0 30px 8px 0}.release-section{display:flex;align-items:center;justify-content:space-between;gap:50px;padding:65px 65px 60px;border:1px solid var(--line);border-radius:30px;background:radial-gradient(ellipse at 100% 30%,#9fb58526,transparent 65%);margin-bottom:90px}.release-section p{font-size:14px}.release-section .eyebrow{font-size:10px}.release-section .button{flex-shrink:0}footer{padding-bottom:36px}.footer-top,.footer-bottom{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}.footer-top{align-items:center;border-bottom:1px solid var(--line);padding-bottom:30px}.footer-top .brand{font-size:17px}.footer-bottom{padding-top:25px}.footer-bottom p{font-size:10px;margin:0}.footer-bottom a{text-decoration:underline;text-underline-offset:3px}.policy{max-width:860px;padding-block:65px}.policy h1{font-size:clamp(40px,5vw,65px)}.policy h2{font-size:27px;margin-top:40px}.policy p{font-size:15px}.policy a{text-decoration:underline;text-underline-offset:3px}.policy code{overflow-wrap:anywhere}
@media(min-width:1500px){.hero-art{width:calc(100% + 30px)}.hero{min-height:750px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.site-header nav{gap:20px}.header-link{display:none}.hero{gap:20px;min-height:600px;padding-block:65px}.hero h1{font-size:65px}.hero-art{padding-bottom:90px}.hero-cover{width:32%;right:-6px}.hero-art figcaption{font-size:9px}.customize{gap:65px}.section{padding-block:90px}.section-heading{gap:40px}.demo-panel{gap:40px;min-height:370px}.demo-copy h3{font-size:28px}.day-section{gap:45px}.widget-section{padding-top:0}.widget-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.personal-touch{gap:65px}.faq{gap:50px}.price-card{padding:32px}.release-section{padding:45px}.trust-row{gap:24px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.site-header{min-height:88px;gap:15px;flex-wrap:wrap;padding-block:19px}.brand{font-size:18px}.site-header nav{font-size:11px;gap:18px}.site-header nav a{padding-block:6px}.hero{grid-template-columns:1fr;padding-block:45px 35px;gap:30px;min-height:0}.hero h1{font-size:clamp(58px,11vw,78px)}.hero-copy{max-width:550px}.lead{max-width:490px;font-size:16px}.hero-art{width:95%;margin:8px auto 0;max-width:590px;padding-bottom:100px}.hero-open{width:90%;transform:rotate(-2deg)}.hero-cover{width:28%;right:0;bottom:20px}.hero-art figcaption{bottom:3px;left:0;max-width:66%;font-size:9px}.device-tag{font-size:8px}.hero-cover .device-tag{font-size:7px}.book-frame{padding:5px;border-radius:19px}.book-frame img{border-radius:14px}.cover-frame{padding:4px;border-radius:19px}.cover-frame img{border-radius:15px}.promise-strip .wrap{display:grid;grid-template-columns:1fr 1fr;gap:14px 15px;padding-block:22px;font-size:11px}.promise-strip strong{font-size:21px}.section{padding-block:66px}.customize{grid-template-columns:1fr;gap:30px}.customize-copy>.intro{max-width:none}.resize-art{max-width:430px;width:100%;margin:auto;padding:30px 20px}.resize-phone{max-width:250px}.section-heading{grid-template-columns:1fr;gap:22px;margin-bottom:32px}.section-heading>p{max-width:none;font-size:15px}.demo-tabs{gap:7px}.demo-tabs label{font-size:11px;padding:9px 14px}.demo-panel{grid-template-columns:1fr;gap:32px;min-height:0}.demo-copy{padding-inline:2px}.demo-copy h3{font-size:29px;margin:15px 0}.compact-display{gap:30px;max-width:540px;margin:auto;width:100%}.compact-display .cover-frame{max-width:230px;width:48%}.cover-cue{font-size:clamp(26px,6vw,36px)}.demo-footnote{font-size:11px}.day-section{grid-template-columns:1fr;gap:30px}.day-section>div{grid-row:1}.day-art{padding:23px;max-width:560px;width:100%;margin:auto}.widget-section{padding-top:5px}.widget-grid{gap:18px}.widget-caption h3{font-size:19px}.widget-caption p{font-size:12px}.widget-capture{border-radius:13px}.personal-touch{grid-template-columns:1fr;gap:25px}.price-cards{grid-template-columns:1fr;gap:35px}.price-card{padding:30px}.price{font-size:56px}.trust-row{grid-template-columns:1fr;gap:23px}.faq{grid-template-columns:1fr;gap:12px}.release-section{display:block;padding:35px 26px;margin-bottom:60px}.release-section .button{margin-top:10px}.release-section h2{font-size:42px}.footer-top nav{gap:20px;font-size:12px}.footer-bottom{gap:18px}.policy{padding-block:45px}.policy p{font-size:14px}}
@media(max-width:380px){.wrap{width:calc(100% - 32px)}.site-header nav{gap:16px;font-size:10px}.hero h1{font-size:53px}.hero .eyebrow{font-size:9px}.actions{gap:16px}.actions .text-link{font-size:12px}.button{padding:13px 19px;font-size:12px}.hero-art{padding-bottom:88px}.hero-art figcaption{font-size:8px}.hero-cover .device-tag{font-size:6px}.widget-grid{grid-template-columns:1fr;gap:8px}.widget-capture{aspect-ratio:1.8}.widget-caption p{font-size:14px}.resize-art{padding-inline:15px}.resize-phone{width:78%}.price-card{padding:25px}.pro-label{font-size:9px;right:18px}.demo-tabs label{padding:9px 10px;font-size:10px}.steps li{gap:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.button:hover{transform:none}}

/* Long labels and enlarged type remain readable within narrow viewports. */
h1,h2,h3,p,li,summary{overflow-wrap:anywhere}.hero-copy,.customize-copy,.demo-copy,.day-section>div,.section-heading>*,.price-card{min-width:0}

@media(max-width:600px){.widget-grid{grid-template-columns:1fr}.widget-capture{aspect-ratio:2.1}}
