:root{--ink:#102e29;--paper:#fffaf0;--teal:#11877e;--sun:#f5b83d;--line:#d8cbb4;--coral:#ce4f32}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:radial-gradient(circle at 90% 0,#c9e9df,transparent 34%),repeating-linear-gradient(120deg,rgba(16,46,41,.035) 0 1px,transparent 1px 24px),#f7f0e2;font-family:"Avenir Next",Avenir,"Trebuchet MS",sans-serif}.commercial-header{display:flex;align-items:center;justify-content:space-between;padding:20px clamp(18px,5vw,70px);border-bottom:1px solid var(--line);background:rgba(255,250,240,.9)}a{color:inherit}.brand{font:700 1.55rem Georgia,serif;text-decoration:none}.login{padding:12px 18px;border-radius:12px;background:var(--ink);color:#fff;text-decoration:none;font-weight:800}main{width:min(1240px,calc(100% - 28px));margin:auto}.commercial-hero{padding:clamp(55px,9vw,120px) 0 45px}.eyebrow{color:var(--teal);font:800 .8rem ui-monospace,monospace;letter-spacing:.18em;text-transform:uppercase}.commercial-hero h1{max-width:900px;margin:.2em 0;font:700 clamp(3rem,8vw,7.4rem)/.86 Georgia,serif;letter-spacing:-.055em}.commercial-hero>p:last-child{max-width:760px;font-size:1.2rem}.plans{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.plans article{position:relative;padding:24px;border:1px solid var(--line);border-radius:22px;background:rgba(255,250,240,.96);box-shadow:6px 6px 0 #dfd4c0}.plans article.featured{outline:3px solid var(--teal);box-shadow:7px 7px 0 var(--sun)}.plans article>span{position:absolute;top:-13px;right:14px;padding:6px 10px;border-radius:99px;background:var(--teal);color:#fff;font-size:.75rem;font-weight:800}.plans h2{font:700 1.8rem Georgia,serif}.price{font:700 1.55rem Georgia,serif}.price small{font:500 .8rem "Avenir Next",sans-serif}.annual{color:#4f615c;font-weight:700}.commercial-note{margin:34px 0 70px;padding:28px;border-radius:22px;background:var(--ink);color:#fff}.commercial-note h2{font:700 2rem Georgia,serif}footer{display:flex;justify-content:space-between;gap:18px;padding:24px clamp(18px,5vw,70px);border-top:1px solid var(--line);background:var(--paper)}@media(max-width:1080px){.plans{grid-template-columns:repeat(2,minmax(0,1fr))}.plans article:last-child{grid-column:1/-1}}@media(max-width:620px){main{width:calc(100% - 18px)}.plans{grid-template-columns:1fr}.plans article:last-child{grid-column:auto}.commercial-hero h1{font-size:clamp(3rem,16vw,5rem)}footer{flex-direction:column}}