@import url('https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&family=Playfair+Display:ital,wght@0,600;0,700;1,600&display=swap');

:root{--ink:#241512;--cocoa:#7c4e3d;--dark:#3b211a;--cream:#f7efe8;--paper:#fffaf6;--peach:#ef9a72;--berry:#c93664;--lime:#d6ed7a;--line:rgba(59,33,26,.18);--shadow:0 24px 70px rgba(59,33,26,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.6 "DM Sans",sans-serif}img{max-width:100%;display:block}a{color:inherit}.wrap{width:min(1120px,calc(100% - 2rem));margin:auto}.topbar{padding:1rem 0;border-bottom:1px solid var(--line);background:rgba(247,239,232,.92);backdrop-filter:blur(14px);position:sticky;top:0;z-index:30}.topbar .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem}.mini-brand{display:flex;align-items:center;gap:.65rem;text-decoration:none;font-weight:700}.mini-brand img{width:2.5rem;height:2.5rem;border-radius:50%;object-fit:cover}.topnav{display:flex;gap:1rem;align-items:center;font-size:.9rem;font-weight:700}.topnav a{text-decoration:none}.topnav .pill{padding:.6rem .9rem;border-radius:999px;background:var(--ink);color:white}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-weight:800;font-size:.76rem;color:var(--berry)}h1,h2,h3,p{margin-top:0}h1,h2,.serif{font-family:"Playfair Display",serif;letter-spacing:-.045em;line-height:1}.inner-hero{padding:6.5rem 0 5rem;border-bottom:1px solid var(--line);overflow:hidden}.inner-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:5rem}.inner-hero h1{font-size:clamp(4rem,8vw,7.7rem);margin:.5rem 0 1.5rem}.inner-hero .lede{font-size:1.2rem;max-width:620px}.hero-card{background:var(--dark);color:white;border-radius:10rem 10rem 1.5rem 1.5rem;padding:1rem;box-shadow:var(--shadow);transform:rotate(2deg)}.hero-card img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:9rem 9rem 1rem 1rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;padding:.75rem 1rem;border-radius:999px;background:var(--ink);color:white;text-decoration:none;font-weight:800;border:1px solid var(--ink)}.button.alt{background:transparent;color:var(--ink)}.section{padding:6rem 0}.section.dark{background:var(--dark);color:white}.section.peach{background:var(--peach)}.section-title{display:flex;justify-content:space-between;gap:3rem;align-items:end;margin-bottom:2.5rem}.section-title h2{font-size:clamp(2.8rem,6vw,5.3rem);margin-bottom:0}.section-title p{max-width:420px;margin-bottom:.4rem}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.metric{padding:2rem;background:var(--paper)}.metric strong{display:block;font:600 clamp(2.2rem,5vw,4rem)/1 "Playfair Display",serif}.metric span{font-size:.84rem}.note{font-size:.78rem;color:rgba(36,21,18,.64)}.format-grid,.scope-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.card{padding:2rem;border:1px solid var(--line);border-radius:1.25rem;background:var(--paper)}.dark .card{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.18)}.card h3{font:600 1.8rem/1.05 "Playfair Display",serif}.portfolio-grid{display:grid;grid-template-columns:1.05fr .95fr .95fr;gap:1rem}.portfolio-grid figure{margin:0;position:relative;min-height:470px;overflow:hidden;border-radius:1.25rem;background:#111}.portfolio-grid img{width:100%;height:100%;object-fit:cover}.portfolio-grid figcaption{position:absolute;inset:auto 0 0;padding:4rem 1.25rem 1.25rem;background:linear-gradient(transparent,rgba(0,0,0,.82));color:white;font-weight:700}.timeline{border-top:1px solid var(--line)}.timeline-row{display:grid;grid-template-columns:3rem 1fr 1fr;gap:1rem;padding:1.5rem 0;border-bottom:1px solid var(--line)}.timeline-row strong:first-child{color:var(--berry)}.quote{font:600 clamp(2.8rem,6vw,6rem)/1 "Playfair Display",serif;letter-spacing:-.045em;max-width:980px}.cta-box{padding:clamp(2rem,6vw,5rem);border-radius:1.5rem;background:var(--berry);color:white;display:grid;grid-template-columns:1.2fr .8fr;gap:3rem;align-items:end}.cta-box h2{font-size:clamp(3rem,7vw,6rem);margin:0}.footer{padding:2rem 0;background:var(--ink);color:white}.footer .wrap{display:flex;justify-content:space-between;gap:2rem;align-items:center}.muted{color:rgba(255,255,255,.62);font-size:.78rem}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.comparison-card{padding:2rem;border-radius:1.25rem;background:var(--paper);border:1px solid var(--line)}.comparison-card.new{background:var(--lime)}.comparison-card ul{padding-left:1.1rem}.screenshot{border-radius:1.25rem;border:1px solid var(--line);box-shadow:var(--shadow)}.price{font:600 clamp(3rem,7vw,6rem)/1 "Playfair Display",serif}.print-action{position:fixed;right:1rem;bottom:1rem;z-index:40}.legal{font-size:.8rem;color:rgba(36,21,18,.6)}
@media(max-width:800px){.topnav a:not(.pill){display:none}.inner-hero-grid,.cta-box,.comparison{grid-template-columns:1fr}.hero-card{max-width:520px}.metric-grid{grid-template-columns:1fr 1fr}.format-grid,.scope-grid,.portfolio-grid{grid-template-columns:1fr}.portfolio-grid figure{min-height:520px}.section-title{display:block}.timeline-row{grid-template-columns:2.2rem 1fr}.timeline-row span:last-child{grid-column:2}.footer .wrap{align-items:flex-start;flex-direction:column}}
@media(max-width:520px){.metric-grid{grid-template-columns:1fr}.inner-hero{padding-top:4rem}.inner-hero h1{font-size:3.7rem}.print-action{display:none}}
@media print{.topbar,.print-action,.no-print{display:none!important}body{background:white;color:#111}.inner-hero,.section{padding:2.2rem 0}.inner-hero-grid{grid-template-columns:1.25fr .75fr;gap:1.5rem}.inner-hero h1{font-size:3.6rem}.hero-card img{max-height:360px}.metric-grid{grid-template-columns:repeat(4,1fr)}.portfolio-grid{grid-template-columns:repeat(3,1fr)}.portfolio-grid figure{min-height:320px}.footer{background:white;color:#111}.muted{color:#555}@page{size:A4;margin:12mm}}