:root{--red:#dc171c;--ink:#20201e;--paper:#f7f5ef;--muted:#686762;--line:#dcd9d1}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid #aa62d0;outline-offset:5px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.045em;line-height:1.08}h1{font-size:clamp(48px,5.8vw,88px);margin-bottom:26px}h2{font-size:clamp(38px,4.3vw,60px);margin-bottom:24px}h3{line-height:1.2}em{color:var(--red);font-weight:400}header{padding:20px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:center;gap:12px;font-family:Georgia,serif;font-size:25px;line-height:1.1}.brandmark{background:var(--red);color:white;font-size:37px;width:48px;height:48px;display:grid;place-content:center;border-radius:50%;position:relative}.brandmark span{position:absolute;right:7px;bottom:1px}.brand-sub{display:block;font:9px/1.8 Arial,sans-serif;letter-spacing:.2em;margin-top:4px}nav{display:flex;align-items:center;gap:34px;font-size:13px}.nav-cta{border-bottom:1px solid var(--ink);padding:10px 0}.nav-cta span{margin-left:18px}.hero{max-width:1500px;margin:auto;display:grid;grid-template-columns:1.05fr 1fr;min-height:650px;align-items:center;padding:75px 5% 70px;gap:4%}.eyebrow{font-size:10px;letter-spacing:.17em;font-weight:bold;margin-bottom:28px}.dot{display:inline-block;background:var(--red);width:7px;height:7px;border-radius:50%;margin-right:8px}.intro{font-size:19px;line-height:1.5;margin-bottom:18px}.hero-small{color:var(--muted);font-size:14px;max-width:410px;margin-bottom:30px}.button{background:var(--red);color:white;display:flex;justify-content:space-between;align-items:center;gap:28px;padding:15px 20px;font-size:13px;font-weight:bold;width:fit-content;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px);background:#b81015}.button span{font-size:21px;line-height:1}.hero-note{display:flex;gap:17px;margin-top:24px;font-size:10px;color:var(--muted)}.hero-note span:before{content:'✓';margin-right:5px;color:var(--red)}.hero-art{background:#e9e5db;min-height:450px;position:relative;padding:42px 28px 80px;border-radius:48% 48% 3px 3px}.art-label{font-size:8px;letter-spacing:.17em;text-align:center;margin:0 0 25px}.browser-frame{border:5px solid var(--ink);border-radius:8px;background:var(--ink);box-shadow:15px 25px 40px #20201e22;transform:rotate(-4deg);overflow:hidden}.browser-frame img{width:100%;display:block;aspect-ratio:1.65;object-fit:cover;object-position:top}.browser-bar{display:flex;align-items:center;gap:4px;color:#aaa;font-size:7px;height:22px;padding:0 8px}.browser-bar i{width:4px;height:4px;background:#999;border-radius:50%}.browser-bar span{margin:auto}.floating-note{position:absolute;bottom:26px;right:-5px;background:var(--red);padding:24px;color:white;transform:rotate(4deg);width:215px;box-shadow:0 10px 25px #0002}.floating-note>span:first-child{font-size:10px}.floating-note strong{display:block;font:24px/1.15 Georgia,serif;margin:12px 0}.note-arrow{position:absolute;right:18px;top:20px;font-size:25px}.art-bottom{position:absolute;bottom:24px;left:25px;font-size:8px;letter-spacing:.12em;writing-mode:vertical-rl}.ribbon{display:flex;justify-content:space-around;gap:20px;padding:22px 5%;background:var(--ink);color:var(--paper);font-size:12px}.ribbon b{color:#ed645e;font-size:20px;line-height:1}.section{padding:90px 5%;max-width:1500px;margin:auto}.section-head{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:36px}.section-head>p{max-width:355px;color:var(--muted);font-size:14px;margin-bottom:27px}.section-head .eyebrow{color:var(--red);margin-bottom:19px}.packages{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.package{border:1px solid var(--line);padding:30px 26px;display:flex;flex-direction:column;position:relative;background:#fffdf8}.number{font:italic 28px Georgia,serif;color:#a8a69f;margin-bottom:22px}.package-kicker{font-size:9px;letter-spacing:.1em;font-weight:bold;margin-bottom:12px}.package h3{font:30px/1.1 Georgia,serif;letter-spacing:-.03em;margin-bottom:18px}.description{font-size:13px;color:var(--muted);min-height:84px}.price{font-size:38px;letter-spacing:-.05em;margin:5px 0 20px}.price span{font-size:12px;letter-spacing:0}.specs{display:flex;flex-wrap:wrap;gap:8px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0;font-size:10px;justify-content:space-between}.package h4{font-size:11px;margin:23px 0 12px}.package ul{list-style:none;padding:0;margin:0 0 20px;font-size:13px;line-height:2.1}.package li:before{content:'✓';color:var(--red);margin-right:10px}.excluded{font-size:11px;color:var(--muted);margin-top:auto;padding-bottom:12px}.excluded p{margin:5px 0 12px}.package .button{width:100%;margin-top:auto;font-size:12px}.outline{background:transparent;border:1px solid var(--ink);color:var(--ink)}.outline:hover{background:var(--ink);color:white}.featured{background:var(--ink);color:white;border-color:var(--ink)}.featured .description,.featured .number{color:#c2bfb7}.featured .package-kicker{color:#ff9390}.featured .specs{border-color:#55534e}.featured li:before{color:#ff9390}.included-note{font-size:11px;color:#c2bfb7;margin-top:auto;padding-bottom:14px}.fineprint{font-size:10px;color:var(--muted);line-height:1.7;max-width:1020px;margin:23px 0 0}.examples{border-top:1px solid var(--line)}.example-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.preview{position:relative;overflow:hidden;border:1px solid var(--line);background:#ddd;aspect-ratio:1.4}.preview img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .5s}.preview span{position:absolute;bottom:12px;right:12px;background:var(--paper);padding:8px 12px;font-size:10px}.example:hover img{transform:scale(1.04)}.example-title{display:flex;align-items:center;justify-content:space-between;margin-top:21px;gap:10px}.example h3{font:27px Georgia,serif;margin:0}.example-title span{font-size:8px;letter-spacing:.08em}.example p{font-size:12px;color:var(--muted);margin-top:12px}.process{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:80px}.process>div>p:last-child{font-size:14px;max-width:350px;color:var(--muted)}.process ol{list-style:none;padding:0;margin:0}.process li{display:flex;gap:25px;padding:22px 0;border-bottom:1px solid var(--line)}.process li:first-child{padding-top:0}.process li>span{color:var(--red);font:italic 23px Georgia,serif}.process h3{font-size:19px;margin-bottom:9px}.process li p{font-size:13px;color:var(--muted);margin-bottom:0}.faq{padding-top:25px;padding-bottom:90px;max-width:1000px}.faq h2{font-size:38px}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{cursor:pointer;font-size:15px}.faq details p{font-size:13px;color:var(--muted);padding-top:15px;max-width:720px}.contact{text-align:center;background:var(--red);color:white;padding:85px 20px}.contact h2{font-size:clamp(45px,5.4vw,78px)}.contact em{color:#ffd8cd}.contact p:not(.eyebrow){font-size:15px}.light{background:var(--paper);color:var(--ink);margin:28px auto 18px}.light:hover{background:white}.phone{font-size:11px;text-decoration:underline;text-underline-offset:4px}footer{display:flex;justify-content:space-between;gap:30px;padding:45px 5%;font-size:11px}footer .brand{display:block;font-size:23px}footer p{color:var(--muted)}footer>div{display:flex;flex-direction:column;gap:5px}.skip{position:absolute;left:10px;top:-100px;background:white;padding:10px;z-index:10}.skip:focus{top:10px}@media(min-width:1600px){header,footer{padding-left:max(5%,calc((100vw - 1350px)/2));padding-right:max(5%,calc((100vw - 1350px)/2))}}@media(max-width:1000px){.hero{gap:30px}.hero-art{padding:40px 15px;min-height:360px}.floating-note{width:180px;padding:18px;bottom:0}.floating-note strong{font-size:22px}.package{padding:23px 18px}.package h3{font-size:25px}.description{min-height:105px}.hero-note{flex-wrap:wrap;gap:8px}.example-title{align-items:start;flex-direction:column}.process{gap:40px}}@media(max-width:720px){header{padding:15px 6%}.brand{font-size:21px}.brandmark{width:40px;height:40px;font-size:32px}nav>a:not(.nav-cta){display:none}nav{font-size:11px}.nav-cta span{margin-left:7px}.hero{grid-template-columns:1fr;padding:48px 6% 50px;gap:45px}.hero h1{font-size:57px}.intro{font-size:18px}.hero-art{min-height:320px;margin:0 15px 15px;padding:35px 20px 65px}.art-label{font-size:7px}.hero-note{font-size:9px;gap:13px}.ribbon{flex-wrap:wrap;justify-content:center;font-size:10px;gap:10px 18px}.ribbon b:last-child{display:none}.section{padding:60px 6%}.section-head{display:block;margin-bottom:30px}.section-head>p{margin-bottom:0}.packages,.example-grid{grid-template-columns:1fr}.packages{gap:20px}.package{padding:28px}.package h3{font-size:32px}.description{min-height:0}.price{font-size:42px}.package .button{margin-top:12px}.example-grid{gap:35px}.preview{aspect-ratio:1.6}.example-title{flex-direction:row;align-items:center}.example-title span{font-size:9px}.process{grid-template-columns:1fr;gap:25px}.faq{padding-top:15px}.faq h2{font-size:34px}.contact{padding:65px 6%}footer{flex-direction:column;padding:35px 6%;gap:20px}footer p{margin:0}.fineprint{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.audiences{border-bottom:1px solid var(--line)}.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.audience-grid article{border-top:2px solid var(--red);padding-top:22px}.audience-no{font-size:10px;letter-spacing:.12em;color:var(--red)}.audience-grid h3{font:28px/1.2 Georgia,serif;margin:18px 0 15px}.audience-grid p{font-size:14px;color:var(--muted)}.audience-grid strong{font-size:12px;font-weight:600}@media(max-width:720px){.audience-grid{grid-template-columns:1fr;gap:30px}}

.design-points{margin:14px 0 0;padding-left:16px;font-size:12px;line-height:1.8;color:var(--muted)}.design-points li::marker{color:var(--red)}

.showcases{display:grid;gap:58px}.showcase{display:grid;grid-template-columns:1.35fr 1fr;gap:55px;align-items:center}.showcase-stage{position:relative;display:block;height:410px;background:#e3e5e9;padding:48px 45px 65px 25px;overflow:hidden}.savoria .showcase-stage{background:#dbe3db}.savory .showcase-stage{background:#e7e1d1}.stage-caption{position:absolute;top:17px;left:25px;font-size:8px;letter-spacing:.17em}.showcase-browser{width:91%;border:1px solid #ffffff88;border-radius:6px;overflow:hidden;box-shadow:0 18px 35px #0003;transform:rotate(-3deg);background:#fff}.showcase-toolbar{display:flex;justify-content:space-between;padding:8px 10px;font-size:7px;background:#faf8f2;color:#666}.showcase-browser>img{display:block;width:100%;height:255px;object-fit:cover;object-position:top}.showcase-photo{position:absolute;right:22px;bottom:48px;width:25%;height:190px;object-fit:cover;border:5px solid #fff;transform:rotate(5deg);box-shadow:0 10px 20px #0003}.stage-link{position:absolute;bottom:18px;left:25px;font-size:11px;border-bottom:1px solid;padding-bottom:3px}.showcase-copy .eyebrow{color:var(--red);margin-bottom:19px}.showcase-copy h3{font:42px/1.08 Georgia,serif;letter-spacing:-.035em;margin:0 0 22px}.showcase-copy .design-points{font-size:14px;line-height:1.7;padding-left:18px}.showcase-copy .design-points li{margin-bottom:9px}.showcase-note{font-size:11px!important;margin:20px 0!important;color:var(--muted)}.showcase-textlink{font-size:12px;border-bottom:1px solid;padding-bottom:4px}.feature-stack{position:absolute;right:16px;bottom:55px;display:grid;gap:7px;transform:rotate(4deg)}.feature-stack span{display:block;background:#f4eedf;padding:10px 18px;font-size:11px;box-shadow:0 4px 10px #0002;min-width:135px}.brand-board{position:absolute;right:15px;bottom:48px;padding:16px;background:#f8f4e8;width:150px;transform:rotate(4deg);box-shadow:0 6px 20px #0003}.brand-board>span{font-size:7px;letter-spacing:.08em}.brand-board strong{font:50px Georgia,serif;display:block}.brand-board small{font-size:8px}.swatches{display:flex;margin:8px 0;gap:6px}.swatches i{width:25px;height:25px;background:#292f3a;border-radius:50%}.swatches i:nth-child(2){background:#b8af8b}.swatches i:nth-child(3){background:#d9cdb4}.individual-note{margin:40px 0 0;padding:22px 25px;border-left:2px solid var(--red);background:#eeeae1;font-size:14px}.individual-note strong{display:block;margin-bottom:4px}@media(max-width:900px){.showcase{gap:28px}.showcase-stage{height:340px;padding:48px 28px 55px 20px}.showcase-browser>img{height:220px}.showcase-copy h3{font-size:33px}.showcase-photo{height:145px}}@media(max-width:720px){.showcase{grid-template-columns:1fr;gap:25px}.showcases{gap:48px}.showcase-stage{height:330px}.showcase-copy h3{font-size:36px}.showcase-browser>img{height:205px}.brand-board{width:128px}.feature-stack span{min-width:112px;padding:8px 12px}.showcase-photo{width:28%;right:13px}.showcase-copy .design-points{font-size:13px}}
/* Motion: short entrances, gentle interaction, no continuous movement. */
@media (prefers-reduced-motion: no-preference) {
  .floating-note{animation:note-drift 2.3s ease-in-out 2}
  .package{transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
  .button span,.nav-cta span{display:inline-block;transition:transform .25s ease}
  .button:hover span,.nav-cta:hover span{transform:translate(3px,-3px)}
  .showcase-browser,.showcase-photo,.brand-board,.feature-stack{transition:transform .65s cubic-bezier(.22,1,.36,1),box-shadow .65s ease}
  .feature-stack span{transition:transform .45s ease}
  .feature-stack span:nth-child(2){transition-delay:40ms}
  .feature-stack span:nth-child(3){transition-delay:80ms}
  .swatches i{transition:transform .35s ease}
  .swatches i:nth-child(2){transition-delay:50ms}
  .swatches i:nth-child(3){transition-delay:100ms}
  .showcase-stage:focus-visible .showcase-browser{transform:rotate(0deg) translateY(-5px)}
  @media (hover:hover) and (pointer:fine) {
    .package:hover{transform:translateY(-7px);box-shadow:0 18px 35px #20201e12;border-color:#bcb5a8}
    .showcase-stage:hover .showcase-browser{transform:rotate(0deg) translateY(-5px);box-shadow:0 22px 40px #0003}
    .showcase-stage:hover .showcase-photo{transform:rotate(1deg) translateY(-10px)}
    .showcase-stage:hover .brand-board{transform:rotate(0deg) translateY(-9px)}
    .showcase-stage:hover .feature-stack{transform:rotate(0deg)}
    .showcase-stage:hover .feature-stack span{transform:translateX(-7px)}
    .showcase-stage:hover .swatches i{transform:translateY(-4px)}
  }
}
@keyframes note-drift{0%,100%{transform:rotate(4deg) translateY(0)}50%{transform:rotate(2deg) translateY(-9px)}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}html{scroll-behavior:auto}.package:hover,.button:hover{transform:none}}

.brand-logo{display:block;width:84px;height:84px;object-fit:contain;flex-shrink:0;border-radius:50%}footer .footer-brand{display:flex;align-items:center;gap:16px}footer .brand-logo{width:100px;height:100px}@media(max-width:720px){header .brand{gap:8px;font-size:18px}.brand-logo{width:60px;height:60px}footer .brand-logo{width:84px;height:84px}footer .footer-brand{font-size:21px}}

.package .onepager-note{color:var(--muted);margin-top:0}