:root{--bg:#f6f8fb;--card:#fff;--ink:#0f172a;--muted:#64748b;--line:#e7ecf3;--brand:#0b7d72;--brand-2:#059669;--brand-dark:#0f5e57;--grad-text:linear-gradient(120deg, #0f766e, #047857);--star:#f59e0b;--star-off:#d8dee7;--warn:#b45309;--warn-bg:#fff7ed;--ok-bg:#ecfdf5;--shadow-sm:0 1px 2px #0f172a0f, 0 1px 3px #0f172a14;--shadow-md:0 10px 30px -12px #0f172a2e;--shadow-lg:0 30px 60px -20px #0d948859;color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.55}*{box-sizing:border-box}body{background:var(--bg);margin:0}h1,h2,h3,.brand,.hero__title,.summary__score{letter-spacing:-.02em;font-family:Plus Jakarta Sans,Inter,sans-serif}.app{flex-direction:column;min-height:100vh;display:flex}.container{width:100%;max-width:920px;margin:0 auto;padding:0 20px}.topbar{z-index:20;-webkit-backdrop-filter:saturate(180%)blur(12px);backdrop-filter:saturate(180%)blur(12px);border-bottom:1px solid var(--line);background:#ffffffb8;justify-content:space-between;align-items:center;padding:14px 24px;display:flex;position:sticky;top:0}.brand{color:var(--ink);align-items:center;gap:2px;font-size:1.25rem;font-weight:800;text-decoration:none;display:inline-flex}.brand span{background:var(--grad-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.nav{gap:6px;display:flex}.nav a{color:var(--muted);border-radius:10px;padding:9px 16px;font-size:.92rem;font-weight:600;text-decoration:none;transition:all .15s}.nav a:hover{color:var(--ink);background:#0f172a0a}.nav a.is-active{color:#fff;background:linear-gradient(120deg, var(--brand), var(--brand-2));box-shadow:var(--shadow-sm)}.nav a.nav__cta{color:var(--brand-dark);background:0 0;animation:2.1s ease-out infinite ctaPulse;box-shadow:0 0 #05966980}.nav a.nav__cta:hover{color:var(--brand-dark);background:var(--ok-bg)}.nav a.nav__cta.is-active{color:#fff;background:linear-gradient(120deg, var(--brand), var(--brand-2))}@keyframes ctaPulse{0%{box-shadow:0 0 #05966980}70%{box-shadow:0 0 0 12px #05966900}to{box-shadow:0 0 #05966900}}@media (prefers-reduced-motion:reduce){.nav a.nav__cta{animation:none}}.main{flex-direction:column;flex:1;display:flex}.hero{color:#fff;background:radial-gradient(1200px 400px at 80% -10%,#10b9818c,#0000 60%),radial-gradient(900px 500px at 0 0,#0d948880,#0000 55%),linear-gradient(135deg,#0b3b39,#0f766e 55%,#115e59);flex:1;align-items:center;min-height:82vh;display:flex;position:relative;overflow:hidden}.hero__bg{z-index:0;pointer-events:none;position:absolute;inset:0}.hero__bg-img{opacity:0;background-position:50%;background-size:cover;transition:opacity 1.4s ease-in-out;position:absolute;inset:0}.hero__bg-img.is-active{opacity:1}.hero__scrim{z-index:1;background:radial-gradient(900px 420px at 72% -10%,#10b98166,#0000 60%),linear-gradient(135deg,#08312fe6,#0f766ebd 52%,#0a3532eb);position:absolute;inset:0}.hero__scrim--soft{background:radial-gradient(58% 62%,#052422f0,#062826cc 60%,#08312fb3 100%)}.hero__cluster{z-index:0;isolation:isolate;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.hero__photo{aspect-ratio:1408/768;object-fit:cover;border:6px solid #fff;border-radius:12px;width:min(780px,70vw);position:absolute;box-shadow:0 22px 45px -14px #000000a6}.hero__photo--1{z-index:2;transform:translate(48%,-5%)rotate(6deg)}.hero__photo--2{z-index:3;transform:translateY(7%)rotate(2.5deg)}.hero__photo--3{z-index:1;transform:translate(-48%,-10%)rotate(-7deg)}.hero__inner{z-index:2;text-align:center;max-width:760px;margin:0 auto;padding:72px 20px 84px;position:relative}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:#a7f3d0;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:999px;padding:6px 14px;font-size:.78rem;font-weight:600;display:inline-block}.hero__title{text-shadow:0 2px 16px #00000073;margin:20px 0 14px;font-size:clamp(2.1rem,5vw,3.4rem);font-weight:800;line-height:1.08}.hero__title .grad{background:linear-gradient(120deg,#6ee7b7,#fcd34d);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero__sub{color:#ecfdf5eb;text-shadow:0 1px 10px #0006;max-width:540px;margin:0 auto 30px;font-size:1.12rem}.search{box-shadow:var(--shadow-lg);background:#fff;border-radius:16px;gap:8px;max-width:520px;margin:0 auto;padding:8px;display:flex}.search input{font:inherit;color:var(--ink);letter-spacing:.02em;background:0 0;border:none;flex:1;padding:12px 14px;font-size:1.05rem}.search input[type=text]{color:var(--ink)}.search input::placeholder{color:#94a3b8;opacity:1}.search input:focus{outline:none}.search__hint{color:#ecfdf5cc;margin:14px auto 0;font-size:.92rem}.search__hint a{color:#ecfdf5;text-underline-offset:2px;font-weight:600;text-decoration:underline}.search__hint a:hover{color:#fff}.examples{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:22px;display:flex}.examples .muted{color:#ecfdf5b3;font-size:.9rem}.chip{font:inherit;color:#ecfdf5;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff40;border-radius:999px;padding:6px 14px;font-size:.88rem;font-weight:600;transition:all .15s}.chip:hover{background:#ffffff38;transform:translateY(-1px)}.pagehead{text-align:center;padding:56px 20px 8px}.pagehead .eyebrow{color:var(--brand-dark);background:var(--ok-bg);border-color:#a7f3d0;font-size:.82rem}.pagehead h1{margin:10px 0 8px;font-size:clamp(1.8rem,4vw,2.6rem)}.pagehead .muted{max-width:520px;margin:0 auto}.section{padding:32px 0 56px}.card{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow-md);border-radius:20px;padding:28px}.card--narrow{max-width:640px;margin:0 auto}.muted{color:var(--muted)}.field{margin:20px 0;display:block}.field__label{margin-bottom:7px;font-weight:600;display:block}.field__hint{color:var(--muted);margin-top:5px;font-size:.82rem;display:block}input[type=text],textarea{border:1px solid var(--line);width:100%;font:inherit;color:inherit;background:#fff;border-radius:12px;padding:12px 14px;transition:border-color .15s,box-shadow .15s}input[type=text]:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--ok-bg);outline:none}input[type=file]{font:inherit;width:100%}input[type=file]::file-selector-button{font:inherit;border:1px solid var(--line);background:var(--bg);color:var(--ink);cursor:pointer;border-radius:10px;margin-right:12px;padding:9px 14px;font-weight:600;transition:background .15s}input[type=file]::file-selector-button:hover{background:#eef2f7}textarea{resize:vertical}.ratings{border:1px solid var(--line);border-radius:16px;margin:22px 0;padding:8px 18px}.ratings legend{padding:0 8px;font-weight:700}.ratings__row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.ratings__row:last-child{border-bottom:none}.ratings__label{font-weight:500}.btn{font:inherit;cursor:pointer;border:none;border-radius:12px;padding:12px 22px;font-weight:700;transition:transform .12s,box-shadow .15s,filter .15s}.btn--primary{background:linear-gradient(120deg, var(--brand), var(--brand-2));color:#fff;box-shadow:var(--shadow-sm)}.btn--primary:hover{filter:brightness(1.05);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn--lg{width:100%;padding:14px;font-size:1.02rem}.stars{white-space:nowrap;line-height:1}.stars--display{color:var(--star-off);display:inline-block;position:relative}.stars__track{display:block}.stars__fill{color:var(--star);white-space:nowrap;position:absolute;top:0;left:0;overflow:hidden}.stars--input{display:inline-flex}.stars__star{cursor:pointer;color:var(--star-off);font-size:inherit;background:0 0;border:none;padding:0 2px;line-height:1;transition:transform .1s,color .1s}.stars__star:hover{transform:scale(1.18)}.stars__star.is-on{color:var(--star)}.errors{background:var(--warn-bg);color:var(--warn);border:1px solid #fed7aa;border-radius:12px;margin:18px 0;padding:14px 16px;list-style:none}.errors li+li{margin-top:4px}.banner{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:12px;margin:18px 0;padding:14px 16px}.banner--success{background:var(--ok-bg);color:var(--brand-dark);border-color:#a7f3d0}.banner--warn{background:var(--warn-bg);color:var(--warn);border-color:#fed7aa}.summary{border:1px solid var(--line);box-shadow:var(--shadow-md);background:linear-gradient(135deg,#fff,#f1fbf8);border-radius:20px;flex-wrap:wrap;align-items:center;gap:28px;margin:4px 0 24px;padding:26px;display:flex}.summary__overall{flex-direction:column;align-items:center;gap:6px;min-width:150px;display:flex}.summary__score{background:var(--grad-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800;line-height:1}.summary__dims{flex:1;grid-template-columns:1fr 1fr;gap:10px 28px;min-width:280px;display:grid}.summary__dim{align-items:center;gap:10px;display:flex}.summary__dim-label{flex:1;font-size:.92rem;font-weight:500}.summary__dim-val{font-variant-numeric:tabular-nums;color:var(--muted);font-size:.85rem;font-weight:600}.reviews{gap:14px;margin:0;padding:0;list-style:none;display:grid}.review{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:16px;padding:20px;transition:transform .15s,box-shadow .15s}.review:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.review__head{align-items:center;gap:12px;display:flex}.review__comment{color:#1e293b;margin:10px 0 12px}.review__dims{flex-wrap:wrap;gap:8px;display:flex}.review__dim{color:var(--muted);background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:3px 9px;font-size:.8rem}.review__dim strong{color:var(--ink)}.fade-in{animation:.4s both fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.prose{color:#334155;font-size:1.02rem}.prose h2{color:var(--ink);margin:28px 0 8px;font-size:1.35rem}.prose h2:first-child{margin-top:0}.prose p{margin:0 0 14px}.prose ul{margin:0 0 16px;padding-left:22px}.prose li{margin:6px 0}.prose strong{color:var(--ink)}.prose .lede{color:var(--ink);font-size:1.18rem;font-weight:500;line-height:1.5}.callout{border-left:4px solid var(--brand-2);background:var(--ok-bg);color:var(--brand-dark);border-radius:0 12px 12px 0;margin:18px 0;padding:14px 18px}.meta{color:var(--muted);margin-bottom:18px;font-size:.85rem}@media (width<=600px){.topbar{flex-direction:column;gap:10px;padding:12px 16px}.nav{flex-wrap:wrap;justify-content:center}.nav a{padding:7px 12px;font-size:.88rem}.hero__inner{padding:52px 18px 60px}.summary{padding:20px}.summary__overall{min-width:100%}.summary__dims{grid-template-columns:1fr;min-width:0}.card{padding:22px}.pagehead{padding-top:40px}}