@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";:root{--bg:#0c0c0c;--box:#111;--line:#ffffff12;--muted:#9e9e9e;--nav:#bcbcbc;--grad:linear-gradient(90deg,#ffe776,#ffd400 25%,#c9c93c 58%,#86ca8a 78%,#78d0cd)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:#fafafa;margin:0;font-family:Inter,Helvetica Neue,Arial,sans-serif}a{color:inherit;text-decoration:none}.page{background:radial-gradient(70% 50% at 50% 35%,#24201755,#0000 75%);min-height:100vh;padding:22px 28px 0}header{grid-template-columns:1fr auto 1fr;align-items:center;height:58px;display:grid}.logo{width:42px;height:42px;display:block}.mark{stroke:#f4f4f4;stroke-width:1.4px;stroke-linecap:round;fill:#fbfbfb;width:100%;height:100%}.mark line{fill:none}nav{color:var(--nav);gap:38px;font-size:14px;display:flex}nav a{transition:color .2s}nav a:hover{color:#fff}.count-pill{color:#aaa;background:#ffffff08;border:1px solid #fff2;border-radius:999px;justify-self:end;padding:10px 16px;font-size:12px}.count-pill b{color:#fff;margin-left:5px;font-weight:500}.hero{flex-direction:column;align-items:center;min-height:calc(100vh - 80px);padding-top:9vh;display:flex}.eyebrow{color:#aaa;letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:8px;font-size:11px;display:flex}.eyebrow i{background:#7bd0aa;border-radius:50%;width:6px;height:6px;display:block;box-shadow:0 0 8px #7bd0aa}.hero h1{letter-spacing:-.06em;text-align:center;margin:24px 0 0;font-size:clamp(44px,6.1vw,88px);font-weight:500;line-height:1.02}.hero h1 em{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.sub{color:var(--muted);text-align:center;margin:24px 0 30px;font-size:16px;line-height:1.5}.composer{background:linear-gradient(180deg,#ffffff07,#fff0 42%),var(--box);border:1px solid var(--line);border-radius:18px;width:min(700px,100%);min-height:165px;padding:25px;position:relative;box-shadow:0 2px 40px #0008,inset 0 1px #ffffff0b}.composer-glow{background:var(--grad);filter:blur(1px);opacity:.9;height:2px;position:absolute;bottom:-4px;left:4%;right:4%}.placeholder{color:#aeaeae;margin-bottom:44px;font-size:16px}.composer form{gap:10px;display:flex}.composer input{color:#fff;background:#ffffff08;border:1px solid #ffffff19;border-radius:9px;outline:0;flex:1;min-width:0;padding:13px 14px;font:14px Inter}.composer input:focus{border-color:#fff5}.composer input::placeholder{color:#777}.composer button{color:#0c0c0c;cursor:pointer;background:#fff;border:0;border-radius:9px;padding:0 18px;font:500 13px Inter}.composer button span{margin-left:7px;font-size:18px}.composer button:disabled{opacity:.55}.error{color:#ff9e9e;margin-top:12px;font-size:12px}.result-area{width:min(700px,100%);min-height:104px;margin-top:18px}.result{background:#ffffff14;border:1px solid #ffffff16;border-radius:12px;grid-template-columns:1.4fr 1fr 1fr;gap:1px;display:grid;overflow:hidden}.result>div{background:#111;padding:16px 18px}.result span{color:#8e8e8e;margin-bottom:9px;font-size:11px;display:block}.result strong{font-size:24px;font-weight:500}.result small{color:#999;font-size:11px}.result b{font-size:14px;font-weight:500}.empty{text-align:center;color:#656565;padding:26px;font-size:11px}.brands{color:#5c5c5c;letter-spacing:.17em;gap:55px;margin-top:auto;padding:30px 0 20px;font-size:10px;display:flex}.about{background:#0c0c0c;border-top:1px solid #ffffff0e;justify-content:space-between;align-items:center;min-height:100vh;padding:10vh 7vw;display:flex}.about-title>span{color:#7bd0aa;letter-spacing:.16em;text-transform:uppercase;font-size:11px}.about h2{letter-spacing:-.05em;margin:22px 0;font-size:clamp(34px,4.2vw,62px);font-weight:400;line-height:1.08}.about-note{color:#8b8b8d;max-width:310px;font-size:14px;line-height:1.9}.dot{background:#7bd0aa;border-radius:50%;width:7px;height:7px;margin-bottom:15px;box-shadow:0 0 10px #7bd0aa}@media (width<=700px){.page{padding:16px 17px 0}header{grid-template-columns:1fr auto}nav{display:none}.count-pill{padding:8px 11px;font-size:10px}.hero{padding-top:8vh}.hero h1{font-size:clamp(43px,15vw,68px)}.sub{max-width:300px;font-size:14px}.composer{min-height:150px;padding:19px}.placeholder{margin-bottom:30px;font-size:14px}.composer form{display:block}.composer input{width:100%;height:45px}.composer button{width:100%;height:43px;margin-top:9px}.result{grid-template-columns:1fr 1fr}.result>div:first-child{grid-column:1/-1}.brands{gap:16px;font-size:8px}.about{padding:18vh 4vw;display:block}.about-note{margin-top:60px}}