@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700;800&family=Inter:wght@400;500;600;700;800&display=swap');:root{--dark:#031b15;--deep:#04251c;--forest:#063d2c;--gold:#f5c45e;--gold2:#e2a83d;--cream:#fff1d1;--white:#fff;--line:rgba(241,193,83,.46)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--dark);color:white;font:15px/1.55 Inter,Arial,sans-serif}a{text-decoration:none;color:inherit}button,input,select{font:inherit}button{cursor:pointer}.top{position:sticky;top:0;z-index:50;min-height:80px;padding:12px clamp(20px,4vw,70px);display:flex;align-items:center;justify-content:space-between;gap:20px;background:#02150fef;border-bottom:1px solid #9b7b3559;backdrop-filter:blur(14px)}.brand{display:flex;gap:12px;align-items:center;flex-shrink:0}.brand img{width:42px;height:48px;object-fit:contain}.brand span{display:grid}.brand strong{font:800 clamp(21px,2.3vw,31px)/1 Cinzel,Georgia,serif;color:#fce4a1;white-space:nowrap}.brand small{font-size:9px;letter-spacing:.17em;color:var(--gold);font-weight:800}.top nav{display:flex;gap:clamp(12px,2vw,30px);font-size:12px;font-weight:700}.top nav a:hover{color:var(--gold)}.btn{border:1px solid var(--gold);border-radius:10px;padding:14px 23px;font-weight:800;display:inline-flex;justify-content:center;align-items:center;gap:10px;text-align:center;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px #0008}.btn.gold{background:linear-gradient(#ffe08c,#e8aa3c);color:#09180f;border-color:#ffd56e}.btn.outline{background:#051b15a8;color:#fff4dc}.btn.pale{background:linear-gradient(#fff5dc,#d6c49c);color:#18241b;border:0}.btn.small{padding:11px 20px;font-size:12px}.btn.wide{width:100%;margin-top:16px}.section{padding:86px clamp(22px,5vw,84px);max-width:1600px;margin:auto}.hero{min-height:650px;display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;position:relative;background:radial-gradient(ellipse at 80% 45%,#285e3e88,transparent 55%),linear-gradient(90deg,#03120ef2,#041b14ce),url('icons/beer-logo-v70.png');background-size:auto,auto,350px;background-repeat:no-repeat;background-position:center,center,right 20% center}.hero-copy{max-width:650px}.eyebrow{font-size:11px;color:var(--gold);letter-spacing:.2em;font-weight:800}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(39px,4vw,65px);line-height:1.13;letter-spacing:-.04em;margin:16px 0 22px;font-weight:800}h2{font-size:clamp(34px,3.6vw,55px);line-height:1.15;letter-spacing:-.035em;margin:10px 0 18px}h1 em,h2 em{font-style:normal;color:var(--gold)}.hero-copy>p,.center>p,.demo-controls>p{color:#f0f1e9;font-size:16px;max-width:570px}.benefits{padding:0;margin:25px 0 35px;list-style:none;display:grid;gap:14px}.benefits li:before{content:'✓';display:inline-grid;place-items:center;width:23px;height:23px;background:var(--gold);color:#082519;border-radius:50%;font-weight:900;margin-right:13px}.actions{display:flex;gap:12px;flex-wrap:wrap}.hero-phone,.demo-preview{display:flex;justify-content:center}.phone{width:295px;min-height:570px;background:linear-gradient(#06251b,#010e0a);border:5px solid #a98947;border-radius:40px;padding:15px 12px 18px;box-shadow:0 0 0 3px #0c0f0c,0 24px 80px #000b;position:relative;overflow:hidden;--phone-accent:#063d2c}.phone.large{width:335px;min-height:625px;padding:18px 14px}.speaker{position:absolute;width:80px;height:8px;border-radius:0 0 8px 8px;background:#010a08;top:0;left:calc(50% - 40px)}.phone-top{display:flex;justify-content:space-between;font-size:10px;padding:3px 8px;color:#fff}.phone-brand{display:flex;flex-direction:column;align-items:center;text-align:center;margin:14px 0 12px;gap:3px}.phone-brand img{width:42px;height:43px;object-fit:contain}.phone-brand b{font:700 24px Cinzel,Georgia,serif;color:#f7d98e;letter-spacing:.06em}.phone-brand small{font-size:7px;letter-spacing:.17em;color:#e7c47b;font-weight:800}.crown{font-size:27px;color:var(--gold);line-height:1}.phone-photo{height:88px;border:1px solid #9b7136;border-radius:8px;background:linear-gradient(180deg,#10251a33,#0a160d77),radial-gradient(ellipse at 25% 40%,#efb663 0,#5d391c 28%,transparent 54%),radial-gradient(ellipse at 75% 40%,#c58b40 0,#392618 34%,transparent 62%),linear-gradient(115deg,#121b14,#684c25,#0e1e16);margin-bottom:12px}.phone-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.tile{min-height:83px;background:linear-gradient(140deg,var(--phone-accent),#02140e);border:1px solid #977639;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:7px 3px;gap:5px}.tile .glyph{font-size:23px;color:var(--gold);line-height:1}.tile strong{font-size:9px;line-height:1.2}.phone-nav{position:absolute;bottom:12px;left:20px;right:20px;display:flex;justify-content:space-between;border-top:1px solid #8b783b;padding-top:10px;color:var(--gold);font-size:22px}.center{text-align:center;margin-bottom:46px}.center>p{margin:0 auto}.features{background:radial-gradient(ellipse at center,#0a4a32,#032219 72%)}.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.feature-grid article{min-height:194px;text-align:center;border:1px solid var(--line);border-radius:18px;padding:24px 15px;background:linear-gradient(145deg,#063624,#021c14);box-shadow:inset 0 0 20px #022015}.fi{font-size:39px;line-height:1.1;color:var(--gold);margin-bottom:16px}.feature-grid h3{font-size:16px;margin-bottom:7px}.feature-grid p{font-size:12px;color:#e0e6dd;margin:0}.pricing{background:radial-gradient(ellipse at 50% 10%,#0b4631,#021c15 70%)}.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:1130px;margin:auto}.plans article{border:1px solid var(--line);border-radius:20px;padding:30px 26px 26px;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;background:#022318}.plans article.popular{border:2px solid var(--gold)}.ribbon{position:absolute;top:-15px;background:linear-gradient(#ffe38e,#dba034);color:#152014;padding:7px 24px;border-radius:7px;font-size:10px;font-weight:900}.plan-icon{font-size:39px;color:var(--gold);line-height:1}.plans h3{font-size:23px;margin:10px 0 4px}.plans article>p{color:#e3e6df;font-size:12px;min-height:45px}.price{font-size:34px;color:var(--gold);font-weight:800;margin:14px 0 18px}.price small{font-size:12px;display:block;color:white;font-weight:500}.plans ul{text-align:left;list-style:none;padding:0;width:100%;margin:0 0 26px}.plans li{border-top:1px solid #9a9e8c30;padding:9px 0;font-size:12px}.plans li:before{content:'✓';color:#7af58b;font-weight:900;margin-right:10px}.plans .btn{width:100%;margin-top:auto}.disclaimer{text-align:center;color:#d2d6c9;font-size:12px;margin:24px auto 0}.demo{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;background:radial-gradient(ellipse at 90% 40%,#0e4b35,#021c15 66%)}.demo-controls{max-width:560px}.demo-controls label{display:block;margin:22px 0 9px;font-size:13px;font-weight:800}.demo-controls input,.demo-controls select{width:100%;background:#041c14;color:white;border:1px solid #9a925c;border-radius:8px;padding:14px;outline:none}.demo-controls input:focus,.demo-controls select:focus{border-color:var(--gold);box-shadow:0 0 0 2px #efc15e55}.swatches{display:flex;gap:13px;flex-wrap:wrap}.swatches button{height:38px;width:38px;border-radius:50%;border:2px solid #c3b68d;background:var(--swatch);color:white;font-weight:800}.swatches button.selected{outline:2px solid var(--gold);outline-offset:3px}.demo-note{font-size:12px;color:#d8d7c7;margin-top:12px}footer{border-top:1px solid #8b723c5c;padding:30px 5vw;display:flex;gap:22px;justify-content:space-between;align-items:center;color:#e9d6a3}footer strong{font:700 20px Cinzel,serif}footer span{font-size:12px}footer a{text-decoration:underline}@media(max-width:900px){.top nav{display:none}.section{padding:60px 24px}.hero,.demo{grid-template-columns:1fr}.hero-phone{padding:10px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.plans{grid-template-columns:1fr;max-width:450px}.demo-controls{max-width:none}}@media(max-width:470px){.top{padding:10px 14px}.brand strong{font-size:19px}.brand img{width:32px}.brand small{font-size:7px}.top .small{font-size:10px;padding:9px 10px}.feature-grid{gap:10px}.feature-grid article{padding:18px 8px;min-height:165px}.feature-grid h3{font-size:13px}.feature-grid p{font-size:11px}h1{font-size:38px}footer{flex-direction:column;text-align:center}}
/* v107: visual alignment with the four-panel supplied reference. */
:root{--gold:#f8cb66;--gold2:#e7aa3f;--line:rgba(237,195,94,.49)}
body{background:#001b13;font-family:Inter,Arial,sans-serif;color:#fff}
.top{height:76px;min-height:76px;background:#00170f;padding:10px 3.2%;border-bottom:0;position:sticky}
.brand img{width:45px;height:52px;filter:drop-shadow(0 0 3px #e9b94c50)}
.brand strong{font-size:29px;letter-spacing:.005em}
.brand small{font-size:9px;letter-spacing:.1em}
.top nav{gap:27px;font-size:12px}
.top nav a{white-space:nowrap}
.top nav a:nth-child(2){color:#ffe09b}
.btn{border-radius:9px;padding:13px 23px}
.btn.gold{background:linear-gradient(180deg,#ffe58e 0%,#f3c764 49%,#d99b38 100%);color:#09130b;box-shadow:inset 0 1px #fff5c4a8}
.btn.pale{background:linear-gradient(180deg,#fff3d6,#d7c59e)}
.section{max-width:none;padding:70px 4.2%}
.hero{min-height:690px;grid-template-columns:1.05fr .95fr;gap:24px;background:linear-gradient(90deg,#00110ded 0%,#00190fc4 50%,#031c11a1 100%),url('assets/pub-v97/pub-cover.webp') center center/cover no-repeat;}
.hero-copy{max-width:650px}
.hero h1{font-size:clamp(42px,4.3vw,68px);line-height:1.09;letter-spacing:-.035em;margin:0 0 24px}
.hero-copy>p{font-size:16px;line-height:1.65;max-width:570px}
.benefits{gap:15px;margin:29px 0 34px}
.benefits li{font-size:15px;font-weight:500}
.hero .phone{transform:scale(1.04);transform-origin:center}
.phone{border:3px solid #b99854;box-shadow:0 0 0 3px #101710,0 20px 70px #000d;border-radius:42px}
.phone-photo{background:linear-gradient(0deg,#02150b35,#03170b25),url('assets/coombe/venue-banner.jpg') center/cover no-repeat;height:91px}
.tile{background:linear-gradient(140deg,var(--phone-accent),#00130d);border-color:#8c753b;box-shadow:inset 0 0 12px #0004}
.tile .glyph{color:#f9c962}
.features{background:radial-gradient(ellipse at 50% 80%,#0a5032 0%,#00321f 50%,#001b12 100%);min-height:600px}
.center{margin-bottom:48px}
.center h2{font-size:clamp(38px,3.7vw,58px);margin-bottom:12px}
.center>p{font-size:16px}
.feature-grid{gap:16px}
.feature-grid article{min-height:205px;border:1px solid #8d9a5b;border-radius:17px;background:linear-gradient(150deg,#003821,#001b13);padding:26px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.fi{font-size:42px;color:#f7c75f;margin-bottom:16px;font-weight:800}
.feature-grid h3{font-size:17px;line-height:1.25}
.feature-grid p{font-size:13px;max-width:230px}
.pricing{background:radial-gradient(ellipse at 50% 15%,#0b4931 0%,#002419 58%,#00180f 100%);min-height:750px}
.plans{max-width:1260px;gap:20px}
.plans article{border-radius:19px;min-height:490px;background:linear-gradient(165deg,#00341f,#00170e);padding:30px 27px 25px}
.plans h3{font-size:23px}
.plans .price{font-size:36px;margin:12px 0 20px}
.plans li{font-size:13px}
.demo{min-height:740px;background:radial-gradient(ellipse at 75% 50%,#0b4a2f 0%,#00261a 54%,#001a11 100%);gap:70px}
.demo h2{font-size:clamp(38px,3.9vw,61px)}
.demo-controls>p{line-height:1.6}
.demo-controls input,.demo-controls select{background:#001b13;border-color:#648052}
.demo .phone{transform:scale(1.06)}
.demo-note{font-size:12px}
@media(min-width:1200px){.section{padding-left:5%;padding-right:5%}.hero{padding-left:5%;padding-right:5%}.hero-phone{justify-content:center}}
@media(max-width:900px){.hero,.demo{grid-template-columns:1fr}.hero{background-position:center}.hero-phone{margin-top:30px}.demo-preview{margin-top:24px}.feature-grid{grid-template-columns:repeat(2,1fr)}.plans{grid-template-columns:1fr}.top nav{display:none}}
@media(max-width:500px){.section{padding:50px 18px}.hero h1{font-size:39px}.hero .phone,.demo .phone{transform:none}.feature-grid article{min-height:175px;padding:16px 10px}.feature-grid h3{font-size:14px}.feature-grid p{font-size:11px}.top{padding:8px 14px}.brand strong{font-size:20px}}