:root{--mint:#7df5ad;--aqua:#56e7c8;--teal:#18d5ab;--deep:#12a183;--forest:#1d684a;--lav:#d3abf9;--indigo:#282c81;--violet:#17154a;--lime:#dffe6b;--ice:#ecedea;--bg:#0b5e4e}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:Poppins,system-ui,sans-serif;color:var(--ice);background:radial-gradient(1200px 700px at 70% 0,#16a085 0,transparent 60%),linear-gradient(160deg,#0f7a63,#0a4f43 60%,#07382f);background-attachment:fixed;line-height:1.55}
a{color:var(--mint)}img{max-width:100%;height:auto}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.top{position:sticky;top:0;z-index:10;padding:14px 16px}
.bar{max-width:1180px;margin:0 auto;display:flex;align-items:center;gap:20px;padding:10px 22px;border-radius:999px;background:rgba(150,240,210,.18);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.15)}
.logo{display:flex;align-items:baseline;gap:6px;text-decoration:none;position:relative;padding-top:8px}
.logo .l1{font-weight:900;font-style:italic;font-size:1.7rem;color:var(--mint);letter-spacing:-.5px}
.logo .l2{font-family:Kaushan Script,cursive;font-size:1.7rem;color:var(--lav)}
.logo .crown{position:absolute;left:-4px;top:-6px;width:24px;color:var(--lav)}
.logo.small .l1,.logo.small .l2{font-size:1.4rem}
nav{display:flex;gap:6px;margin:0 auto}nav a{color:var(--ice);text-decoration:none;padding:8px 14px;border-bottom:2px solid transparent;font-weight:500}
nav a.on{color:var(--lav);border-color:var(--lav)}nav a:hover{color:var(--mint)}
.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:999px;font-weight:600;text-decoration:none;color:#11302a;border:0;cursor:pointer;font:600 1rem Poppins,sans-serif}
.btn.sm{padding:10px 20px;font-size:.95rem}.btn.mint{background:var(--teal)}.btn.lav{background:linear-gradient(135deg,var(--lav),#e6cdfc);color:#2a1648}
.btn.ghost{background:rgba(255,255,255,.1);color:var(--ice);border:1px solid rgba(255,255,255,.3)}.btn:hover{filter:brightness(1.08);transform:translateY(-1px)}
.mt,.burger,.only-m{display:none}
.hero{padding:30px 0 70px;overflow:hidden}
.herogrid{display:grid;grid-template-columns:1.05fr .95fr;gap:20px;align-items:center}
.kicker{color:var(--lav);text-transform:uppercase;letter-spacing:.3em;font-size:.85rem;font-weight:500;margin:0 0 10px}.kicker.wide{letter-spacing:.5em;font-size:1rem}
.biglogo{margin:0 0 16px;line-height:.9;position:relative}
.biglogo .b1{display:block;font-weight:900;font-style:italic;font-size:clamp(3.6rem,9vw,7rem);color:var(--mint);letter-spacing:-3px;position:relative;text-shadow:0 6px 30px rgba(0,0,0,.2)}
.biglogo .crown{position:absolute;width:.55em;left:2.05em;top:-.2em;color:var(--lav);height:auto;font-size:inherit;width:60px}
.biglogo .b2{display:block;font-family:Kaushan Script,cursive;font-weight:400;font-size:clamp(3.6rem,9vw,7rem);color:var(--lav);margin:-.1em 0 0 .6em;transform:rotate(-4deg)}
.tag{font-size:clamp(1.4rem,2.6vw,1.9rem);font-weight:600;margin:10px 0 6px}.svc{margin:0;font-size:1.05rem}.sub{margin:4px 0 22px;opacity:.85}
.trust{list-style:none;display:flex;flex-wrap:wrap;gap:22px;padding:0;margin:36px 0 0}.trust li{display:flex;gap:10px;align-items:center;color:var(--mint);font-size:.85rem;line-height:1.2}.trust span{color:var(--ice)}
.photo-col{position:relative;display:flex;justify-content:center}
.swoosh{position:absolute;inset:6% 2% 2% 8%;border:26px solid rgba(211,171,249,.6);border-radius:50%;filter:blur(1px);transform:rotate(-20deg);clip-path:polygon(0 0,100% 0,100% 62%,0 62%)}
.owner{position:relative;width:min(100%,460px);height:auto;border-radius:28px;box-shadow:0 0 90px rgba(86,231,200,.55),0 20px 50px rgba(0,0,0,.35);object-fit:cover}
.owner.round{border-radius:24px}
.hand{position:absolute;right:0;top:12%;font-family:Caveat,cursive;font-size:1.6rem;line-height:1.1;color:var(--ice);transform:rotate(-12deg);margin:0;text-shadow:0 2px 10px rgba(0,0,0,.35)}
.code{position:absolute;right:-10px;bottom:6%;margin:0;padding:14px 16px;background:rgba(7,56,47,.8);border-radius:10px;font:.78rem/1.5 "Fira Code",monospace;color:var(--aqua)}
.block{padding:64px 20px}.block h2,.band h2{font-size:clamp(1.8rem,3.4vw,2.6rem);margin:6px 0 10px;font-weight:800}
.lead{font-size:1.15rem;opacity:.9;max-width:44em}.center{text-align:center;margin-top:28px}.center .lead{margin-inline:auto}.muted{opacity:.75}.narrow{max-width:820px;margin-inline:auto}
.cards{display:grid;gap:20px;margin-top:26px}.four{grid-template-columns:repeat(4,1fr)}.three{grid-template-columns:repeat(3,1fr)}.two{grid-template-columns:repeat(2,1fr)}
.card{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:22px;padding:24px;backdrop-filter:blur(8px)}
.card h3{margin:0 0 8px;font-size:1.25rem;color:var(--mint)}.card.tall{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.card .btn{margin-top:auto}
.tick{list-style:none;padding:0;margin:8px 0 16px}.tick li{padding-left:26px;position:relative;margin:6px 0}.tick li:before{content:"♡";position:absolute;left:0;color:var(--lav)}
.tag-lime{background:var(--indigo);color:var(--lime);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;padding:4px 12px;border-radius:999px;font-weight:600}
.price{font-size:2rem;font-weight:800;margin:6px 0 12px}.price small{font-size:1rem;font-weight:400;opacity:.8}
.band{background:linear-gradient(135deg,var(--indigo),var(--violet));text-align:center;padding:64px 20px}.band p{margin:0 0 24px;opacity:.9}
.phero{padding:50px 0 10px}.phero h1{font-size:clamp(2.2rem,5vw,3.8rem);margin:6px 0;font-weight:800;line-height:1.1}
.about{display:grid;grid-template-columns:260px 1fr;gap:34px;align-items:start;max-width:960px}.about .owner{width:100%}
.note{background:rgba(223,254,107,.15);border:1px dashed var(--lime);padding:10px 14px;border-radius:12px;font-size:.9rem}
form{display:grid;gap:14px;width:100%}label{display:grid;gap:6px;font-weight:500;font-size:.95rem}
input,select,textarea{font:inherit;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.3);background:rgba(7,56,47,.55);color:var(--ice)}
input:focus,select:focus,textarea:focus{outline:2px solid var(--lav)}.hp{position:absolute;left:-9999px}.formcard{align-items:stretch!important}
footer{background:var(--violet);margin-top:30px;padding:46px 0 20px}.foot{display:grid;grid-template-columns:2fr 1fr 1.4fr;gap:30px}
footer a{display:block;color:var(--ice);text-decoration:none;margin:6px 0;opacity:.85}footer a:hover{color:var(--mint)}footer b{color:var(--lav)}footer .logo{display:flex;margin:0}
.credit{display:flex!important;align-items:center;gap:8px;margin-top:14px!important;font-size:.85rem}.copy{text-align:center;opacity:.6;font-size:.8rem;margin:30px 0 0}
@media(max-width:900px){.herogrid,.about{grid-template-columns:1fr}.four,.three,.two{grid-template-columns:1fr 1fr}.foot{grid-template-columns:1fr}.photo-col{margin-top:20px}}
@media(max-width:700px){
.hide-m{display:none}.only-m{display:inline-flex}.burger{display:block;margin-left:auto;padding:10px;cursor:pointer}
.burger span,.burger span:before,.burger span:after{display:block;width:24px;height:2px;background:var(--ice);position:relative;content:""}
.burger span:before{position:absolute;top:-7px}.burger span:after{position:absolute;top:7px}
nav{display:none;position:absolute;top:70px;left:16px;right:16px;flex-direction:column;background:#0b4f43;border-radius:22px;padding:14px;margin:0;border:1px solid rgba(255,255,255,.15)}
.mt:checked~nav{display:flex}.four,.three,.two{grid-template-columns:1fr}.code{display:none}.hand{font-size:1.2rem;top:4%}.bar{position:relative}}
