*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background-color:var(--color-background);background-image:linear-gradient(#2454db0c 1px,transparent 1px),linear-gradient(90deg,#2454db0c 1px,transparent 1px);background-size:28px 28px;color:var(--color-text);font-family:var(--font-body);font-size:17px;line-height:1.65}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:5px}img{display:block;max-width:100%;height:auto;object-fit:cover}.wrap{width:min(1160px,calc(100% - 64px));margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:29px 0;border-bottom:1px solid #16397a25}.brand{font-size:28px;font-weight:900;line-height:.94;letter-spacing:-1px}.brand>span{display:block;font-size:19px;letter-spacing:0;padding-top:6px}.sun{color:var(--color-primary);font-size:32px;margin-left:9px}nav{display:flex;gap:34px;align-items:center;font-size:15px;font-weight:800}.nav-cta{border:1.5px solid var(--color-text);padding:10px 20px;border-radius:8px;background:var(--color-accent);box-shadow:3px 3px 0 var(--color-text)}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:50px;align-items:center;padding:76px 0 80px}.eyebrow{font-size:12px;font-weight:900;letter-spacing:2px;display:flex;align-items:center;gap:10px}.dot{height:8px;width:8px;background:var(--color-primary);border-radius:50%}h1,h2,h3{font-family:var(--font-heading);line-height:1.08;font-weight:900}h1{letter-spacing:-2px;font-size:clamp(48px,5.3vw,70px);margin:22px 0 28px}h2{letter-spacing:-2px;font-size:44px;margin:13px 0 22px}h3{font-size:29px;letter-spacing:-1px}.highlight{background:linear-gradient(transparent 23%,var(--color-accent) 23%,var(--color-accent) 91%,transparent 91%);padding:0 5px}.underline{position:relative;white-space:nowrap}.underline:after{content:"";position:absolute;bottom:-6px;left:0;width:100%;height:7px;border-top:3px solid var(--color-primary);border-radius:50%;transform:rotate(-2deg)}.lead{font-size:20px;max-width:460px;margin:0 0 29px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;border:1.5px solid var(--color-text);border-radius:8px;padding:15px 22px;background:var(--color-primary);color:white;font-weight:800;box-shadow:4px 4px 0 var(--color-text);cursor:pointer;font-size:16px}.button:hover{transform:translateY(-2px);text-decoration:none}.button span{font-size:23px;line-height:1}.small{font-size:13px;color:var(--color-muted);margin-top:22px}.small>span{margin:0 8px}.portrait-area{position:relative;padding:50px 24px 60px}.portrait-ring{aspect-ratio:1;overflow:hidden;border:2px solid var(--color-primary);border-radius:50%;padding:12px;transform:rotate(4deg);background:#f6fa6880}.portrait-ring img{width:100%;height:100%;aspect-ratio:1;border-radius:50%;object-position:center 36%;background:#d9d9d9;transform:rotate(-4deg)}.doodle{position:absolute;font-family:var(--font-heading);font-weight:700;color:var(--color-primary)}.formula{top:0;left:25px;font-size:25px;transform:rotate(-9deg)}.star{right:0;top:12px;font-size:68px;line-height:1}.graph{bottom:20px;left:-10px;font-size:60px;line-height:.6;transform:rotate(-8deg)}.graph small{font-size:14px}.hello{position:absolute;right:0;bottom:45px;font-size:24px;font-style:italic;transform:rotate(-8deg);background:var(--color-accent);padding:3px 12px}.photo-note{text-align:center;font-size:11px;color:var(--color-muted);position:absolute;bottom:-13px;width:100%;left:0}.strip{background:var(--color-accent);border-block:1px solid #16397a35;transform:rotate(-1deg)}.strip-inner{display:flex;align-items:center;justify-content:space-between;padding:17px 0;font-size:15px;font-weight:800}.strip-inner>span:nth-child(even){font-size:25px}.section{padding-top:90px;padding-bottom:70px}.section-heading{max-width:670px}.section-heading>p:last-child{max-width:570px}.cards{display:grid;grid-template-columns:1fr 1fr 1fr;gap:22px;margin-top:35px}.card{background:var(--color-surface);border:1.5px solid #16397a55;border-radius:14px;padding:30px 28px;display:flex;flex-direction:column;align-items:flex-start}.card-number{font-size:11px;font-weight:900;letter-spacing:1.5px;margin-bottom:26px}.card p{font-size:16px}.tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:auto}.tags span{font-size:11px;font-weight:800;border:1px solid #16397a35;padding:4px 8px;border-radius:5px}.yellow{background:#fbfccb}.blue{background:var(--color-primary);color:white}.blue a{display:inline-flex;align-items:center;min-height:44px;font-weight:900;font-size:14px;text-decoration:underline}.price{font-size:36px!important;font-weight:900;line-height:1;margin:8px 0 25px}.price span{font-size:15px;font-weight:500}.about{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center;padding-bottom:100px}.notebook-photo{position:relative;padding:12px 12px 48px;background:white;box-shadow:0 8px 30px #16397a15;border:1px solid #16397a20}.notebook-photo img{aspect-ratio:1.3}.photo-sticker{position:absolute;bottom:-15px;right:-25px;background:var(--color-accent);padding:15px 20px;transform:rotate(8deg);font-weight:800;line-height:1.2;font-size:19px}.hand-note{font-style:italic;font-size:18px;color:var(--color-primary);font-weight:800}.request-section{background:#ecf1ff;border-top:1px solid #16397a25;border-bottom:1px solid #16397a25;padding:80px 0}.request-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.request-grid h2{font-size:58px}.request-price{font-weight:900;font-size:22px;margin-top:28px}.request-price span{display:block;font-size:15px;font-weight:600}.request-grid form{background:white;border:1px solid #16397a35;border-radius:15px;padding:32px;box-shadow:6px 6px 0 #16397a10}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:block;font-size:13px;font-weight:800;margin-bottom:18px}input,select,textarea{display:block;width:100%;padding:12px;border:1px solid #16397a55;border-radius:6px;color:var(--color-text);background:#fffefb;font-size:14px;margin-top:7px}textarea{resize:vertical}.privacy-note{font-size:11px;color:var(--color-muted);line-height:1.5;margin:0 0 22px}.honeypot{display:none}footer a{display:inline-flex;align-items:center;min-height:44px}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:32px 0;font-size:12px}.footer-brand{font-size:17px;font-weight:900}footer p{color:var(--color-muted)}.skip{position:absolute;left:15px;top:-100px;background:white;padding:10px;z-index:5}.skip:focus{top:10px}.thanks{max-width:680px;margin:100px auto;padding:40px}.thanks h1{font-size:54px}@media(max-width:850px){.wrap{width:calc(100% - 40px)}nav{gap:17px}nav>a:not(.nav-cta){display:none}.hero{gap:15px;padding:50px 0 60px}h1{font-size:49px}.lead{font-size:18px}.hero .button{font-size:13px;padding:13px}.portrait-area{padding:50px 10px 60px}.hello{font-size:19px}.formula{font-size:19px}.cards{gap:14px}.card{padding:22px 18px}h3{font-size:24px}.about{gap:40px}.request-grid{gap:35px}.request-grid form{padding:22px}.field-row{grid-template-columns:1fr}.strip-inner{font-size:12px}.request-grid h2{font-size:48px}}@media(max-width:600px){header{padding:22px 0}.brand{font-size:24px}.nav-cta{padding:9px 12px;font-size:12px}.hero{grid-template-columns:1fr;padding-top:32px;gap:20px}h1{font-size:54px;letter-spacing:-2px}.hero-copy{max-width:440px}.hero .button{font-size:15px}.portrait-area{max-width:350px;width:100%;margin:10px auto 0}.strip-inner>span:nth-child(n+3){display:none}.strip-inner{justify-content:center;gap:20px}.section{padding-top:55px;padding-bottom:40px}h2{font-size:35px}.cards{grid-template-columns:1fr}.card{padding:27px}.card-number{margin-bottom:20px}.card h3{font-size:29px}.about{grid-template-columns:1fr;gap:45px;padding-bottom:65px}.notebook-photo{max-width:440px;margin:0 15px 0 5px}.photo-sticker{right:-10px}.request-section{padding:50px 0}.request-grid{grid-template-columns:1fr;gap:24px}.request-grid h2{font-size:50px}.request-grid form{padding:23px}.field-row{grid-template-columns:1fr}footer{flex-wrap:wrap;padding:25px 0}footer p{width:100%;order:3;margin:0}.small>span{margin:0 4px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button:hover{transform:none}}
.example-banner{background:var(--color-text);color:white;text-align:center;padding:9px 20px;font-size:12px;line-height:1.5}.example-banner a{text-decoration:underline;text-underline-offset:3px}