.dino-page{background:#fffaf0;color:#173536}
.dino-header{min-height:78px;padding:12px clamp(20px,5vw,72px);display:flex;align-items:center;background:#fffaf0;border-bottom:1px solid rgba(15,91,90,.1)}
.dino-hero{position:relative;min-height:700px;padding:clamp(64px,8vw,112px) clamp(22px,8vw,130px);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.75fr);align-items:center;gap:clamp(48px,8vw,118px);overflow:hidden;background:linear-gradient(120deg,#083f40 0%,#0f5b5a 68%,#146b67 100%);color:#fff}
.dino-hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 18%,rgba(245,185,54,.16),transparent 24%),radial-gradient(circle at 87% 80%,rgba(255,255,255,.09),transparent 23%)}
.dino-hero-copy,.preview-wrap{position:relative;z-index:1}
.dino-kicker{display:inline-flex;margin-bottom:22px;padding:8px 13px;border:1px solid rgba(255,255,255,.26);border-radius:999px;background:rgba(255,255,255,.08);color:#ffe28c;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.dino-hero h1{font-size:clamp(3.2rem,6.6vw,6.6rem);line-height:.92;letter-spacing:-.055em}
.dino-hero h1 span{color:#f5b936}
.dino-hero-copy>p:not(.download-note){max-width:660px;margin:28px 0 34px;color:rgba(255,255,255,.9);font-size:clamp(1.08rem,1.5vw,1.28rem)}
.dino-download{max-width:560px;min-height:60px;padding:16px 24px;background:#f5b936;color:#083f40;box-shadow:0 13px 30px rgba(0,0,0,.25);text-align:center}
.dino-download:hover{background:#ffd264}
.download-note{margin:14px 0 0;color:rgba(255,255,255,.68);font-size:.88rem}
.preview-wrap{width:min(410px,88%);margin-inline:auto;padding:18px}
.preview-paper{position:relative;overflow:hidden;border:10px solid #fff;border-radius:12px 12px 12px 3px;background:#fff;box-shadow:0 35px 80px rgba(0,0,0,.35);transform:rotate(2deg)}
.preview-paper img{width:100%;height:auto;display:block}
.preview-paper-back{position:absolute;inset:30px 10px 5px 36px;border:0;background:#f4e7c6;transform:rotate(-5deg);box-shadow:none}
.preview-badge{position:absolute;right:-8px;top:2px;width:88px;height:88px;display:grid;place-items:center;border:5px solid #fffaf0;border-radius:50%;background:#f5b936;color:#083f40;font-family:"Nunito",sans-serif;font-size:1.1rem;font-weight:900;text-transform:uppercase;transform:rotate(8deg);box-shadow:0 12px 24px rgba(0,0,0,.22)}
.dino-benefits{padding:22px clamp(20px,7vw,110px);display:grid;grid-template-columns:repeat(3,1fr);gap:24px;background:#f5b936;color:#083f40}
.dino-benefits div{display:flex;align-items:center;justify-content:center;gap:13px;min-height:50px}
.dino-benefits span{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(8,63,64,.28);border-radius:50%;font-family:"Nunito",sans-serif;font-size:.76rem;font-weight:900}
.dino-benefits strong{font-size:.98rem}
.dino-more{padding:clamp(80px,10vw,138px) clamp(22px,8vw,130px);display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);align-items:center;gap:clamp(46px,8vw,120px);background:#fffaf0}
.dino-more-copy{max-width:760px}
.dino-more h2{font-size:clamp(2.5rem,5vw,5rem)}
.dino-more-copy p{max-width:680px;margin:22px 0 0;color:#5f7373;font-size:1.1rem}
.dino-actions{display:grid;gap:14px}
.dino-actions .button{min-height:58px;padding:15px 20px;border-radius:16px;justify-content:space-between;text-align:left}
.dino-etsy{background:#0f5b5a;color:#fff;box-shadow:0 12px 28px rgba(8,63,64,.18)}
.dino-etsy:hover{background:#083f40}
.dino-amazon{border:2px solid #0f5b5a;background:#fff;color:#083f40}
.dino-amazon:hover{background:#eef7f5}
.dino-brand{padding:clamp(70px,9vw,120px) 22px;text-align:center;background:#eef7f5}
.dino-brand-mark{width:62px;height:62px;margin:0 auto 30px;display:grid;place-items:center;border-radius:19px 19px 19px 7px;background:#0f5b5a;color:#fff;font-family:"Nunito",sans-serif;font-size:2rem;font-weight:900;box-shadow:7px 7px 0 #f5b936}
.dino-brand h2{font-size:clamp(2.55rem,5vw,5.1rem)}
.dino-brand h2 span{color:#d58e12}
.dino-brand p{margin:20px 0 0;color:#5f7373;font-size:1.08rem}
.dino-footer{padding:42px clamp(22px,7vw,110px);display:grid;grid-template-columns:1.5fr 1fr;align-items:center;gap:20px 40px;background:#062f30;color:rgba(255,255,255,.78)}
.dino-footer .footer-bottom{grid-column:1/-1}
@media(max-width:900px){.dino-hero{grid-template-columns:1fr;gap:58px}.dino-hero-copy{text-align:center}.dino-download{margin-inline:auto}.dino-hero-copy>p:not(.download-note){margin-inline:auto}.dino-more{grid-template-columns:1fr}.dino-actions{max-width:620px}.dino-benefits{gap:12px}.dino-benefits div{flex-direction:column;text-align:center;gap:7px}}
@media(max-width:620px){.dino-header{min-height:70px;padding:10px 16px}.dino-hero{min-height:auto;padding:58px 18px 70px}.dino-kicker{font-size:.7rem}.dino-hero h1{font-size:clamp(3rem,16vw,4.4rem)}.dino-download{width:100%;font-size:.95rem}.preview-wrap{width:min(350px,91%);padding:12px}.preview-badge{right:-12px;width:76px;height:76px;font-size:.92rem}.dino-benefits{grid-template-columns:1fr;padding:22px 18px}.dino-benefits div{min-height:42px;flex-direction:row;justify-content:flex-start;text-align:left;padding-left:max(0px,calc(50% - 145px))}.dino-more{padding:72px 18px}.dino-actions .button{font-size:.94rem}.dino-brand{padding:72px 18px}.dino-footer{grid-template-columns:1fr;padding:38px 18px}.dino-footer .footer-bottom{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.preview-paper{transform:none}.preview-badge{transform:none}}