:root{--ink:#070707;--ink-soft:#5a5158;--crimson:var(--accent);--crimson-deep:#c11139;--pink-tint:#fdeef1;--pink-soft:#fbe3e8;--bg:#fcfbfc;--bg-alt:#f6f4f5;--line-soft:#f0eef0;--muted:#8b939a;--shadow-sm:0 1px 2px #0707070a, 0 4px 14px #0707070d;--shadow-md:0 14px 36px #07070714, 0 4px 12px #0707070d;--shadow-lg:0 30px 70px #07070724, 0 10px 24px #07070714;--shadow-crimson:0 22px 56px #c1113929, 0 6px 16px #c111391a;--radius:18px}body{background:var(--bg)}body:before{content:"";pointer-events:none;z-index:1;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.wrap{max-width:var(--maxw);z-index:2;margin:0 auto;padding:0 32px;position:relative}.ico{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.reveal{opacity:0;animation:rise .7s var(--ease) forwards;transform:translateY(16px)}@keyframes rise{to{opacity:1;transform:none}}.d1{animation-delay:40ms}.d2{animation-delay:.12s}.d3{animation-delay:.2s}.d4{animation-delay:.28s}.d5{animation-delay:.36s}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;animation:none;transform:none}}.hero{padding:64px 0 70px;position:relative;overflow:hidden}.hero .wrap{grid-template-columns:1.15fr 1fr;align-items:center;gap:40px;display:grid}.hero :is(h1,h2){margin:var(--sp-3) 0 0;text-wrap:pretty;max-width:20ch}.hero .lede{font-size:var(--text-lg);color:var(--ink-soft);max-width:46ch;margin:var(--sp-5) 0 0;text-wrap:pretty}.hero-cta{flex-wrap:wrap;align-items:center;gap:26px;margin-top:32px;display:flex}.hero-price{margin-top:var(--sp-8)}.hero-visual{min-height:480px;position:relative}.hero-visual .glow{z-index:0;filter:blur(6px);background:radial-gradient(circle at 42% 44%,#e81a462e,#e81a4600 58%);width:120%;height:120%;position:absolute;top:-12%;left:-2%}.browser{z-index:2;background:var(--white);border:1px solid var(--line);width:104%;box-shadow:var(--shadow-lg);border-radius:16px;margin-left:2%;position:relative;overflow:hidden}.browser-bar{border-bottom:1px solid var(--line-soft);background:#fbfafb;align-items:center;gap:8px;padding:11px 16px;display:flex}.browser-bar .dots{gap:6px;display:flex}.browser-bar .dots i{background:#e2e4e7;border-radius:50%;width:10px;height:10px;display:block}.browser-bar .dots i:first-child{background:#f3b6c1}.browser-bar .nav{color:#9aa0a6;letter-spacing:.02em;align-items:center;gap:18px;margin-left:18px;font-family:Nunito;font-size:11px;font-weight:800;display:flex}.browser-bar .nav .logo{color:var(--ink);letter-spacing:.06em;font-weight:900}.browser-bar .booknow{background:var(--ink);color:#fff;border-radius:999px;margin-left:auto;padding:6px 12px;font-family:Nunito;font-size:10.5px;font-weight:800}.browser-body{grid-template-columns:1fr 1fr;gap:0;min-height:248px;display:grid}.store-copy{flex-direction:column;justify-content:center;padding:30px 26px;display:flex}.store-copy h3{letter-spacing:-.02em;font-family:Nunito;font-size:23px;font-weight:900;line-height:1.1}.store-copy p{max-width:24ch;margin:10px 0 0}.store-copy .shop{background:var(--ink);color:#fff;border-radius:999px;align-self:flex-start;margin-top:18px;padding:9px 18px;font-family:Nunito;font-size:12px;font-weight:800}.store-img{background:#efe7e2 url(/assets/images/case-studies/katwood-sm.webp) 50%/cover;position:relative}.store-img:after{content:"";background:linear-gradient(120deg,#ffffff1a,#0000000d);position:absolute;inset:0}.phone{z-index:3;width:152px;box-shadow:var(--shadow-lg);background:#0c0c0d;border-radius:26px;padding:7px;position:absolute;bottom:-7%;left:-4%}.phone .screen{aspect-ratio:9/17.5;background:#1a1518;border-radius:20px;position:relative;overflow:hidden}.phone .pimg{background:#2a2024 url(/assets/images/case-studies/katwood-sm.webp) 50%/cover;height:58%}.phone .pbody{background:#fff;height:42%;padding:11px 12px 13px}.phone .pbody small{letter-spacing:.1em;text-transform:uppercase;color:var(--crimson);font-family:Nunito;font-size:8px;font-weight:800}.phone .pbody h4{margin-top:3px;font-family:Nunito;font-size:13px;font-weight:900;line-height:1.05}.phone .pbody .disc{background:var(--ink);color:#fff;border-radius:999px;align-items:center;gap:5px;margin-top:9px;padding:6px 11px;font-family:Nunito;font-size:9px;font-weight:800;display:inline-flex}.phone .notch{z-index:4;background:#000;border-radius:99px;width:46px;height:5px;position:absolute;top:7px;left:50%;transform:translate(-50%)}.stat-card{z-index:4;background:var(--white);border:1px solid var(--line);width:208px;box-shadow:var(--shadow-md);border-radius:16px;padding:15px 16px;position:absolute;bottom:6%;right:1%}.stat-card .top{justify-content:space-between;align-items:flex-start;display:flex}.stat-card .lbl{color:var(--muted);font-size:11px;font-weight:700}.stat-card .arrow{background:var(--pink-tint);width:26px;height:26px;color:var(--crimson);border-radius:50%;justify-content:center;align-items:center;display:flex}.stat-card .arrow .ico{width:14px;height:14px}.stat-card .num{letter-spacing:-.02em;margin-top:3px;font-family:Nunito;font-size:27px;font-weight:900;line-height:1}.stat-card .delta{color:#1ba672;margin-top:2px;font-size:12px;font-weight:800}.stat-card .spark{margin-top:8px}.cart-btn{z-index:5;background:var(--crimson);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;display:flex;position:absolute;bottom:30%;right:-3%;box-shadow:0 12px 26px #e81a4666}.cart-btn .ico{width:22px;height:22px}.proof{background:var(--bg-alt);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:34px 0}.proof .eyebrow{margin-bottom:var(--sp-6)}.proof-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.pcard{background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow-sm);transition:transform .18s var(--ease), box-shadow .2s var(--ease), border-color .2s var(--ease);border-radius:14px;grid-template-columns:1fr;align-items:start;gap:14px;padding:0;display:grid;overflow:hidden}.pcard:hover{box-shadow:var(--shadow-md);border-color:var(--pink-soft);transform:translateY(-3px)}.pcard .thumb{background:var(--bg-alt);border-bottom:1px solid var(--line);width:100%;height:200px;overflow:hidden}.pcard .thumb img{object-fit:cover;width:100%;height:100%;display:block}.pcard .body{flex-direction:column;min-width:0;padding:0 16px;display:flex}.pcard .link{grid-column:1/-1;justify-self:end;padding:0 16px 16px}.pcard .nm{display:block}.pcard .ds{font-size:var(--text-md);color:var(--ink-2);margin-top:var(--sp-1);display:block}.pcard .chip{margin-top:var(--sp-2);align-self:flex-start}section.block{padding:80px 0}.split{grid-template-columns:.82fr 1.5fr;gap:48px;display:grid}.intro .eyebrow{margin-bottom:var(--sp-3)}.split .intro p{font-size:var(--text-md);max-width:34ch;margin-top:14px}.feat-sec .split{grid-template-rows:auto auto 1fr;align-items:start;row-gap:0}.feat-sec .intro{display:contents}.feat-sec .intro .eyebrow{grid-area:1/1}.feat-sec .intro h3{grid-area:2/1;margin-bottom:14px}.feat-sec .intro p{grid-area:3/1;margin-top:0}.feat-sec .feat-grid{grid-area:2/2/4}.feat-grid{gap:var(--sp-6) var(--sp-7);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.feat{align-items:flex-start;gap:var(--sp-3);display:flex}.feat h6{font-family:var(--font-body);font-weight:var(--fw-semibold);font-size:var(--text-lg);margin-bottom:var(--sp-1);text-wrap:pretty}.feat p{font-size:var(--text-sm);color:var(--ink-2);text-wrap:pretty;max-width:36ch}.packages{background:var(--bg-alt);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.packages .intro p{font-size:var(--text-md);max-width:46ch;margin-top:14px}.packages .pkg-grid{margin-top:var(--sp-8)}.pkg-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:26px;display:grid}.pkg{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:transform .2s var(--ease), box-shadow .25s var(--ease), border-color .2s var(--ease);flex-direction:column;padding:26px 24px;display:flex;position:relative}.pkg:hover{box-shadow:var(--shadow-md);border-color:var(--pink-soft);transform:translateY(-4px)}.pkg.featured{border:1.5px solid var(--crimson);box-shadow:var(--shadow-crimson);transform:translateY(-10px)}.pkg.featured:hover{transform:translateY(-14px)}.pkg .tag{color:#fff;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;background:linear-gradient(90deg,#e01f4f,#c11139);border-radius:999px;padding:6px 14px;font-family:Nunito;font-size:11px;font-weight:800;position:absolute;top:-12px;left:50%;transform:translate(-50%);box-shadow:0 6px 14px #d81a4952}.pkg .picon{background:var(--pink-tint);width:44px;height:44px;color:var(--crimson);border-radius:12px;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.pkg h6{margin-bottom:var(--sp-2)}.pkg .desc{font-size:var(--text-md);line-height:1.55}.pkg .price-row{align-items:baseline;gap:8px;margin-top:12px;display:flex}.pkg .from{font-size:var(--text-xs);color:var(--ink);text-transform:uppercase;font-weight:700}.pkg .price{letter-spacing:-.02em;color:var(--ink);font-family:Nunito;font-size:29px;font-weight:900;line-height:1}.pkg.featured .price{color:var(--crimson-deep)}.pkg .pkg-div{background:var(--line);height:1px;margin:16px 0 14px}.pkg .label{margin-bottom:var(--sp-4)}.pkg-inc summary{cursor:pointer;justify-content:space-between;align-items:center;list-style:none;display:flex}.pkg-inc summary::-webkit-details-marker{display:none}.pkg-inc summary:after{content:"+";font-family:var(--font-display);color:var(--crimson);font-size:16px;font-weight:800;line-height:1}.pkg-inc[open] summary:after{content:"−"}@media (width>=1024px){.pkg-inc summary{pointer-events:none}.pkg-inc summary:after{display:none}}.pkg .checklist{margin-bottom:var(--sp-5)}.pkg .bonus+.button{margin-top:var(--sp-5)}.pkg .checklist li{font-weight:var(--fw-regular);color:var(--ink-2)}.pkg .checklist li b{color:var(--ink);font-weight:800}.pkg .bonus{background:var(--pink-tint);border:1px solid var(--pink-soft);border-radius:12px;margin-top:auto;padding:14px 16px}.pkg .bonus .bt{letter-spacing:.06em;text-transform:uppercase;color:var(--crimson-deep);align-items:center;gap:7px;font-family:Nunito;font-size:11.5px;font-weight:800;display:flex}.pkg .bonus .bt .ico{stroke-width:2.2px;width:15px;height:15px}.pkg .bonus p{margin-top:6px}.pkg .bonus .val{color:var(--ink);font-weight:800}.pkg .button{margin-top:auto}@media (width<=1023px){.hero .wrap{grid-template-columns:1fr;gap:8px}.hero-text{text-align:center}.hero :is(h1,h2),.hero .lede{margin-left:auto;margin-right:auto}.hero-cta{justify-content:center}.hero-price{justify-content:center;display:flex}.hero-visual{max-width:640px;min-height:0;margin-top:34px;margin-left:auto;margin-right:auto}.cart-btn,.stat-card{display:none}.phone{left:auto;right:-4%}.split{grid-template-columns:1fr;gap:30px}.feat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.feat-sec .intro .eyebrow,.feat-sec .intro h3,.feat-sec .intro p,.feat-sec .feat-grid{grid-area:auto/1}.feat-sec .feat-grid{margin-top:var(--sp-6)}.proof-grid{grid-template-columns:repeat(2,1fr)}.pkg-grid{grid-template-columns:1fr}.pkg.featured{transform:none}.pcard:hover,.pkg:hover,.pkg.featured:hover{box-shadow:var(--shadow-sm);border-color:var(--line);transform:none}.pkg.featured:hover{border-color:var(--crimson);box-shadow:var(--shadow-crimson)}section.block{padding:60px 0}}@media (width<=767px){.proof-grid{gap:var(--sp-4);scroll-snap-type:x mandatory;margin:0 calc(var(--sp-5) * -1);padding:0 var(--sp-5);scroll-padding:0 var(--sp-5);scrollbar-width:none;display:flex;overflow-x:auto}.proof-grid::-webkit-scrollbar{display:none}.proof-grid .pcard{scroll-snap-align:start;flex:0 0 76%}.feat-grid{grid-template-columns:1fr}.phone{width:118px;bottom:-10%;left:auto;right:0}.browser{width:100%;margin-left:0}.wrap{padding:0 20px}.hero-cta{flex-direction:column;align-items:center}.hero-cta .button{width:100%}}@media (width<=479px){.phone{display:none}.hero-visual{max-width:300px;min-height:0;margin-left:auto;margin-right:auto}.hero-visual .glow{width:100%;height:100%;top:0;left:0}.browser-bar .nav,.hero-price .more{display:none}.store-copy{padding:20px 18px}}