:root{--ink:#171419;--muted:#716a70;--paper:#f6f3f1;--white:#fff;--rose:#b65f82;--blush:#ead0da;--gold:#b08a4a;--line:#ded8d5;--shadow:0 28px 80px rgba(30,20,27,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 "DM Sans",sans-serif}a{text-decoration:none;color:inherit}button{font:inherit}img{display:block;width:100%}header{height:78px;padding:0 clamp(1.2rem,6vw,6rem);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(246,243,241,.92);backdrop-filter:blur(12px);position:sticky;top:0;z-index:10}.brand{display:flex;gap:.75rem;align-items:center;text-transform:uppercase;letter-spacing:.12em;font-size:.75rem}.brand span{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:white;font-family:"Playfair Display",serif}.brand b{font-weight:600}header p{font-size:.78rem;color:var(--muted)}main{padding:0 clamp(1rem,5vw,5rem) 5rem}.intro{max-width:900px;text-align:center;margin:0 auto;padding:clamp(4rem,8vw,8rem) 0 3.5rem}.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-size:.7rem;font-weight:700;color:var(--rose)}h1,h2{font-family:"Playfair Display",serif;line-height:1.08;margin:0}h1{font-size:clamp(2.8rem,6vw,6rem);letter-spacing:-.045em}h2{font-size:clamp(2.2rem,3.5vw,3.6rem)}.intro>p:last-child{max-width:700px;margin:1.5rem auto 0;color:var(--muted);font-size:1.05rem}.models{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;max-width:1400px;margin:auto}.card{background:var(--white);border:1px solid var(--line);border-radius:28px;overflow:hidden;box-shadow:var(--shadow);transition:transform .25s}.card:hover{transform:translateY(-6px)}.visual{height:390px;position:relative;overflow:hidden}.visual:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.35),transparent 50%)}.visual img{height:100%;object-fit:cover}.visual span{position:absolute;top:1.4rem;left:1.4rem;background:rgba(255,255,255,.92);border-radius:99px;padding:.55rem .85rem;text-transform:uppercase;letter-spacing:.14em;font-size:.65rem;font-weight:700;z-index:2}.content{padding:clamp(1.5rem,4vw,3rem)}.content>p:not(.eyebrow){color:var(--muted);min-height:78px}.content ul{padding:1.2rem 0;margin:1.5rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);list-style:none;color:var(--muted);font-size:.9rem}.content li{padding:.25rem 0}.content li:before{content:"✓";margin-right:.6rem;font-weight:700}.rose li:before,.rose .eyebrow{color:var(--rose)}.noir li:before,.noir .eyebrow{color:var(--gold)}.actions{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.actions a,.actions button{min-height:50px;border-radius:99px;display:flex;justify-content:center;align-items:center;padding:.8rem 1rem;font-weight:700;font-size:.85rem;cursor:pointer}.preview{border:1px solid var(--ink)}.actions button{border:0;background:var(--ink);color:white}.rose .actions button:hover{background:var(--rose)}.noir .actions button:hover{background:var(--gold);color:var(--ink)}.note{max-width:1000px;margin:3rem auto 0;padding:1.5rem 2rem;border:1px solid var(--line);display:flex;gap:1.2rem;align-items:start;background:white}.note span{text-transform:uppercase;letter-spacing:.15em;color:var(--gold);font-size:.68rem;font-weight:700;margin-top:.3rem}.note p{margin:0;color:var(--muted)}footer{background:var(--ink);color:white;padding:2rem clamp(1.2rem,6vw,6rem);display:flex;justify-content:space-between;align-items:center}footer small{color:#aaa3a8}.toast{position:fixed;left:50%;bottom:1.5rem;transform:translate(-50%,130%);background:var(--ink);color:white;padding:.85rem 1.2rem;border-radius:99px;font-size:.85rem;transition:.25s;z-index:20}.toast.show{transform:translate(-50%,0)}@media(max-width:900px){.models{grid-template-columns:1fr}.visual{height:440px}.content>p:not(.eyebrow){min-height:0}}@media(max-width:600px){header p{display:none}.intro{padding-top:4rem}.visual{height:280px}.actions{grid-template-columns:1fr}.note{display:block}.note span{display:block;margin-bottom:.5rem}footer{display:block}.toast{width:calc(100% - 2rem);text-align:center}}