*{box-sizing:border-box}:root{--ink:#173b3a;--paper:#fcf7ed;--accent:#d45c34;--soft:#ebe9dc;--line:#d4d5c9;--muted:#536360}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}img,video{display:block;max-width:100%}[hidden]{display:none!important}main,.wrap{max-width:1240px;margin:auto}.top{max-width:1440px;margin:auto;padding:25px 5%;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.brand{text-decoration:none;font-weight:850;font-size:23px;line-height:1;letter-spacing:-1px}.brand span{display:block;font:italic 17px Georgia;letter-spacing:.3px;color:var(--accent);margin-top:5px}.brand i{font-style:normal;color:var(--accent)}nav{display:flex;gap:25px;font-size:13px;font-weight:650}nav a{text-decoration:none}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center;padding:62px 36px 70px}.hero>*{min-width:0}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(46px,5.6vw,76px);line-height:1.02;letter-spacing:-3.8px;margin-bottom:30px;font-weight:800}h1 em,h2 em{font:italic 1em/1.06 Georgia,serif;color:var(--accent)}h2{font-size:clamp(34px,3.6vw,48px);line-height:1.12;letter-spacing:-2px}h3{font-size:24px;line-height:1.2}.eyebrow{font:750 11px/1.5 ui-monospace,SFMono-Regular,monospace;text-transform:uppercase;letter-spacing:1.4px;margin-bottom:24px}.lead{font-size:20px;line-height:1.65;max-width:620px}.button{display:inline-flex;gap:25px;align-items:center;justify-content:space-between;background:var(--accent);border:1px solid var(--accent);color:white;text-decoration:none;font-size:16px;font-weight:750;padding:18px 24px;border-radius:50px;max-width:100%}.button:hover{background:#af482a}.button.secondary{background:transparent;color:var(--ink);border-color:var(--ink)}.micro,.caption{font-size:12px;line-height:1.6;color:var(--muted);margin:14px 0}.facts{display:flex;gap:15px;flex-wrap:wrap;font-size:12px;font-weight:700;margin-top:24px}.facts span{padding-left:12px;border-left:2px solid var(--accent)}.scene{margin:0;position:relative}.scene img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 10%;border-radius:110px 110px 10px 10px}.scene figcaption{font-size:11px;line-height:1.5;color:var(--muted);margin-top:12px}.scene .frame-label{position:absolute;bottom:55px;left:-18px;background:var(--ink);color:white;font:700 13px/1.5 ui-monospace,monospace;padding:16px 24px;box-shadow:7px 7px 0 #ffc67d;transform:rotate(-3deg)}.ribbon{display:flex;justify-content:space-between;gap:20px;padding:21px 36px;background:var(--ink);color:#fff3d9;font:650 12px/1.5 ui-monospace,monospace;letter-spacing:.7px}.section{padding:70px 36px}.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px}.feature{display:grid;grid-template-columns:48px 1fr;gap:24px;padding:26px 0;border-top:1px solid var(--line)}.feature:last-child{border-bottom:1px solid var(--line)}.feature .n{font:italic 33px Georgia;color:var(--accent)}.feature h3{margin-bottom:12px}.feature p{font-size:16px;color:var(--muted);margin:0}.showcase{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;background:var(--ink);color:var(--paper);padding:54px;border-radius:8px}.showcase .eyebrow,.showcase em{color:#ffc67d}.showcase p:last-child{margin-bottom:0}.showcase .micro{color:#c8d9d3}.search-card{display:block}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:28px 0}.story-card{padding:26px;border:1px solid var(--line);border-radius:8px}.story-card h3{font-size:20px}.story-card p{font-size:15px;margin:0}.article{max-width:820px;margin:auto;padding:58px 32px}.article h1{font-size:56px}.article h2{margin-top:44px;font-size:36px}.article p{margin-bottom:25px}.pull{font:italic 34px/1.3 Georgia;border-left:4px solid var(--accent);padding:18px 0 18px 28px;margin:34px 0}.invitation{display:grid;grid-template-columns:1fr 1.1fr;gap:50px;background:#f0e6d3;border:1px solid #dfc9a8;padding:46px;margin:0 36px 68px;border-radius:8px}.invitation h2{font-size:42px}.assurance{font-weight:750;font-size:15px}.invite-actions{min-width:0}.invite-actions>.button{width:100%}.small-actions{display:flex;flex-wrap:wrap;gap:10px;margin:15px 0}.small-actions button{border:1px solid #adb7a8;background:transparent;color:var(--ink);border-radius:5px;padding:10px 14px;font-size:13px}.text-button{border:0;background:none;color:inherit;text-decoration:underline;font-size:12px;padding:10px 0}details{border-top:1px solid #c6ccbe;padding:15px 0}summary{cursor:pointer;font-size:14px;font-weight:650}#preferences label{display:flex;gap:10px;margin:14px 0;font-size:12px;line-height:1.5}input[type=checkbox]{flex:none;width:18px;height:18px;accent-color:var(--ink)}.faq{max-width:880px;margin:0 auto;padding:0 32px 65px}.faq details p{font-size:15px;margin:18px 0 5px}.faq summary{font-size:17px}.measurement-notice{font-size:12px;border-top:1px solid var(--line);padding-top:12px}.measurement-notice p{margin:0}#mtc-status{font-size:13px;min-height:20px;margin-top:16px}#mtc-qr{background:white;padding:18px;width:220px;max-width:100%}#mtc-qr svg{width:100%;height:auto}#mtc-copy-text{width:100%;padding:10px;font-size:12px}.watch-layout{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:65px;padding:65px 36px}.watch-layout video{max-height:670px;margin:auto;border-radius:12px;background:var(--ink);width:100%;object-fit:contain}.example-choice{border-top:1px solid var(--line);padding-top:22px;margin-top:30px}.example-choice button{background:var(--soft);border:1px solid var(--line);padding:14px;border-radius:5px;color:var(--ink);text-align:left}.compact-hero{text-align:center;max-width:760px;margin:auto;padding:60px 25px 25px}.guide-wrap{max-width:770px;margin:0 auto 65px;padding:0 25px}.guide{background:#fff;border:1px solid var(--line);border-radius:14px;padding:36px}.progress{display:flex;justify-content:space-between;gap:20px;margin-bottom:34px;font-size:12px;font-weight:700}.dots{display:flex;gap:8px}.dots i{width:35px;height:5px;background:#dde4dc;border-radius:5px}.dots i.active{background:var(--accent)}.guide h2{font-size:31px;line-height:1.2;letter-spacing:-1px}.options{display:grid;gap:12px}.options button{border:1px solid #bcc9c0;border-radius:8px;padding:19px 43px 19px 19px;background:#fcfdf9;color:var(--ink);text-align:left;position:relative;font-size:16px}.options button:after{content:'→';position:absolute;right:18px;top:50%;transform:translateY(-50%)}.options button:hover{background:#eef2e9;border-color:var(--ink)}footer{padding:38px 36px 45px;border-top:1px solid var(--line)}footer p{font-size:12px;line-height:1.65;max-width:850px;margin-top:25px;color:var(--muted)}footer>div{display:flex;flex-wrap:wrap;gap:20px;font-size:12px}footer small{display:block;margin-top:20px;font-size:11px;color:var(--muted)}.opening{padding:45px 30px}
@media(max-width:760px){.top{padding:20px 22px}.brand{font-size:20px}.brand span{font-size:14px}nav{gap:17px;font-size:12px}nav a:first-child{display:none}.hero{grid-template-columns:1fr;padding:37px 24px 43px;gap:32px}h1{font-size:52px;letter-spacing:-2.8px}.lead{font-size:18px}.scene img{aspect-ratio:1;border-radius:60px 60px 8px 8px;object-position:50% 10%}.scene .frame-label{left:-7px;bottom:43px;padding:10px 17px;font-size:11px}.ribbon{flex-wrap:wrap;padding:20px 24px;gap:12px 25px;font-size:10px}.section{padding:45px 24px}.split,.showcase,.invitation,.watch-layout{grid-template-columns:1fr;gap:30px}.showcase{padding:30px}.feature{gap:14px;grid-template-columns:34px 1fr}.invitation{margin:0 20px 42px;padding:28px 23px}.invitation h2{font-size:35px}.article{padding:37px 24px}.article h1{font-size:47px}.article h2{font-size:31px}.pull{font-size:28px}.story-grid{grid-template-columns:1fr}.watch-layout{padding:40px 24px}.watch-layout video{max-height:640px}.faq{padding:0 25px 45px}.faq h2{font-size:34px}.guide{padding:25px 21px}.guide h2{font-size:27px}.options button{font-size:15px;padding:17px 36px 17px 16px}.guide-wrap{padding:0 20px}.compact-hero h1{font-size:47px}footer{padding:30px 25px}.button{padding:16px 21px;font-size:15px;gap:15px}}
@media(prefers-reduced-motion:no-preference){a,button{transition:background .15s,color .15s}}
