:root{
  --maroon:#4A060D;--maroon-deep:#2E0408;--coral:#c86358;--blush:#f5eae6;
  --background:#fff;--foreground:var(--maroon);--surface:#fff;
  --muted:#f9f1ee;--muted-foreground:#8d6267;--border:rgba(74,6,13,.10);
  --highlight:#f2d6cf;
  --ink:var(--maroon);--ink-foreground:var(--blush);--ink-muted:rgba(245,234,230,.62);--ink-border:rgba(245,234,230,.14);
  --shadow-soft:0 1px 2px rgba(74,6,13,.04),0 8px 24px -12px rgba(74,6,13,.14);
  --shadow-lift:0 2px 4px rgba(74,6,13,.05),0 24px 48px -20px rgba(74,6,13,.28);
  --shadow-accent:0 16px 40px -18px rgba(74,6,13,.55);
  --ease:cubic-bezier(.22,1,.36,1);
  --font:"Manrope",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;border:0 solid var(--border)}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--background);color:var(--foreground);font-family:var(--font);line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3{font-weight:800;letter-spacing:-.03em;line-height:1.1;color:var(--maroon)}
a{color:inherit;text-decoration:none}
img,svg{display:block;max-width:100%}
button{font:inherit;color:inherit;background:none;cursor:pointer}
ul{list-style:none}
:focus-visible{outline:2px solid var(--coral);outline-offset:3px}
.container{width:100%;max-width:80rem;margin-inline:auto;padding-inline:1.25rem}
.muted{color:var(--muted-foreground)}
.marker{background:var(--highlight);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:.3rem;padding-inline:.24em}
.eyebrow{display:inline-flex;align-items:center;gap:.6rem;font-size:.75rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--maroon)}
.eyebrow::before{content:"";width:1.25rem;height:2px;border-radius:2px;background:var(--coral)}
.center .eyebrow{justify-content:center}
.h2{margin-top:.75rem;font-size:1.875rem}
.lede{margin-top:1rem;line-height:1.7;color:var(--muted-foreground)}
@media(min-width:640px){.h2{font-size:3rem}.h2.sm{font-size:2.25rem}}
.section{padding-block:3rem;scroll-margin-top:5rem}
@media(min-width:640px){.section{padding-block:4.5rem}}
.bg-muted{background:var(--muted)}
.section-fade{position:relative}
.section-fade::before,.section-fade::after{content:"";pointer-events:none;z-index:1;height:4rem;position:absolute;inset-inline:0}
.section-fade::before{top:0;background:linear-gradient(to bottom,var(--background),transparent)}
.section-fade::after{bottom:0;background:linear-gradient(to top,var(--background),transparent)}
.section-fade>.container{position:relative;z-index:2}
.mw-2{max-width:42rem}.mw-3{max-width:48rem}
.center{text-align:center;margin-inline:auto}
.mt-10{margin-top:2.5rem}.mt-7{margin-top:1.75rem}.mt-5{margin-top:1.25rem}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:999px;font-weight:700;white-space:nowrap;transition:all .3s ease-out;height:2.5rem;padding-inline:1.15rem;font-size:.875rem;border:1px solid transparent}
.btn:hover{transform:scale(1.03)}.btn:active{transform:scale(.99)}
.btn-lg{height:3.25rem;padding-inline:1.75rem;font-size:1rem}
.btn-primary{background:var(--maroon);color:#fff;box-shadow:var(--shadow-accent)}
.btn-primary:hover{background:var(--maroon-deep);box-shadow:var(--shadow-lift)}
.btn-outline{border-color:var(--border);background:var(--surface);color:var(--maroon)}
.btn-outline:hover{background:var(--blush);border-color:var(--blush)}
.btn-light{background:var(--blush);color:var(--maroon)}
.btn-light:hover{background:#fff;box-shadow:var(--shadow-lift)}
.btn svg{width:1rem;height:1rem}
.card{border:1px solid var(--border);background:var(--surface);border-radius:1.5rem;box-shadow:var(--shadow-soft)}
.card-lift{transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s}
.card-lift:hover{box-shadow:var(--shadow-lift);transform:translateY(-6px)}
.chip{display:inline-block;border-radius:999px;background:var(--highlight);color:var(--maroon);padding:.25rem .75rem;font-size:.75rem;font-weight:700}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.reveal.in{opacity:1;transform:none}
.logo{display:inline-flex;align-items:baseline;font-weight:800;font-size:1.2rem;letter-spacing:-.03em;color:var(--maroon);white-space:nowrap}
.logo .b{color:var(--coral);font-weight:700}
.logo .w{font-weight:500}
.logo.light{color:var(--blush)}
.hero{position:relative;overflow:hidden;padding:6.5rem 0 2rem}
@media(min-width:640px){.hero{padding:7rem 0 2.75rem}}
@media(min-width:1024px){.hero{padding-top:8rem}}
.blob{pointer-events:none;position:absolute;top:-10rem;left:-8rem;width:36rem;height:36rem;border-radius:999px;background:rgba(242,214,207,.7);filter:blur(64px)}
.blob.two{top:auto;left:auto;bottom:-14rem;right:-10rem;background:rgba(245,234,230,.9)}
.hero-grid{position:relative;display:grid;align-items:center;gap:3rem}
.hero-grid>*,.step>*,.faq-grid>*{min-width:0}
@media(min-width:1024px){.hero-grid{grid-template-columns:1.05fr 1fr}}
.hero-copy{text-align:center}
@media(min-width:640px){.hero-copy{text-align:left}}
.hero h1{font-size:2.1rem;line-height:1.1}
.hero h1 .marker{display:inline-block;margin-top:.08em;line-height:1.08}
.hero h1 .line{display:block}
@media(min-width:640px){.hero h1{font-size:3rem;line-height:1.06}.hero h1 .line{white-space:nowrap}}
@media(min-width:1280px){.hero h1{font-size:3.5rem}}
.hero .sub{margin:1.5rem auto 0;max-width:34rem;line-height:1.7;color:var(--muted-foreground)}
@media(min-width:640px){.hero .sub{margin-inline:0;font-size:1.125rem}}
.hero-ctas{margin-top:2rem;display:flex;flex-direction:column;align-items:center;gap:.75rem}
@media(min-width:640px){.hero-ctas{flex-direction:row;justify-content:flex-start}}
.trust-row,.price-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;font-size:.875rem}
.trust-row{margin-top:1.75rem;gap:.5rem 1.25rem}.price-row{margin-top:1rem;gap:.5rem .75rem}
@media(min-width:640px){.trust-row,.price-row{justify-content:flex-start}}
.platforms{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1rem;font-weight:800;font-size:.9rem;color:var(--maroon)}
.platforms span{display:flex;align-items:center;gap:.35rem}
.platforms i{width:.6rem;height:.6rem;border-radius:3px;background:var(--maroon)}
.platforms span:nth-child(2) i{background:var(--coral);border-radius:50%}
.platforms span:nth-child(3) i{background:transparent;border:2px solid var(--maroon);border-radius:50%}
.price-row .chip{background:var(--blush)}
.price-row strong{color:var(--maroon)}
.marquee-mask{-webkit-mask-image:linear-gradient(#0000 0%,#000 12% 88%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 12% 88%,#0000 100%)}
.wall{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.25rem;height:34rem;overflow:hidden}
@media(min-width:640px){.wall{height:42rem}}
@media(min-width:1024px){.wall{height:46rem}}
.wall>.col:last-child{margin-top:-4rem}
.marquee-col{display:flex;flex-direction:column;gap:1.25rem;animation:marquee-y var(--dur,46s) linear infinite}
.wall:hover .marquee-col{animation-play-state:paused}
@keyframes marquee-y{to{transform:translateY(calc(-50% - .625rem))}}
@keyframes marquee-x{to{transform:translateX(calc(-50% - 1.75rem))}}
.ui{border-radius:1.1rem;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-soft);padding:.9rem;font-size:.7rem;color:var(--maroon);display:flex;flex-direction:column;gap:.6rem}
.ui.blush{background:var(--blush);border-color:transparent}
.ui.dark{background:var(--maroon);border-color:transparent;color:var(--blush)}
.ui-h{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-weight:800;font-size:.68rem;letter-spacing:.04em}
.ui-h small{font-weight:600;color:var(--muted-foreground);letter-spacing:0}
@media(max-width:639px){.ui-h small{display:none}}
.ui.dark .ui-h small{color:var(--ink-muted)}
.ok{display:inline-flex;align-items:center;gap:.3rem;font-weight:700}
.ok::before{content:"";width:.45rem;height:.45rem;border-radius:50%;background:var(--coral);animation:soft-pulse 2s infinite}
.pill-row{display:flex;flex-wrap:wrap;gap:.3rem}
.pill{display:inline-flex;align-items:center;gap:.25rem;border-radius:999px;padding:.2rem .5rem;font-weight:800;font-size:.6rem;background:var(--blush);color:var(--maroon)}
.ui.blush .pill{background:#fff}
.ui.dark .pill{background:rgba(245,234,230,.12);color:var(--blush)}
.pill svg{width:.65rem;height:.65rem}
.mail{display:grid;grid-template-columns:auto 1fr;gap:.5rem;align-items:center;border-radius:.7rem;background:var(--muted);padding:.55rem}
.ui.blush .mail{background:#fff}
.av{width:1.6rem;height:1.6rem;border-radius:50%;display:grid;place-items:center;background:var(--maroon);color:var(--blush);font-weight:800;font-size:.55rem}
.mail b{display:block;font-size:.66rem}.mail span{display:block;color:var(--muted-foreground);font-size:.6rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.spark{display:flex;align-items:flex-end;gap:3px;height:3.2rem}
.spark i{flex:1;border-radius:2px 2px 0 0;background:rgba(245,234,230,.25)}
.spark i:nth-last-child(-n+3){background:var(--coral)}
.big{font-size:1.5rem;font-weight:800;letter-spacing:-.03em;line-height:1}
.checks{display:grid;gap:.4rem}
.checks li{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding-bottom:.4rem;border-bottom:1px dashed var(--border)}
.ui.dark .checks li{border-color:var(--ink-border)}
.checks li:last-child{border:0;padding:0}
.checks svg{width:.8rem;height:.8rem;color:var(--coral)}
.chat{display:flex;flex-direction:column;gap:.35rem}
.bub{max-width:85%;border-radius:.8rem;padding:.45rem .6rem;line-height:1.35}
.bub.in{background:#fff;border-bottom-left-radius:.2rem}
.bub.out{align-self:flex-end;background:var(--maroon);color:var(--blush);border-bottom-right-radius:.2rem}
.sig{display:grid;grid-template-columns:auto 1fr;gap:.6rem;align-items:center;border-top:2px solid var(--coral);padding-top:.6rem}
.sig .mk{width:2.2rem;height:2.2rem;border-radius:.5rem;background:var(--maroon);display:grid;place-items:center;color:var(--coral);font-weight:800;font-size:.8rem}
.sig b{display:block;font-size:.75rem}.sig span{display:block;color:var(--muted-foreground);font-size:.6rem}
.lines i{display:block;height:.35rem;border-radius:.2rem;background:var(--muted);margin-top:.3rem}
.lines i:nth-child(2){width:80%}.lines i:nth-child(3){width:55%}
.vs{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
.vs>div{border-radius:.7rem;padding:.5rem;display:flex;flex-direction:column;align-items:center;gap:.35rem;background:var(--muted);text-align:center}
.ui.dark .vs>div{background:rgba(245,234,230,.08)}
.vs .crisp,.vs .blur{width:2.6rem;height:2.6rem;border-radius:.6rem;display:grid;place-items:center;font-weight:800;font-size:1rem}
.vs .crisp{background:var(--coral);color:var(--maroon)}
.vs .blur{background:var(--coral);color:var(--maroon);filter:blur(1.6px) saturate(.5);image-rendering:pixelated}
.vs span{font-size:.58rem;opacity:.8;word-break:break-all}
.map{height:4.2rem;border-radius:.7rem;position:relative;overflow:hidden;background:
  linear-gradient(90deg,transparent 46%,#fff 46% 50%,transparent 50%),
  linear-gradient(0deg,transparent 58%,#fff 58% 62%,transparent 62%),
  linear-gradient(120deg,transparent 30%,rgba(255,255,255,.8) 30% 33%,transparent 33%),var(--highlight)}
.map i{position:absolute;left:48%;top:30%;width:1rem;height:1rem;margin-left:-.5rem;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--maroon);box-shadow:0 4px 8px rgba(74,6,13,.3)}
.btn-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.3rem}
.btn-row span{border-radius:999px;border:1px solid var(--border);padding:.3rem 0;text-align:center;font-weight:700;font-size:.58rem}
.browser{border-radius:.7rem;overflow:hidden;background:var(--muted);position:relative;height:6rem}
.browser .bar{height:.9rem;background:#fff;display:flex;gap:.2rem;align-items:center;padding-left:.4rem}
.browser .bar i{width:.3rem;height:.3rem;border-radius:50%;background:var(--highlight)}
.browser .blk{position:absolute;border-radius:.3rem;background:#fff}
.browser svg{position:absolute;inset:.9rem 0 0;width:100%;height:calc(100% - .9rem)}
.browser path{fill:none;stroke:var(--coral);stroke-width:1.6;stroke-dasharray:4 3;stroke-linecap:round}
.cursor{position:absolute;width:.7rem;height:.9rem;background:var(--maroon);clip-path:polygon(0 0,100% 70%,45% 65%,20% 100%);offset-path:path("M10 60 C 50 10, 90 70, 140 30 S 200 50, 230 20");animation:cursor 6s ease-in-out infinite}
@keyframes cursor{from{offset-distance:0}to{offset-distance:100%}}
.timeline{height:.3rem;border-radius:999px;background:var(--muted);overflow:hidden}
.timeline i{display:block;height:100%;background:var(--maroon);animation:pipeline-fill 6s linear infinite}
.logos{position:relative;margin-top:3rem}
.logos>p{text-align:center;font-size:.875rem;color:var(--muted-foreground)}
.logo-track-wrap{position:relative;overflow:hidden;margin-top:1.25rem;-webkit-mask-image:linear-gradient(90deg,#0000,#000 4rem calc(100% - 4rem),#0000);mask-image:linear-gradient(90deg,#0000,#000 4rem calc(100% - 4rem),#0000)}
.logo-track{display:flex;width:max-content;align-items:center;gap:3.5rem;animation:marquee-x 36s linear infinite}
.wordmark{height:2.25rem;display:flex;align-items:center;gap:.5rem;flex-shrink:0;color:var(--muted-foreground);font-weight:800;font-size:1.15rem;letter-spacing:-.02em;white-space:nowrap;user-select:none;transition:color .3s}
.wordmark i{width:.45rem;height:.45rem;border-radius:50%;background:var(--coral)}
.wordmark:hover{color:var(--maroon)}
.grid3{margin-top:2.5rem;display:grid;gap:1.25rem}
@media(min-width:768px){.grid3{grid-template-columns:repeat(3,1fr)}}
.prob{display:flex;height:100%;flex-direction:column;padding:1.75rem}
.prob .top{display:flex;justify-content:space-between;align-items:center}
.prob .top svg{width:1.25rem;height:1.25rem;color:var(--coral)}
.prob-viz{margin-top:1.5rem;height:7rem;border-radius:1rem;background:var(--muted);padding:.75rem;display:flex;flex-direction:column;justify-content:center;gap:.45rem;font-size:.72rem;overflow:hidden}
.pv-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;border-radius:.6rem;background:#fff;padding:.45rem .6rem;color:var(--maroon)}
.pv-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pv-row b{flex-shrink:0;font-size:.62rem;border-radius:999px;padding:.15rem .5rem;background:var(--highlight)}
.pv-row.warn b{background:var(--maroon);color:var(--blush)}
.in .pv-row{animation:row-in .7s var(--ease) both}
.in .pv-row:nth-child(2){animation-delay:.12s}.in .pv-row:nth-child(3){animation-delay:.24s}
@keyframes row-in{from{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:none}}
.pix{display:flex;align-items:center;justify-content:center;gap:1.25rem;height:100%}
.pix div{display:flex;flex-direction:column;align-items:center;gap:.35rem;color:var(--muted-foreground);font-size:.62rem;font-weight:700}
.pix .tile{width:3.4rem;height:3.4rem;border-radius:.8rem;display:grid;place-items:center;font-weight:800;font-size:1.4rem;background:var(--maroon);color:var(--coral)}
.pix .tile.bad{filter:blur(2.5px) saturate(.4) contrast(.8)}
.stat{margin-top:1.25rem;display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap}
.stat b{font-size:1.6rem;font-weight:800;letter-spacing:-.03em;color:var(--maroon)}
.stat span{font-size:.75rem;color:var(--muted-foreground)}
.prob h3,.feat h3{margin-top:1.25rem;font-size:1.125rem;letter-spacing:-.02em}
.prob p,.feat p{margin-top:.5rem;font-size:.9rem;line-height:1.65;color:var(--muted-foreground)}
.steps{margin-top:2.5rem;display:flex;flex-direction:column;gap:3.5rem}
@media(min-width:640px){.steps{gap:4.5rem}}
.step{display:grid;align-items:center;gap:2.5rem}
@media(min-width:1024px){.step{grid-template-columns:1fr 1fr;gap:4rem}.step.flip>:first-child{order:2}}
.step .num{font-size:.875rem;font-weight:800;color:var(--coral)}
.step h3{margin-top:.5rem;font-size:1.6rem}
@media(min-width:640px){.step h3{font-size:2rem}}
.step .copy p{margin-top:1rem;max-width:32rem;line-height:1.7;color:var(--muted-foreground)}
.step .copy ul{margin-top:1.25rem;display:grid;gap:.6rem;font-size:.9rem;font-weight:600}
.step .copy li,.plan li{display:flex;gap:.625rem}
.step .copy li svg,.plan li svg{flex-shrink:0;width:1rem;height:1rem;margin-top:.2rem;color:var(--coral)}
.viz{padding:1.25rem}
.viz-head{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;font-weight:800}
.dot-live{display:inline-flex;align-items:center;gap:.4rem;color:var(--muted-foreground);font-weight:600}
.dot-live::before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:var(--coral);animation:soft-pulse 2s infinite}
@keyframes soft-pulse{0%,100%{opacity:.35;transform:scale(.94)}50%{opacity:1;transform:scale(1)}}
.audit-rows{margin-top:1rem;display:grid;gap:.7rem}
.audit-row{display:grid;grid-template-columns:8.5rem 1fr 2.5rem;align-items:center;gap:.75rem;font-size:.75rem;font-weight:600}
.audit-row b{text-align:right}
.meter{height:.5rem;border-radius:999px;background:var(--muted);overflow:hidden}
.meter span{display:block;height:100%;border-radius:999px;background:var(--maroon);animation:width-cycle 6s var(--ease) infinite}
.meter.coral span{background:var(--coral)}
@keyframes width-cycle{0%,8%{width:4%}40%,92%{width:var(--w,70%)}100%{width:4%}}
.pipeline{position:relative;margin-top:1.25rem;height:.25rem;border-radius:999px;background:var(--muted);overflow:hidden}
.pipeline::before{content:"";position:absolute;inset-block:0;left:0;border-radius:999px;background:var(--coral);animation:pipeline-fill 3s linear infinite}
@keyframes pipeline-fill{from{width:0}to{width:100%}}
.build-list{margin-top:1rem;display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
.build-list div{border-radius:.9rem;border:1px solid var(--border);padding:.7rem;display:flex;align-items:center;gap:.55rem;font-size:.75rem;font-weight:700;animation:block-pop 6s var(--ease) infinite}
.build-list div:nth-child(2){animation-delay:.3s}.build-list div:nth-child(3){animation-delay:.6s}.build-list div:nth-child(4){animation-delay:.9s}.build-list div:nth-child(5){animation-delay:1.2s}.build-list div:nth-child(6){animation-delay:1.5s}
.build-list i{width:1.8rem;height:1.8rem;flex-shrink:0;border-radius:.55rem;background:var(--blush);display:grid;place-items:center;color:var(--maroon)}
.build-list svg{width:.9rem;height:.9rem}
@keyframes block-pop{0%,8%{opacity:.25;transform:translateY(6px)}18%,100%{opacity:1;transform:none}}
.prompt{margin-top:1rem;border-radius:.9rem;background:var(--muted);padding:.7rem .9rem;font-size:.75rem;color:var(--muted-foreground);display:flex;gap:.25rem;align-items:center}
.prompt::after{content:"";width:1px;height:.9rem;background:var(--maroon);animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.code-viz{display:grid;gap:1rem;align-items:stretch}
@media(min-width:640px){.code-viz{grid-template-columns:1.15fr 1fr}}
.code{display:flex;flex-direction:column;border-radius:1rem;background:var(--ink);color:var(--ink-foreground);padding:1rem;min-width:0}
.code .ttl{margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.code .ttl i{width:.5rem;height:.5rem;border-radius:50%;background:var(--coral)}
.code pre{font-family:var(--font-mono);font-size:10px;line-height:1.9;color:var(--ink-muted);overflow:hidden}
.code pre div{white-space:pre;animation:fade-cycle 7s ease-in-out infinite}
.code pre .k{color:var(--coral)}
.code pre .v{color:var(--blush)}
@keyframes fade-cycle{0%,10%{opacity:0;transform:translateY(6px)}25%,95%{opacity:1;transform:none}100%{opacity:0}}
.tpl{border-radius:1rem;border:1px solid var(--border);background:var(--background);padding:.75rem;display:flex;flex-direction:column;gap:.5rem}
.tpl .blk{border-radius:.5rem;border:1px dashed var(--border);padding:.45rem .55rem;font-size:10px;font-weight:700;color:var(--maroon);display:flex;justify-content:space-between;align-items:center;animation:block-pop 7s var(--ease) infinite}
.tpl .blk em{font-style:normal;color:var(--coral)}
.tpl .blk.hd{background:var(--maroon);color:var(--blush);border-style:solid;border-color:transparent}
.scale-grid{margin-top:1rem;display:grid;grid-template-columns:repeat(13,1fr);gap:.35rem}
.scale-grid i{aspect-ratio:1;border-radius:.3rem;background:var(--muted);animation:scale-on 4s var(--ease) infinite}
@keyframes scale-on{0%,10%{background:var(--muted)}30%,85%{background:var(--coral)}100%{background:var(--muted)}}
.scale-legend{margin-top:.5rem;display:flex;justify-content:space-between;font-size:.65rem;color:var(--muted-foreground)}
.kpis{margin-top:1rem;display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}
.kpis div{border-radius:.9rem;background:var(--muted);padding:.75rem}
.kpis b{display:block;font-size:1.2rem;font-weight:800;color:var(--maroon);letter-spacing:-.02em}
.kpis span{font-size:.7rem;color:var(--muted-foreground)}
.masonry-wrap{position:relative;margin-top:2.5rem}
.masonry{columns:1;column-gap:1.25rem}
.masonry>*{margin-bottom:1.25rem;break-inside:avoid}
@media(min-width:640px){.masonry{columns:2}}
@media(min-width:1024px){.masonry{columns:3}}
.kit{overflow:hidden;padding:0}
.kit-art{padding:1.5rem;display:grid;place-items:center;background:var(--blush);min-height:11rem;position:relative}
.kit-art.dark{background:var(--maroon)}
.kit-body{padding:1.25rem 1.5rem 1.5rem}
.kit-body h3{font-size:1.05rem;letter-spacing:-.02em}
.kit-body p{margin-top:.4rem;font-size:.85rem;line-height:1.6;color:var(--muted-foreground)}
.kit-body .chip{margin-bottom:.75rem}
.bcard{width:15rem;aspect-ratio:1.75;border-radius:.6rem;background:#fff;box-shadow:var(--shadow-lift);padding:1rem;display:flex;flex-direction:column;justify-content:space-between;transform:rotate(-4deg)}
.bcard.back{position:absolute;transform:rotate(5deg) translate(1.5rem,.75rem);background:var(--maroon);display:grid;place-items:center;color:var(--coral);font-weight:800;font-size:1.5rem}
.bcard.front{position:relative}
.bcard b{font-size:.8rem;color:var(--maroon)}.bcard span{display:block;font-size:.55rem;color:var(--muted-foreground)}
.bcard .mk{width:1.4rem;height:1.4rem;border-radius:.35rem;background:var(--maroon);color:var(--coral);display:grid;place-items:center;font-weight:800;font-size:.6rem}
.letter{width:11rem;aspect-ratio:1/1.414;background:#fff;border-radius:.3rem;box-shadow:var(--shadow-lift);padding:1rem;display:flex;flex-direction:column;gap:.35rem}
.letter .top{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--coral);padding-bottom:.45rem;margin-bottom:.4rem}
.letter i{display:block;height:.28rem;border-radius:.2rem;background:var(--muted)}
.letter i.s{width:60%}.letter i.m{width:85%}
.letter .ft{margin-top:auto;height:.3rem;background:var(--maroon);border-radius:.2rem}
.web{width:100%;max-width:17rem;border-radius:.7rem;overflow:hidden;background:#fff;box-shadow:var(--shadow-lift)}
.web .bar{height:1.2rem;background:var(--muted);display:flex;align-items:center;gap:.25rem;padding-left:.5rem}
.web .bar i{width:.35rem;height:.35rem;border-radius:50%;background:var(--highlight)}
.web .bar span{margin-left:.5rem;font-size:.5rem;color:var(--muted-foreground);display:flex;align-items:center;gap:.2rem}
.web .bar svg{width:.5rem;height:.5rem;color:var(--maroon)}
.web .hero-s{background:var(--maroon);padding:1rem;display:flex;flex-direction:column;gap:.35rem}
.web .hero-s i{display:block;height:.45rem;border-radius:.2rem;background:var(--blush);width:70%}
.web .hero-s i+i{width:45%;background:rgba(245,234,230,.4);height:.3rem}
.web .hero-s b{display:block;width:3.5rem;height:.9rem;border-radius:999px;background:var(--coral);margin-top:.25rem}
.web .cols{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;padding:.6rem}
.web .cols i{height:2rem;border-radius:.3rem;background:var(--muted)}
.phone{width:9.5rem;border-radius:1.4rem;background:var(--maroon);padding:.45rem;box-shadow:var(--shadow-lift)}
.phone .scr{border-radius:1rem;background:var(--blush);padding:.6rem;display:flex;flex-direction:column;gap:.35rem;font-size:.55rem;color:var(--maroon)}
.phone .who{display:flex;align-items:center;gap:.35rem;font-weight:800;padding-bottom:.35rem;border-bottom:1px solid rgba(74,6,13,.1)}
.phone .who i{width:1rem;height:1rem;border-radius:50%;background:var(--maroon)}
.files{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;width:100%;max-width:16rem}
.files div{border-radius:.6rem;background:rgba(245,234,230,.1);padding:.6rem .4rem;text-align:center;color:var(--blush);font-size:.58rem;font-weight:700}
.files div b{display:grid;place-items:center;height:2.2rem;margin-bottom:.35rem;border-radius:.4rem;background:var(--coral);color:var(--maroon);font-size:.9rem}
.files div:nth-child(2) b{background:var(--blush)}
.files div:nth-child(3) b{background:transparent;border:1px solid var(--coral);color:var(--coral)}
.files div:nth-child(5) b{background:#fff}
.dns{width:100%;max-width:17rem;display:grid;gap:.45rem}
.dns div{display:flex;justify-content:space-between;align-items:center;gap:.5rem;border-radius:.6rem;background:#fff;padding:.5rem .65rem;font-size:.7rem;font-weight:800;color:var(--maroon);box-shadow:var(--shadow-soft)}
.dns div span{font-family:var(--font-mono);font-weight:400;font-size:.58rem;color:var(--muted-foreground);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
.dns svg{width:.85rem;height:.85rem;color:var(--coral);flex-shrink:0}
.gbp{width:100%;max-width:16rem;background:#fff;border-radius:.8rem;box-shadow:var(--shadow-lift);overflow:hidden;font-size:.62rem;color:var(--maroon)}
.gbp .map{border-radius:0;height:4.5rem}
.gbp .in{padding:.65rem;display:flex;flex-direction:column;gap:.4rem}
.gbp .in b{font-size:.8rem}
.gbp .in em{font-style:normal;color:var(--muted-foreground)}
.quote-line{border-left:2px solid var(--coral);padding-left:1rem;font-size:.95rem;font-weight:600;font-style:italic;color:var(--muted-foreground)}
.lede.lg{margin-top:1.25rem;font-size:1.125rem}
.flow{overflow:hidden;border-radius:1.5rem;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-soft)}
.flow-grid{display:grid;gap:1px;background:var(--border)}
@media(min-width:1024px){.flow-grid{grid-template-columns:1fr auto 1fr}}
.flow-grid>div{background:var(--surface);padding:1.5rem}
.flow-label{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-foreground)}
.flow-label svg{width:1rem;height:1rem;color:var(--coral)}
.flow-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}
.leaks{margin-top:1.25rem;display:grid;gap:.75rem}
.leaks li{position:relative;display:flex;align-items:center;justify-content:space-between;gap:.75rem;border-radius:1rem;border:1px solid var(--border);background:var(--muted);padding:.75rem 1rem;font-size:.8rem;font-weight:700}
.leaks li b{color:var(--muted-foreground);flex-shrink:0;font-size:.72rem;font-weight:600}
.leaks li::after{content:"";position:absolute;bottom:-.25rem;left:1rem;width:.375rem;height:.375rem;border-radius:50%;background:var(--coral);animation:leak 2.4s ease-in infinite}
.leaks li:nth-child(2)::after{animation-delay:.6s}.leaks li:nth-child(3)::after{animation-delay:1.2s}.leaks li:nth-child(4)::after{animation-delay:1.8s}
@keyframes leak{0%{transform:translateY(0);opacity:0}20%{opacity:1}100%{transform:translateY(14px);opacity:0}}
.flow-grid>.flow-mid{display:flex;align-items:center;justify-content:center;gap:.75rem}
@media(min-width:1024px){.flow-grid>.flow-mid{flex-direction:column}}
.vline{display:none;height:4rem;width:1px;background:rgba(200,99,88,.5)}
@media(min-width:1024px){.vline{display:block}}
.engine{position:relative;display:flex;flex-direction:column;align-items:center}
.engine .pulse{position:absolute;top:50%;left:50%;width:7rem;height:7rem;margin:-3.5rem;border-radius:50%;background:rgba(200,99,88,.14);animation:soft-pulse 2.4s infinite}
.engine .box{position:relative;z-index:1;border-radius:1rem;background:var(--maroon);color:var(--blush);padding:.85rem 1.1rem;text-align:center;box-shadow:var(--shadow-lift)}
.engine .box .logo{font-size:.85rem;color:var(--blush)}
.engine .box .cap{display:block;margin-top:.2rem;font-size:10px;color:var(--ink-muted)}
.flow-mid>svg{width:1.25rem;height:1.25rem;color:var(--coral);transform:rotate(-90deg)}
@media(min-width:1024px){.flow-mid>svg{transform:none}}
.profiles{margin-top:1.25rem;display:grid;grid-template-columns:repeat(10,1fr);gap:.375rem;justify-items:center}
.profiles i{width:.75rem;height:.75rem;border-radius:50%;background:var(--maroon);animation:profile-in 4s var(--ease) infinite}
.profiles i:nth-child(3n){background:var(--coral)}
@keyframes profile-in{0%,10%{transform:scale(0);opacity:0}30%,90%{transform:scale(1);opacity:1}100%{opacity:0}}
.tiny{margin-top:.5rem;font-size:11px;color:var(--muted-foreground)}
.rec-bars{margin-top:1.25rem;display:grid;gap:.75rem}
.rec-bars .row{display:flex;justify-content:space-between;font-size:.75rem;font-weight:700}
.rec-bars .row b{color:var(--maroon)}
.rec-bars .meter{margin-top:.375rem}
.flow-note{border-top:1px solid var(--border);background:var(--muted);padding:1rem 1.5rem;font-size:.75rem;color:var(--muted-foreground)}
.feat{height:100%;padding:1.75rem}
.feat .ic{display:flex;width:2.75rem;height:2.75rem;align-items:center;justify-content:center;border-radius:1rem;background:var(--maroon)}
.feat .ic svg{width:1.25rem;height:1.25rem;color:var(--coral)}
.stats{margin-top:2.5rem;display:grid;gap:1px;overflow:hidden;border-radius:1.5rem;border:1px solid var(--border);background:var(--border)}
@media(min-width:640px){.stats{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.stats{grid-template-columns:repeat(4,1fr)}}
.stats>div{background:var(--background);padding:1.75rem}
.stats b{font-size:2.4rem;font-weight:800;letter-spacing:-.04em;color:var(--maroon)}
.stats p{margin-top:.5rem;font-size:.875rem;line-height:1.55;color:var(--muted-foreground)}
.grid2{margin-top:1.75rem;display:grid;gap:1.25rem}
@media(min-width:768px){.grid2{grid-template-columns:1fr 1fr}}
.testi{height:100%;padding:1.75rem}
.testi svg{width:1.5rem;height:1.5rem;color:var(--coral)}
.testi blockquote{margin-top:1rem;font-size:1.15rem;font-weight:700;letter-spacing:-.01em;line-height:1.45;color:var(--maroon)}
.testi figcaption{margin-top:1rem;font-size:.9rem;line-height:1.6;color:var(--muted-foreground)}
.currency{margin:1.5rem auto 0;display:inline-flex;gap:.25rem;border-radius:999px;background:var(--surface);border:1px solid var(--border);padding:.25rem}
.currency button{height:2.25rem;padding-inline:1.1rem;border-radius:999px;font-size:.8rem;font-weight:800;color:var(--muted-foreground);transition:all .25s}
.currency button[aria-pressed="true"]{background:var(--maroon);color:#fff}
.plans{margin-top:2.5rem;display:grid;gap:1.5rem;align-items:stretch}
@media(min-width:1024px){.plans{grid-template-columns:repeat(3,1fr)}}
.plan{display:flex;height:100%;flex-direction:column;padding:2rem}
.plan.dark{background:var(--ink);color:var(--ink-foreground);border-color:var(--ink);background-image:radial-gradient(90% 45% at 100% 0%,rgba(200,99,88,.3) 0%,rgba(200,99,88,0) 65%)}
.plan.dark h3,.plan.dark .price{color:#fff}
.plan .tier{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}
.plan .tier p{font-size:.75rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--muted-foreground)}
.plan.dark .tier p{color:var(--coral)}
.badge{border-radius:999px;padding:.25rem .75rem;font-size:.72rem;font-weight:800;background:var(--blush);color:var(--maroon)}
.plan h3{margin-top:1rem;font-size:1.5rem}
.plan .price{margin-top:.75rem;font-size:2.6rem;font-weight:800;letter-spacing:-.04em;line-height:1;color:var(--maroon)}
.plan .price small{font-size:.95rem;font-weight:700;letter-spacing:0;color:var(--muted-foreground)}
.plan.dark .price small{color:var(--ink-muted)}
.plan .tag{margin-top:1rem;font-size:.9rem;line-height:1.6;color:var(--muted-foreground)}
.plan.dark .tag{color:var(--ink-muted)}
.plan ul{margin-top:1.5rem;display:grid;gap:.8rem;font-size:.875rem;line-height:1.5}
.plan li b{font-weight:800}
.plan .cta{margin-top:auto;padding-top:2rem}
.plan .cta .btn{width:100%}
.plan.dark .btn-primary{background:var(--blush);color:var(--maroon);box-shadow:none}
.plan.dark .btn-primary:hover{background:#fff}
.price-note{margin-top:1.5rem;text-align:center;font-size:.8rem;color:var(--muted-foreground)}
.callbox{max-width:48rem;margin-inline:auto;padding:1.75rem;background:var(--blush);border-color:transparent;box-shadow:none}
@media(min-width:640px){.callbox{padding:2.75rem}}
.callbox .lede{margin-top:.75rem}
.callbox .row{margin-top:1.75rem;display:flex;flex-direction:column;align-items:flex-start;gap:.75rem}
.callbox .row p{font-size:.8rem;color:var(--muted-foreground)}
@media(min-width:640px){.callbox .row{flex-direction:row;align-items:center}}
.faq-grid{display:grid;gap:3rem}
@media(min-width:1024px){.faq-grid{grid-template-columns:.7fr 1fr}}
.faq-grid .lede{max-width:22rem}
.faq-item{border-bottom:1px solid var(--border)}
.faq-q{display:flex;width:100%;align-items:center;justify-content:space-between;gap:1rem;padding-block:1.15rem;text-align:left;font-size:1.02rem;font-weight:800;color:var(--maroon);transition:color .2s}
.faq-q:hover{color:var(--coral)}
.faq-q svg{width:1rem;height:1rem;flex-shrink:0;color:var(--coral);transition:transform .2s}
.faq-item.open .faq-q svg{transform:rotate(180deg)}
.faq-a{overflow:hidden;height:0;transition:height .25s ease}
.faq-a p{padding-bottom:1.15rem;font-size:.92rem;line-height:1.7;color:var(--muted-foreground)}
.cta-band{background:var(--blush);padding-block:4rem;text-align:center}
@media(min-width:640px){.cta-band{padding-block:5.5rem}}
.cta-band h2{margin-inline:auto;max-width:48rem;font-size:2rem}
@media(min-width:640px){.cta-band h2{font-size:3.25rem}}
.cta-band p{margin:1rem auto 0;max-width:34rem;color:var(--muted-foreground);line-height:1.7}
.cta-band .btn{margin-top:2.25rem}
@media(prefers-reduced-motion:reduce){
  .reveal{opacity:1;transform:none;transition:none}
  *,*::before,*::after{animation:none!important}
}
.shot{display:block;margin:0}
.shot .frame{position:relative;border-radius:1.9rem;padding:.4rem;background:var(--maroon-deep);box-shadow:var(--shadow-lift)}
.shot img{display:block;width:100%;aspect-ratio:390/844;object-fit:cover;object-position:top;border-radius:1.5rem;background:var(--blush)}
.shot figcaption{margin-top:.6rem;display:flex;justify-content:space-between;gap:.5rem;font-size:.72rem;font-weight:800;color:var(--maroon)}
.shot figcaption span{font-weight:600;color:var(--muted-foreground)}
.compare{margin-top:1.75rem;padding:1.75rem;display:grid;gap:1.5rem}
@media(min-width:1024px){.compare{grid-template-columns:.8fr 1.2fr;align-items:center;gap:3rem;padding:2.25rem}}
.compare h3{font-size:1.5rem}
.compare p{margin-top:.6rem;color:var(--muted-foreground);line-height:1.65;font-size:.95rem}
.cbars{display:grid;gap:1rem}
.cbar .row{display:flex;justify-content:space-between;gap:1rem;font-size:.85rem;font-weight:700;color:var(--maroon)}
.cbar .row b{font-weight:800;white-space:nowrap}
.cbar .track{margin-top:.4rem;height:.9rem;border-radius:999px;background:var(--muted);overflow:hidden}
.cbar .track i{display:block;height:100%;width:var(--w);border-radius:999px;background:rgba(74,6,13,.28);transform-origin:left;transform:scaleX(.02);transition:transform 1.2s var(--ease)}
.cbar.us .track i{background:var(--coral)}
.cbar.us .row{color:var(--maroon)}
.in .cbar .track i{transform:none}
.cbar:nth-child(2) .track i{transition-delay:.15s}.cbar:nth-child(3) .track i{transition-delay:.3s}
.sources{margin-top:.25rem;font-size:.7rem;color:var(--muted-foreground)}
.sources a{text-decoration:underline;text-underline-offset:2px}
.work{display:grid;gap:1.25rem;margin-top:2.5rem}
@media(min-width:900px){.work{grid-template-columns:repeat(3,1fr)}}
.work-card{overflow:hidden;padding:0;display:flex;flex-direction:column}
.work-art{position:relative;height:22rem;overflow:hidden;background:var(--blush);display:flex;justify-content:center;gap:.9rem;padding:1.75rem 1.25rem 0}
.work-art.dark{background:var(--maroon)}
.work-art .shot{width:46%;flex-shrink:0}
.work-art .shot:nth-child(2){margin-top:2.5rem}
.work-card:hover .work-art .shot:first-child{transform:translateY(-6px)}
.work-art .shot{transition:transform .5s var(--ease)}
.work-body{padding:1.25rem 1.5rem 1.6rem}
.work-body h3{font-size:1.15rem;letter-spacing:-.02em}
.work-body p{margin-top:.4rem;font-size:.88rem;line-height:1.6;color:var(--muted-foreground)}
.work-body .chip{margin-bottom:.7rem}
.serp{margin-top:1rem;display:grid;gap:.6rem}
.serp .q{display:flex;align-items:center;gap:.5rem;border-radius:999px;border:1px solid var(--border);padding:.55rem .9rem;font-size:.75rem;color:var(--maroon)}
.serp .q svg{width:.85rem;height:.85rem;color:var(--muted-foreground)}
.serp .res{border-radius:.9rem;background:var(--muted);padding:.75rem .9rem;font-size:.72rem;animation:block-pop 6s var(--ease) infinite}
.serp .res:nth-child(3){animation-delay:.4s}
.serp .res small{display:block;color:var(--muted-foreground)}
.serp .res b{display:block;margin-top:.15rem;font-size:.85rem;color:var(--maroon)}
.serp .res span{display:block;margin-top:.15rem;color:var(--muted-foreground)}
.serp .res.top{background:#fff;border:1px solid var(--coral)}
.serp .res span.tag{display:inline-block;margin-top:.4rem;border-radius:999px;background:var(--maroon);color:var(--blush);padding:.15rem .55rem;font-weight:800;font-size:.6rem}
.founder{display:grid;gap:3rem;align-items:center}
@media(min-width:900px){.founder{grid-template-columns:1fr 1fr;gap:4rem}}
.stack{position:relative;max-width:520px;width:100%;margin-inline:auto;padding-bottom:38%}
.stack figure{margin:0;overflow:hidden;border-radius:.75rem}
.stack img{display:block;width:100%;height:100%;object-fit:cover}
.stack .back{width:62%;aspect-ratio:1;transform:rotate(-5deg)}
.stack .back img{object-position:20% center}
.stack .accent{position:absolute;top:0;right:0;z-index:1;width:36%;aspect-ratio:3/4;border:6px solid #fff;box-shadow:0 10px 25px rgba(74,6,13,.15);transform:rotate(4deg)}
.stack .accent img{object-position:center 15%}
.stack .kid{position:absolute;right:4%;bottom:0;z-index:2;width:48%;aspect-ratio:4/5;border:6px solid #fff;box-shadow:0 20px 40px rgba(74,6,13,.2);transform:rotate(-3deg)}
.stack .kid img{object-position:center 30%}
.stack .dog{position:absolute;left:8%;bottom:4%;z-index:3;width:34%;aspect-ratio:1;border:6px solid #fff;box-shadow:0 15px 30px rgba(74,6,13,.2);transform:rotate(6deg)}
.stack .dog img{object-position:40% 40%}
.reveal .stack figure{transition:transform .9s var(--ease),opacity .9s var(--ease)}
.reveal:not(.in) .stack figure{opacity:0}
.reveal:not(.in) .stack .back{transform:rotate(-5deg) translateX(-24px)}
.reveal:not(.in) .stack .accent{transform:rotate(4deg) translateY(-24px)}
.reveal:not(.in) .stack .kid,.reveal:not(.in) .stack .dog{transform:translateY(24px)}
.stack .accent{transition-delay:.25s}.stack .kid{transition-delay:.15s}.stack .dog{transition-delay:.35s}
.founder-copy .h2{margin-bottom:1.25rem}
.founder-copy p{color:var(--muted-foreground);line-height:1.75;margin-top:1rem}
.founder-copy p strong{color:var(--maroon)}
.creds{margin-top:1.5rem;display:flex;flex-wrap:wrap;gap:.5rem}
.creds .chip{background:var(--blush)}
.sign{margin-top:1.5rem;font-size:1.6rem;font-weight:800;letter-spacing:-.03em;color:var(--maroon)}
.sign span{color:var(--coral)}
@media(min-width:768px){.grid4{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1200px){.grid4{grid-template-columns:repeat(4,1fr)}.grid4 .prob{padding:1.5rem}.grid4 .stat b{font-size:1.4rem}}
.familiar{margin-top:1.75rem;display:grid;overflow:hidden;padding:0}
@media(min-width:900px){.familiar{grid-template-columns:1fr 1fr}}
.fam-col{padding:1.75rem}
@media(min-width:640px){.fam-col{padding:2.25rem}}
.fam-col.good{background:var(--maroon);color:var(--blush);background-image:radial-gradient(90% 45% at 100% 0%,rgba(200,99,88,.3) 0%,rgba(200,99,88,0) 65%)}
.fam-col.good .eyebrow{color:var(--blush)}
.fam-list{margin-top:1.25rem;display:grid;gap:.9rem}
.fam-list li{position:relative;padding-left:1.9rem;font-size:.95rem;line-height:1.55}
.fam-list li::before{content:"";position:absolute;left:0;top:.15rem;width:1.15rem;height:1.15rem;border-radius:50%;background:var(--coral) no-repeat center/.7rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234A060D' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E")}
.fam-list.bad li{color:var(--maroon)}
.fam-list.bad li::before{background-color:var(--blush);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234A060D' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E")}
.fam-list b{color:#fff}
.grid3>*{min-width:0}
.shot figcaption .k{display:inline-flex;align-items:center;gap:.35rem}
.shot figcaption .k::before{content:"";width:.45rem;height:.45rem;border-radius:50%;background:var(--coral)}
.mail-card .frame{padding:0;border-radius:1.1rem;background:#fff;overflow:hidden;border:1px solid var(--border)}
.mail-top{display:flex;align-items:center;gap:.55rem;padding:.65rem .8rem;border-bottom:1px solid var(--border);font-size:.62rem;color:var(--muted-foreground);background:#fff}
.mail-top b{display:block;font-size:.68rem;color:var(--maroon)}
.mail-top .av{flex-shrink:0;width:1.5rem;height:1.5rem;font-size:.5rem}
.mail-card img{border-radius:0;aspect-ratio:600/880}
.sig-card .frame{padding:0;border-radius:1.1rem;background:#fff;overflow:hidden;border:1px solid var(--border)}
.sig-card .body{padding:.85rem .9rem .3rem;font-size:.7rem;line-height:1.5;color:#3a2a26}
.sig-card .body i{display:block;height:.32rem;border-radius:.2rem;background:var(--muted);margin-top:.35rem}
.sig-card .body i:nth-child(2){width:85%}.sig-card .body i:nth-child(3){width:60%}
.sig-card img{aspect-ratio:390/320;border-radius:0;object-fit:contain;padding:.25rem .5rem .6rem;background:#fff}
.package{margin-top:2.5rem;border-radius:1.75rem;overflow:hidden;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lift)}
.pk-head{display:flex;flex-direction:column;gap:1.25rem;padding:1.75rem;border-bottom:1px solid var(--border)}
@media(min-width:900px){.pk-head{flex-direction:row;align-items:center;justify-content:space-between;padding:2rem 2.5rem}}
.pk-label{font-size:.75rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--muted-foreground)}
.pk-head h3{margin-top:.4rem;font-size:1.6rem}
.pk-price{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.pk-price div{display:flex;flex-direction:column}
.pk-price b{font-size:2.5rem;font-weight:800;letter-spacing:-.04em;line-height:1;color:var(--maroon)}
.pk-price span{margin-top:.3rem;font-size:.8rem;font-weight:700;color:var(--muted-foreground)}
.pk-price i{font-style:normal;font-size:1.5rem;font-weight:800;color:var(--coral)}
.pk-cols{display:grid}
@media(min-width:900px){.pk-cols{grid-template-columns:1fr 1fr}}
.pk-col{padding:1.75rem}
@media(min-width:900px){.pk-col{padding:2rem 2.5rem}}
.pk-col.dark{background:var(--maroon);color:var(--blush);background-image:radial-gradient(90% 45% at 100% 0%,rgba(200,99,88,.3) 0%,rgba(200,99,88,0) 65%)}
.pk-step{display:flex;align-items:center;gap:.6rem;font-weight:800;font-size:1rem;color:var(--maroon)}
.pk-col.dark .pk-step{color:#fff}
.pk-step span{display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:var(--blush);color:var(--maroon);font-size:.72rem}
.pk-col ul{margin-top:1.25rem;display:grid;gap:.8rem;font-size:.9rem;line-height:1.5}
.pk-col li{display:flex;gap:.625rem}
.pk-col li svg{flex-shrink:0;width:1rem;height:1rem;margin-top:.2rem;color:var(--coral)}
.pk-col li b{color:#fff}
.pk-foot{display:flex;flex-direction:column;gap:1rem;align-items:flex-start;padding:1.5rem 1.75rem;border-top:1px solid var(--border);background:var(--muted)}
@media(min-width:900px){.pk-foot{flex-direction:row;align-items:center;justify-content:space-between;padding:1.5rem 2.5rem}}
.pk-foot p{font-size:.82rem;color:var(--muted-foreground)}
.why-one{margin-top:3rem;display:grid;gap:2rem}
@media(min-width:1024px){.why-one{grid-template-columns:.9fr 1.1fr;gap:3rem;align-items:start}}
.why-intro h3{margin-top:.75rem;font-size:1.6rem}
.why-intro p:last-child{margin-top:.75rem;color:var(--muted-foreground);line-height:1.7}
.why-points{display:grid;gap:1rem}
.why-points div{border-radius:1.1rem;background:var(--surface);border:1px solid var(--border);padding:1.1rem 1.25rem}
.why-points b{font-weight:800;color:var(--maroon)}
.why-points p{margin-top:.3rem;font-size:.88rem;line-height:1.6;color:var(--muted-foreground)}
.addons{margin-top:2.5rem;display:grid;gap:1.25rem;border-radius:1.5rem;border:1px dashed rgba(74,6,13,.22);padding:1.5rem 1.75rem}
@media(min-width:900px){.addons{grid-template-columns:.8fr 1.2fr;align-items:center;padding:1.75rem 2.5rem}}
.addons h3{margin-top:.6rem;font-size:1.2rem}
.addons div p:last-child{margin-top:.3rem;font-size:.85rem;color:var(--muted-foreground)}
.addons ul{display:flex;flex-wrap:wrap;gap:.5rem}
.addons li{border-radius:999px;background:var(--surface);border:1px solid var(--border);padding:.45rem .9rem;font-size:.82rem;font-weight:700;color:var(--maroon)}
.hp{position:relative;max-width:34rem;margin-inline:auto;padding:2rem 2.5rem 3.5rem}
.hp-photo{position:relative;border-radius:1.75rem;overflow:hidden;box-shadow:var(--shadow-lift);aspect-ratio:1}
.hp-photo img{display:block;width:100%;height:100%;object-fit:cover}
.hp-star{position:absolute;right:.5rem;bottom:2.25rem;width:5.5rem;z-index:3;animation:hp-spin 14s linear infinite}
@keyframes hp-spin{to{transform:rotate(360deg)}}
.hp-float{position:absolute;z-index:2;animation:hp-bob 6s ease-in-out infinite}
.hp-float .shot figcaption{display:none}
.hp-phone{left:-1.5rem;bottom:4.5rem;width:9.5rem;animation-delay:-2s}
.hp-mail{right:-2rem;top:.5rem;width:10.5rem}
.hp-mail .mail-card img{aspect-ratio:600/560}
@keyframes hp-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.hp-tag{position:absolute;left:50%;bottom:0;transform:translateX(-50%);z-index:4;display:flex;align-items:center;gap:.9rem;white-space:nowrap;border-radius:999px;background:#fff;padding:.55rem .6rem .55rem 1.1rem;box-shadow:var(--shadow-lift)}
.hp-tag b{display:block;font-size:.95rem;font-weight:800;color:var(--maroon)}
.hp-tag small{display:block;font-size:.72rem;color:var(--muted-foreground)}
.hp-tag .btn{height:2.4rem}
.hp-dot{width:.6rem;height:.6rem;border-radius:50%;background:#3fa45f;box-shadow:0 0 0 4px rgba(63,164,95,.18)}
@media(max-width:640px){.hp{padding:1rem 1rem 3.5rem}.hp-phone{left:-.5rem;width:7rem}.hp-mail{right:-.5rem;width:8rem}.hp-star{width:4rem}}
@media(max-width:640px){.hp-tag{width:calc(100% - 1rem);white-space:normal;gap:.6rem;padding:.5rem .5rem .5rem .9rem}.hp-tag div{flex:1;min-width:0}.hp-tag b{font-size:.85rem}.hp-tag small{font-size:.66rem}.hp-tag .btn{padding-inline:.9rem;font-size:.8rem}}
.hp-badge{position:absolute;z-index:3;display:flex;flex-direction:column;border-radius:1rem;background:#fff;padding:.75rem 1rem;box-shadow:var(--shadow-lift);animation:hp-bob 6s ease-in-out infinite}
.hp-badge b{font-size:1.05rem;font-weight:800;letter-spacing:-.02em;color:var(--maroon);line-height:1.15}
.hp-badge span{font-size:.72rem;color:var(--muted-foreground)}
.hp-b1{left:-1rem;top:5rem}
.hp-b1 b{font-size:1.6rem}
.hp-b2{right:-1.5rem;top:1rem;animation-delay:-2s}
.hp-b3{left:-1.5rem;bottom:6.5rem;flex-direction:row;align-items:center;gap:.6rem;animation-delay:-4s}
.hp-b3 b{display:block;font-size:.85rem}
.hp-ic{display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:var(--maroon);color:var(--coral)!important;font-size:.95rem!important}
@media(max-width:640px){.hp-badge{padding:.55rem .75rem}.hp-b1{left:-.25rem;top:2.5rem}.hp-b1 b{font-size:1.2rem}.hp-b2{right:-.25rem;top:-.25rem}.hp-b2 b{font-size:.85rem}.hp-b3{left:-.25rem;bottom:5.5rem}.hp-b3 b{font-size:.75rem}.hp-badge span{font-size:.62rem}}
.mari{background:var(--maroon);color:var(--blush);background-image:radial-gradient(60% 50% at 85% 0%,rgba(200,99,88,.28) 0%,rgba(200,99,88,0) 70%)}
.mari h2,.mari .eyebrow{color:#fff}
.mari .marker{background:rgba(245,234,230,.14);color:#fff}
.mari .lede{color:var(--ink-muted)}
.mari-grid{margin-top:2.75rem;display:grid;gap:2.5rem;align-items:start}
@media(min-width:1024px){.mari-grid{grid-template-columns:.75fr 1.25fr;gap:4rem;align-items:center}}
.ba{max-width:20rem;margin-inline:auto;position:relative}
.ba-phone{position:relative;border-radius:2.2rem;padding:.5rem;background:#160204;box-shadow:0 40px 80px -30px rgba(0,0,0,.6);overflow:hidden}
.ba-img{display:block;width:100%;aspect-ratio:390/844;object-fit:cover;object-position:top;border-radius:1.75rem}
.ba-after{position:absolute;inset:.5rem;width:calc(100% - 1rem);clip-path:inset(0 0 0 var(--x,50%));transition:clip-path .05s linear}
.ba-line{position:absolute;top:.5rem;bottom:.5rem;left:calc(.5rem + (100% - 1rem) * var(--p,.5));width:2px;margin-left:-1px;background:#fff;box-shadow:0 0 12px rgba(0,0,0,.4);pointer-events:none}
.ba-line i{position:absolute;top:50%;left:50%;width:2.6rem;height:2.6rem;margin:-1.3rem;border-radius:50%;background:#fff;box-shadow:0 6px 20px rgba(0,0,0,.35)}
.ba-line i::before,.ba-line i::after{content:"";position:absolute;top:50%;width:.5rem;height:.5rem;margin-top:-.25rem;border:solid var(--maroon);border-width:0 0 2px 2px}
.ba-line i::before{left:.6rem;transform:rotate(45deg)}.ba-line i::after{right:.6rem;transform:rotate(-135deg)}
.ba-tag{position:absolute;top:1.25rem;border-radius:999px;padding:.3rem .7rem;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.ba-tag-b{left:1.25rem;background:rgba(0,0,0,.65);color:#fff}
.ba-tag-a{right:1.25rem;background:var(--blush);color:var(--maroon)}
.ba-range{position:absolute;inset:0 0 auto;width:100%;height:calc(100% - 2.5rem);opacity:0;cursor:ew-resize;margin:0}
.ba-hint{margin-top:.9rem;text-align:center;font-size:.75rem;color:var(--ink-muted)}
.mr-head{display:none}
@media(min-width:768px){.mr-head{display:grid;grid-template-columns:6rem 1fr 1fr;gap:1.25rem;padding-bottom:.6rem;font-size:.7rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-muted)}.mr-head span:last-child{color:var(--coral)}}
.mr-rows li{display:grid;gap:.4rem;padding:1rem 0;border-top:1px solid var(--ink-border)}
@media(min-width:768px){.mr-rows li{grid-template-columns:6rem 1fr 1fr;gap:1.25rem;align-items:start}}
.mr-k{font-weight:800;color:#fff;font-size:.95rem}
.mr-before,.mr-after{position:relative;padding-left:1.6rem;font-size:.9rem;line-height:1.55}
.mr-before{color:var(--ink-muted)}
.mr-after{color:#fff}
.mr-before::before,.mr-after::before{content:"";position:absolute;left:0;top:.2rem;width:1.05rem;height:1.05rem;border-radius:50%;background:rgba(245,234,230,.12) no-repeat center/.6rem}
.mr-before::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f5eae6' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E")}
.mr-after::before{background-color:var(--coral);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234A060D' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E")}
.mari-kit{margin-top:3.5rem}
.mari-kit .eyebrow{color:#fff}
.mk-grid{margin-top:1.25rem;display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;align-items:start}
@media(min-width:900px){.mk-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem}}
.mk-grid .shot .frame{background:#160204}
.mk-grid .sig-card .frame,.mk-grid .shot:nth-child(2) .frame,.mk-grid .shot:nth-child(3) .frame{max-height:22rem;overflow:hidden}
.mk-grid .shot figcaption{color:#fff}
.mk-grid .shot figcaption span{color:var(--ink-muted)}
.mk-grid .sig-card .frame{background:#fff}
.mk-grid .brand-card .frame{background:radial-gradient(80% 60% at 50% 35%,#4a3a32 0%,#2E2420 70%)}
.client-logo{display:flex;align-items:center;flex-shrink:0;height:3rem;filter:grayscale(1);opacity:.55;transition:filter .3s,opacity .3s}
.client-logo:hover{filter:none;opacity:1}
.client-logo img{display:block;width:auto;max-width:none}
.client-logo .lk{display:flex;align-items:center;gap:.55rem;color:#2E2420;font-size:1.05rem;white-space:nowrap}
.logo-track{gap:4rem}
.client-logo img{mix-blend-mode:multiply}
.client-logo .cp-logo{gap:.6rem;font-family:"Space Grotesk",var(--font);font-weight:700;font-size:1.25rem;letter-spacing:-.02em;color:#0C111C}
.cp-logo i{width:.7rem;height:.7rem;border-radius:3px;background:#12C97F;box-shadow:0 0 12px #12C97F}
.hp-rgd{width:2.3rem;height:2.3rem;flex-shrink:0}.hp-b3 b{font-size:1rem}a.hp-badge{text-decoration:none}a.hp-badge:hover{box-shadow:0 2px 4px rgba(74,6,13,.05),0 28px 56px -18px rgba(74,6,13,.36)}
.mk-grid{grid-template-columns:repeat(3,1fr)}@media(max-width:899px){.mk-grid{grid-template-columns:repeat(3,1fr);gap:.75rem}}.mari-cta{margin-top:2.5rem;display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}
.dp-word{display:flex;flex-direction:column;align-items:center;gap:.35em;line-height:1}
.dp-word b{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;letter-spacing:.32em;margin-right:-.32em;font-size:1em;color:#F7F2EA}
.dp-word i{font-family:Jost,system-ui,sans-serif;font-style:normal;font-weight:500;letter-spacing:.42em;margin-right:-.42em;font-size:.48em;color:#D9BF8C}
.client-logo .dp-word{align-items:flex-start;gap:.3em;font-size:1.05rem}
.dp-word.dark b{color:#2E2420}.dp-word.dark i{color:#2E2420;opacity:.8}
.cs-logo-new .dp-word{font-size:1rem}
.dict{padding:4.5rem 0}
@media(min-width:1024px){.dict{padding:6rem 0}}
.dict-wrap{display:flex;flex-direction:column;align-items:center;gap:1.5rem;text-align:center}
@media(min-width:768px){.dict-wrap{flex-direction:row;justify-content:center;gap:2.5rem;text-align:left}}
.dict-mark{width:150px;height:auto;flex:none}
@media(min-width:768px){.dict-mark{width:200px}}
.dict-hw{font:800 clamp(2.6rem,7vw,4.5rem)/1 "Bricolage Grotesque",var(--font);letter-spacing:-.02em;color:var(--maroon)}
.dict-hw .dot{color:var(--muted-foreground);font-weight:400;margin:0 .04em}
.dict-ipa{margin-top:.75rem;font:400 clamp(.95rem,2vw,1.15rem)/1 "JetBrains Mono",var(--font-mono);color:var(--muted-foreground)}
.dict-def{margin-top:.9rem;font-size:clamp(1rem,2vw,1.2rem);line-height:1.5;color:var(--muted-foreground);min-height:3em}
@media(min-width:768px){.dict-entry{flex:1 1 auto;max-width:40rem;min-width:0}}
.dict-def i{font-weight:800;color:var(--maroon)}
.dict-typer{font-weight:700;color:var(--maroon)}
.dict-caret{display:inline-block;width:2px;height:1.05em;margin-left:2px;vertical-align:-.15em;background:var(--maroon);animation:dictBlink 1s steps(1) infinite}
@keyframes dictBlink{50%{opacity:0}}
.dict-anim .dict-mark,.dict-anim .dict-hw>span,.dict-anim .dict-ipa,.dict-anim .dict-def{opacity:0;transform:translateY(14px);transition:opacity .5s var(--ease),transform .5s var(--ease)}
.dict-anim .dict-mark{transform:scale(.85) rotate(-6deg)}
.dict-anim .dict-hw>span{display:inline-block}
.dict-anim.go .dict-mark,.dict-anim.go .dict-hw>span,.dict-anim.go .dict-ipa,.dict-anim.go .dict-def{opacity:1;transform:none}
.dict-anim.go .dict-hw>span:nth-child(2){transition-delay:.45s}
.dict-anim.go .dict-hw>span:nth-child(3){transition-delay:.6s}
.dict-anim.go .dict-hw>span:nth-child(4){transition-delay:.95s}
.dict-anim.go .dict-hw>span:nth-child(5){transition-delay:1.1s}
.dict-anim.go .dict-hw>span:nth-child(1){transition-delay:.25s}
.dict-anim.go .dict-ipa{transition-delay:1.5s}
.dict-anim.go .dict-def{transition-delay:1.8s}
.dict-c{background:#fff;border-top:1px solid var(--border)}
.dict-also{margin-top:.6rem;font-size:clamp(.95rem,2vw,1.1rem);color:var(--muted-foreground)}
.dict-also i{font-weight:800;color:var(--maroon)}
.dict-also span{font-weight:700;color:var(--maroon)}
.dict-c .dict-hw>span{margin-right:.04em}
.dict-anim .dict-also{opacity:0;transform:translateY(14px);transition:opacity .5s var(--ease),transform .5s var(--ease)}
.dict-anim.go .dict-also{opacity:1;transform:none;transition-delay:1.75s}
.dict-c.dict-c .dict-anim.go .dict-hw>span:nth-child(2){transition-delay:.55s}
.dict-c.dict-c .dict-anim.go .dict-hw>span:nth-child(3){transition-delay:.85s}
.dict-c .dict-anim.go .dict-ipa{transition-delay:1.3s}
.dict-c .dict-anim.go .dict-def{transition-delay:2.2s}
.hero h1 .h1-kicker{display:block;margin-bottom:.9rem;font-size:.8rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;line-height:1.3;color:var(--maroon)}
@media(min-width:640px){.hero h1 .h1-kicker{font-size:.85rem}}
.pg-hero{padding-top:7rem}
@media(min-width:1024px){.pg-hero{padding-top:8.5rem}}
.pg-crumb{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.8rem;font-weight:700;color:var(--muted-foreground);margin-bottom:1.75rem}
.pg-crumb a{color:var(--maroon)}
.pg-crumb a:hover{color:var(--coral)}
.pg-grid{display:grid;gap:2.5rem;align-items:start}
@media(min-width:1024px){.pg-grid{grid-template-columns:1.15fr 1fr;gap:4rem}}
.pg-h1{margin-top:.75rem;font-size:2.3rem;line-height:1.08}
@media(min-width:640px){.pg-h1{font-size:3.1rem}}
.pg-pkg{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem}
.pg-ctas{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}
.pg-box{padding:1.75rem}
.pg-box-h{font-weight:800;font-size:1.05rem}
.pg-ticks{margin-top:1.1rem;display:grid;gap:.85rem;list-style:none;padding:0}
.pg-ticks li{display:flex;gap:.7rem;align-items:flex-start;line-height:1.5}
.pg-ticks svg{width:1.1rem;height:1.1rem;flex:none;margin-top:.2rem;color:var(--coral)}
.pg-two{display:grid;gap:3rem}
@media(min-width:1024px){.pg-two{grid-template-columns:1fr 1fr;gap:4rem}}
.pg-faq{margin-top:.75rem}
.pg-link{color:var(--maroon);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.pg-cards{margin-top:1.75rem;display:grid;gap:1rem}
@media(min-width:640px){.pg-cards{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){#services .pg-cards,.pg-hero~.section .container>.reveal>.pg-cards{grid-template-columns:repeat(3,1fr)}}
.pg-card{display:flex;flex-direction:column;gap:.4rem;padding:1.25rem 1.35rem;border:1px solid var(--border);border-radius:1.25rem;background:var(--surface);transition:transform .2s,box-shadow .2s,border-color .2s}
.pg-card b{font-weight:800;color:var(--maroon)}
.pg-card span{font-size:.92rem;line-height:1.5;color:var(--muted-foreground)}
.pg-card:hover{transform:translateY(-2px);border-color:rgba(74,6,13,.25);box-shadow:var(--shadow-soft)}
.pg-where{margin-top:2rem;font-weight:700;color:var(--maroon)}
.pg-areas{margin-top:.75rem;display:flex;flex-wrap:wrap;gap:.5rem}
.pg-areas a{padding:.45rem .9rem;border-radius:999px;background:var(--highlight);color:var(--maroon);font-size:.85rem;font-weight:700}
.pg-areas a:hover{background:var(--maroon);color:#fff}
.pg-subs{margin-top:1.25rem;font-size:.92rem;line-height:1.7;color:var(--muted-foreground)}
.pg-subs b{color:var(--maroon)}
.pg-proof{display:flex;flex-direction:column;gap:.35rem;margin-top:1.5rem;padding:1.35rem}
.pg-proof b{font-size:1.1rem;font-weight:800}
.pg-proof span:last-child{font-size:.92rem;color:var(--muted-foreground)}
@media(min-width:1024px){.pg-two .pg-cards{grid-template-columns:repeat(2,1fr)}}
.pg-groups{margin-top:.75rem;display:grid;gap:1.25rem}
@media(min-width:768px){.pg-groups{grid-template-columns:repeat(2,1fr)}}
.pg-group-h{font-size:.8rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-foreground)}
.pg-group .pg-areas{margin-top:.5rem}
.pg-all{margin-top:1.5rem}
.pg-hero~.section .eyebrow a{color:inherit}
.pg-local{margin-top:1.75rem;padding:1.25rem 1.35rem;border-radius:1.25rem;background:var(--surface);border:1px solid var(--border)}
.pg-local .pg-where{margin-top:0}
.pg-facts{list-style:none;padding:0;margin-top:.75rem;display:grid;gap:.55rem}
.pg-facts li{display:grid;grid-template-columns:8.5rem 1fr;gap:.75rem;font-size:.92rem;line-height:1.45}
.pg-facts b{font-weight:800;color:var(--maroon)}
.pg-facts a{color:var(--maroon);text-decoration:underline;text-underline-offset:3px}
.pg-tip{margin-top:.85rem;font-size:.88rem;line-height:1.55;color:var(--muted-foreground)}
@media(min-width:1024px){.pg-hero~.section .container.pg-two>.reveal>.pg-cards{grid-template-columns:repeat(2,1fr)}}
.pg-regions{margin-top:1.75rem;display:grid;gap:1rem}@media(min-width:640px){.pg-regions{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.pg-regions{grid-template-columns:repeat(3,1fr)}}
.cs-label{font-size:.72rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--coral)}
.cs-body{margin-top:1rem;color:var(--muted-foreground);line-height:1.75;max-width:40rem}
.cs-cap{margin-top:1rem;font-size:.8rem;color:var(--muted-foreground)}
.cs-hero{padding:3rem 0 0;overflow:hidden;background:linear-gradient(to bottom,var(--muted),var(--background) 85%)}
.cs-back{display:inline-flex;align-items:center;gap:.4rem;font-size:.82rem;font-weight:700;color:var(--muted-foreground)}
.cs-back svg{width:1rem;height:1rem}
.cs-back:hover{color:var(--maroon)}
.cs-hero .eyebrow{margin-top:2rem}
.cs-hero h1{margin-top:1rem;max-width:58rem;font-size:2.2rem;line-height:1.08}
@media(min-width:640px){.cs-hero h1{font-size:3.6rem}}
.cs-hero-art{position:relative;margin-top:3rem}
.cs-hero-phone{position:absolute;right:4%;bottom:-3rem;width:min(26%,15rem)}
@media(max-width:640px){.cs-hero-phone{display:none}}
.bframe{border-radius:1rem;overflow:hidden;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow-lift)}
.bframe.flat{box-shadow:var(--shadow-soft)}
.bbar{display:flex;align-items:center;gap:.35rem;height:2.2rem;padding:0 .9rem;background:var(--muted);border-bottom:1px solid var(--border)}
.bbar i{width:.6rem;height:.6rem;border-radius:50%;background:var(--highlight)}
.bbar span{margin-left:.75rem;display:inline-flex;align-items:center;gap:.35rem;max-width:70%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border-radius:999px;background:#fff;padding:.2rem .75rem;font-size:.7rem;color:var(--muted-foreground)}
.bbar svg{width:.7rem;height:.7rem;flex-shrink:0}
.bframe img{display:block;width:100%}
.cs-overview{display:grid;gap:2.5rem}
@media(min-width:1024px){.cs-overview{grid-template-columns:1.3fr 1fr;gap:5rem;padding-top:2rem}}
.cs-lead{margin-top:1rem;font-size:1.15rem;line-height:1.75;color:var(--maroon)}
@media(min-width:640px){.cs-lead{font-size:1.3rem}}
.cs-facts{display:grid;gap:1.25rem}
.cs-facts div{border-top:1px solid var(--border);padding-top:1rem;display:grid;gap:.3rem}
@media(min-width:640px){.cs-facts div{grid-template-columns:7rem 1fr}}
.cs-facts dt{font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-foreground);padding-top:.15rem}
.cs-facts dd{font-weight:700;color:var(--maroon);line-height:1.55}
.cs-facts dd span{display:block;font-weight:500;color:var(--muted-foreground);font-size:.9rem}
.cs-three{display:grid;gap:2rem}
@media(min-width:900px){.cs-three{grid-template-columns:repeat(3,1fr);gap:2.5rem}}
.cs-three h2{font-size:1.5rem}
.cs-list{margin-top:1.25rem;display:grid;gap:.9rem}
.cs-list li{position:relative;padding-left:1.7rem;line-height:1.6;color:var(--maroon);font-size:.95rem}
.cs-list li::before{content:"";position:absolute;left:0;top:.45rem;width:.6rem;height:.6rem;border-radius:2px;background:var(--highlight)}
.cs-list.bad li::before{background:var(--muted-foreground);opacity:.5;border-radius:50%}
.cs-list.good li::before{background:var(--coral);border-radius:50%}
.cs-results{margin-top:3.5rem}
.cs-stats{margin-top:1.25rem;display:grid;gap:1px;border-radius:1.5rem;overflow:hidden;border:1px solid var(--border);background:var(--border)}
@media(min-width:640px){.cs-stats{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.cs-stats{grid-template-columns:repeat(4,1fr)}}
.cs-stats div{background:#fff;padding:1.75rem}
.cs-stats b{font-size:3rem;font-weight:800;letter-spacing:-.04em;line-height:1;color:var(--maroon)}
.cs-stats p{margin-top:.6rem;font-size:.88rem;line-height:1.5;color:var(--muted-foreground)}
.cs-split{display:grid;gap:2.5rem;align-items:center}
@media(min-width:1024px){.cs-split{grid-template-columns:1fr 1fr;gap:5rem}}
.cs-split .h2{margin-top:.6rem}
.cs-quote{border-radius:1.5rem;background:#2E2420;color:#F7F2EA;padding:2.25rem;position:relative;overflow:hidden}
.cs-quote::before{content:"\201C";position:absolute;top:-1.5rem;right:1.25rem;font-family:Georgia,serif;font-size:10rem;line-height:1;color:rgba(217,191,140,.18)}
.cs-quote p{position:relative;font-family:Georgia,serif;font-style:italic;font-size:1.35rem;line-height:1.5}
.cs-quote cite{display:block;margin-top:1.25rem;font-style:normal;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:#D9BF8C}
.cs-before{position:relative;margin-top:2.5rem;padding-right:0}
@media(min-width:900px){.cs-before{padding-right:12rem}}
.cs-before .shot{width:14rem;margin:1.5rem auto 0}
@media(min-width:900px){.cs-before .shot{position:absolute;right:0;bottom:-2rem;margin:0}}
.cs-before .bframe img,.cs-before .shot img{filter:saturate(.85)}
.cs-steps{margin-top:2.5rem;display:grid;gap:1rem;counter-reset:s}
@media(min-width:768px){.cs-steps{grid-template-columns:repeat(5,1fr)}}
.cs-steps li{border-radius:1.25rem;background:var(--muted);padding:1.4rem;position:relative}
.cs-steps li span{font-size:.78rem;font-weight:800;color:var(--coral)}
.cs-steps h3{margin-top:.5rem;font-size:1.1rem}
.cs-steps p{margin-top:.6rem;font-size:.82rem;line-height:1.65;color:var(--muted-foreground)}
.cs-steps li:last-child{background:var(--maroon)}
.cs-steps li:last-child h3{color:#fff}
.cs-steps li:last-child p{color:var(--ink-muted)}
.cs-themes{border-radius:1.5rem;background:#fff;border:1px solid var(--border);padding:1.75rem}
.cs-themes ul{margin-top:1rem;display:grid;gap:1rem}
.cs-themes li{font-size:.9rem;line-height:1.6;color:var(--muted-foreground)}
.cs-themes b{display:block;color:var(--maroon);font-size:1rem}
.cs-block{margin-top:4.5rem;display:grid;gap:1.75rem}
@media(min-width:1024px){.cs-block{grid-template-columns:.7fr 1.3fr;gap:4rem;align-items:center}.cs-block:nth-of-type(even) .cs-block-copy{order:2}}
.cs-block-copy h3{margin-top:.5rem;font-size:1.6rem}
.cs-block-copy p:last-child{margin-top:.75rem;color:var(--muted-foreground);line-height:1.7}
.cs-pair{display:grid;gap:1rem}
@media(min-width:640px){.cs-pair{grid-template-columns:1fr 1fr}}
.cs-logo-ba{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.cs-logo-ba>div{position:relative;border-radius:1.25rem;aspect-ratio:1;display:grid;place-items:center;padding:2rem;overflow:hidden}
.cs-logo-old{background:#fff;border:1px solid var(--border)}
.cs-logo-old img{width:100%}
.cs-logo-new{background:radial-gradient(80% 60% at 50% 35%,#4a3a32 0%,#2E2420 70%);align-content:center;gap:.9rem}
.cs-logo-new img{width:48%;justify-self:center}
.cs-logo-new b{font-family:Georgia,serif;font-weight:400;letter-spacing:.32em;font-size:.85rem;color:#F7F2EA;text-align:center}
.cs-logo-ba span{position:absolute;top:.9rem;left:.9rem;border-radius:999px;padding:.25rem .65rem;font-size:.66rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;background:var(--muted);color:var(--maroon)}
.cs-logo-new span{background:#D9BF8C;color:#2E2420}
.cs-sig{border-radius:1.25rem;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow-soft);padding:1.5rem;max-width:30rem}
.cs-sig img{display:block;width:100%}
.cs-mobile{background:var(--maroon);background-image:radial-gradient(60% 50% at 85% 0%,rgba(200,99,88,.28) 0%,rgba(200,99,88,0) 70%)}
.cs-mobile h2{color:#fff}
.cs-mobile .cs-body{color:var(--ink-muted)}
.cs-phones{margin-top:2.5rem;display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
@media(min-width:900px){.cs-phones{grid-template-columns:repeat(4,1fr);gap:1.5rem}.cs-phones .shot:nth-child(even){margin-top:3rem}}
.cs-phones .shot .frame{background:#160204}
.cs-takeaways{margin-top:2.5rem;display:grid;gap:1.25rem}
@media(min-width:768px){.cs-takeaways{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1100px){.cs-takeaways{grid-template-columns:repeat(4,1fr)}}
.cs-takeaways div{border-top:2px solid var(--coral);padding-top:1.1rem}
.cs-takeaways h3{font-size:1.1rem}
.cs-takeaways p{margin-top:.5rem;font-size:.9rem;line-height:1.65;color:var(--muted-foreground)}
.cs-back{display:flex;width:max-content}
.cs-steps{list-style:none;padding:0}
@media(min-width:1024px){.cs-block:nth-of-type(even){grid-template-columns:1.3fr .7fr}}
.cs-mobile.bg-muted{background:var(--muted);background-image:none}
.cs-mobile.bg-muted h2{color:var(--maroon)}
.cs-mobile.bg-muted .cs-body{color:var(--muted-foreground)}
.cs-dash-grid{display:grid;gap:3rem;align-items:center}
@media(min-width:1024px){.cs-dash-grid{grid-template-columns:.8fr 1.2fr;gap:4rem}}
.cs-dash .cs-list{margin-top:1.5rem}
.cs-note{margin-top:1.25rem;display:inline-block;border-radius:999px;background:#fff;border:1px solid var(--border);padding:.35rem .85rem;font-size:.78rem;font-weight:700;color:var(--muted-foreground)}
.cs-dash-art{position:relative;padding-bottom:2rem}
.cs-dash-phone{position:absolute;right:-1rem;bottom:-1.5rem;width:min(30%,12rem)}
@media(max-width:640px){.cs-dash-phone{position:relative;right:auto;bottom:auto;width:60%;margin:1.5rem auto 0}}
.cs-simsec{background:var(--maroon);background-image:radial-gradient(60% 50% at 85% 0%,rgba(200,99,88,.28) 0%,rgba(200,99,88,0) 70%)}
.cs-simsec h2{color:#fff}
.cs-simsec .cs-body{color:var(--ink-muted)}
.sim{margin-top:2.5rem}
.sim-tabs{display:flex;flex-wrap:wrap;gap:.5rem}
.sim-tabs button{border-radius:999px;border:1px solid var(--ink-border);padding:.55rem 1rem;font-size:.82rem;font-weight:700;color:var(--blush);transition:all .2s}
.sim-tabs button:hover{border-color:var(--blush)}
.sim-tabs button[aria-pressed="true"]{background:var(--blush);color:var(--maroon);border-color:var(--blush)}
.sim-body{margin-top:2rem;display:grid;gap:2.5rem;align-items:center}
@media(min-width:900px){.sim-body{grid-template-columns:auto 1fr;gap:4rem}}
.sim-phone{position:relative;width:min(100%,19rem);margin-inline:auto;border-radius:2.4rem;padding:.55rem;background:#160204;box-shadow:0 40px 80px -30px rgba(0,0,0,.6)}
.sim-screen{border-radius:1.9rem;overflow:hidden;background:#2E2420}
.sim-img{display:block;width:100%;aspect-ratio:390/844;object-fit:cover}
.sim-clock{position:absolute;top:1.4rem;right:-1.2rem;border-radius:999px;background:var(--coral);color:var(--maroon);padding:.45rem .8rem;font-weight:800;font-size:.85rem;font-variant-numeric:tabular-nums;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.sim-clock b{font-size:1.15rem}
@media(max-width:640px){.sim-clock{right:.4rem}}
.sim-bar{height:.3rem;border-radius:999px;background:var(--ink-border);overflow:hidden}
.sim-bar i{display:block;height:100%;width:0;background:var(--coral)}
.sim-steps{margin-top:1.5rem;list-style:none;padding:0;display:grid;gap:.4rem}
.sim-steps li{display:grid;grid-template-columns:3.5rem 1fr;gap:.75rem;align-items:baseline;padding:.7rem .9rem;border-radius:.9rem;color:var(--ink-muted);font-size:.95rem;line-height:1.5;transition:background .3s,color .3s}
.sim-steps li span{font-weight:800;font-size:.78rem;font-variant-numeric:tabular-nums;color:inherit;opacity:.7}
.sim-steps li.on{color:#fff;background:rgba(245,234,230,.08)}
.sim-steps li.on span{color:var(--coral);opacity:1}
.cs-simsec .cs-cap{color:var(--ink-muted)}
.cs-logo-ba .dp-word{position:static;background:none;padding:0;border-radius:0;justify-self:center}
.cs-logo-new .dp-word b{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;letter-spacing:.32em;font-size:1.05rem}
    .cs-journeys { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; margin-top: 2.5rem; }
    .cs-journey { padding: 1.75rem; border: 1px solid var(--border); border-radius: 1.5rem; background: #fff; }
    .cs-journey h3 { margin: 0 0 1.25rem; font-size: 1.3rem; color: var(--maroon); }
    .cs-journey ol { list-style: none; margin: 0; padding: 0; counter-reset: s; display: grid; gap: 1.1rem; }
    .cs-journey li { position: relative; padding-left: 3rem; color: var(--muted-foreground); }
    .cs-journey li::before { counter-increment: s; content: counter(s); position: absolute; left: 0; top: -.1rem; width: 2rem; height: 2rem; border-radius: 50%; display: grid; place-items: center; background: var(--maroon); color: #fff; font-weight: 800; font-size: .85rem; }
    .cs-journey li:not(:last-child)::after { content: ""; position: absolute; left: .95rem; top: 2.1rem; bottom: -1rem; width: 2px; background: var(--border); }
    .cs-journey li b { display: block; color: var(--maroon); }
    .cs-map { margin-top: 2.5rem; }
    .cs-map-root { display: block; width: max-content; margin: 0 auto; padding: .8rem 1.6rem; border-radius: 999px; background: var(--maroon); color: #fff; font-weight: 800; }
    .cs-map-cols { position: relative; display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; margin-top: 2.25rem; }
    .cs-map-cols::before { content: ""; position: absolute; left: 12.5%; right: 12.5%; top: -1.15rem; height: 2px; background: var(--border); }
    .cs-map-col { position: relative; padding: 1.1rem 1.1rem 1.2rem; border: 1px solid var(--border); border-radius: 1rem; background: #fff; }
    .cs-map-col::before { content: ""; position: absolute; left: 50%; top: -1.15rem; width: 2px; height: 1.15rem; background: var(--border); }
    .cs-map-col b { display: block; margin-bottom: .5rem; color: var(--maroon); }
    .cs-map-col ul { margin: 0; padding: 0; list-style: none; display: grid; gap: .3rem; font-size: .9rem; color: var(--muted-foreground); }
    .cs-map-col li::before { content: "– "; color: var(--coral); }
    .cs-map-note { margin-top: 1.25rem; text-align: center; font-size: .9rem; color: var(--muted-foreground); }
    .cs-sketches { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; margin-top: 2.5rem; }
    .cs-sketch { margin: 0; }
    .cs-sketch .slot { display: grid; place-items: center; aspect-ratio: 4 / 3; border: 2px dashed #d9c3bd; border-radius: 1.25rem; background: repeating-linear-gradient(135deg, #fff 0 14px, #fbf5f3 14px 28px); color: var(--muted-foreground); text-align: center; padding: 2rem; }
    .cs-sketch .slot b { display: block; color: var(--maroon); font-size: 1.1rem; }
    .cs-sketch img { display: block; width: 100%; border-radius: 1.25rem; border: 1px solid var(--border); }
    .cs-sketch figcaption { margin-top: .75rem; font-size: .9rem; color: var(--muted-foreground); }
    .cs-wires { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; margin-top: 2.5rem; }
    .cs-wire { margin: 0; }
    .cs-wire div { height: 30rem; overflow: hidden; border: 1px solid var(--border); border-radius: 1rem; background: #fafafa; }
    .cs-wire img { display: block; width: 100%; }
    .cs-wire figcaption { margin-top: .6rem; font-weight: 700; color: var(--maroon); font-size: .9rem; }
    .cs-logos { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.25rem; margin-top: 2.5rem; }
    .cs-logo-round { margin: 0; overflow: hidden; border: 1px solid var(--border); border-radius: 1.25rem; background: #fff; }
    .cs-logo-round img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
    .cs-logo-round figcaption { padding: .9rem 1.1rem 1.1rem; font-size: .88rem; color: var(--muted-foreground); }
    .cs-logo-round figcaption b { display: block; margin-bottom: .15rem; color: var(--maroon); font-size: .95rem; }
    .cs-logo-round figcaption i { font-style: normal; display: inline-block; margin-right: .4rem; padding: .05rem .45rem; border-radius: 999px; background: var(--muted); color: var(--coral); font-weight: 800; font-size: .72rem; }
    .cs-logo-end { margin-top: 1.5rem; font-weight: 700; color: var(--maroon); }
    @media (max-width: 900px) {
      .cs-journeys, .cs-sketches { grid-template-columns: 1fr; }
      .cs-map-cols, .cs-wires { grid-template-columns: 1fr 1fr; } .cs-map-cols::before { display: none; } .cs-map-col::before { display: none; }
      .cs-logos { grid-template-columns: 1fr 1fr; } .cs-wire div { height: 22rem; }
    }
    .cs-comps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; margin-top: 2rem; }
    .cs-comp { margin: 0; }
    .cs-comp img { display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: cover; object-position: top; border-radius: .9rem; border: 1px solid var(--border); }
    .cs-comp figcaption { margin-top: .55rem; font-size: .85rem; color: var(--muted-foreground); }
    .cs-comp figcaption b { color: var(--maroon); }
    .cs-learn { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin-top: 1.75rem; }
    .cs-learn div { padding: 1.2rem 1.3rem; border-radius: 1rem; background: #fff; border: 1px solid var(--border); font-size: .92rem; color: var(--muted-foreground); }
    .cs-learn b { display: block; margin-bottom: .3rem; color: var(--maroon); font-size: 1rem; }
    .cs-mood { display: grid; grid-template-columns: repeat(12, 1fr); grid-auto-rows: 9rem; gap: .75rem; margin-top: 2rem; }
    .cs-mood figure { position: relative; margin: 0; overflow: hidden; border-radius: 1rem; }
    .cs-mood img { width: 100%; height: 100%; object-fit: cover; display: block; }
    .cs-mood figcaption { position: absolute; left: .6rem; bottom: .6rem; right: .6rem; padding: .45rem .7rem; border-radius: .6rem; background: rgba(255,255,255,.92); font-size: .78rem; color: var(--maroon); line-height: 1.35; }
    .cs-mood .m1 { grid-column: span 5; grid-row: span 2; } .cs-mood .m2 { grid-column: span 4; grid-row: span 2; } .cs-mood .m3 { grid-column: span 3; grid-row: span 2; }
    .cs-mood .m4 { grid-column: span 3; grid-row: span 2; } .cs-mood .m5 { grid-column: span 3; grid-row: span 2; } .cs-mood .m6 { grid-column: span 6; grid-row: span 2; }
    .cs-mood .m7 { grid-column: span 7; grid-row: span 2; } .cs-mood .m8 { grid-column: span 5; grid-row: span 2; }
    .cs-credits { margin-top: .9rem; font-size: .72rem; color: var(--muted-foreground); }
    .cs-credits a { color: inherit; }
    @media (max-width: 900px) { .cs-comps { grid-template-columns: 1fr 1fr; } .cs-learn { grid-template-columns: 1fr; } .cs-mood { grid-template-columns: 1fr 1fr; grid-auto-rows: 10rem; } .cs-mood figure { grid-column: span 1 !important; grid-row: span 1 !important; } .cs-mood .m1, .cs-mood .m7 { grid-column: span 2 !important; } }
  
/* blog post */
.post{padding:8.5rem 0 5rem}
.post .wrap{max-width:46rem;margin-inline:auto;padding-inline:1.25rem}
.post-back{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:700;color:var(--muted-foreground)}
.post-back svg{width:1rem;height:1rem}
.post-meta{margin-top:2rem;font-size:.75rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--coral)}
.post h1{margin-top:.75rem;font-size:clamp(2rem,5vw,3rem);line-height:1.1;font-weight:800;color:var(--maroon)}
.post-hero{margin:2.5rem 0}
.post-hero img{display:block;width:100%;max-height:30rem;object-fit:cover;object-position:top;border:1px solid var(--border)}
.post-hero figcaption{margin-top:.6rem;font-size:.85rem;color:var(--muted-foreground)}
.post-body{font-size:1.0625rem;line-height:1.75;color:#6f4a4f}
.post-body p{margin:0 0 1.25rem}
.post-body h2{margin:2.5rem 0 .75rem;font-size:1.5rem;line-height:1.2;font-weight:800;color:var(--maroon)}
.post-body ul{margin:0 0 1.25rem;padding-left:1.25rem;list-style:disc}
.post-body li{margin-bottom:.6rem}
.post-body b{color:var(--maroon)}
.post-body a{color:var(--maroon);text-decoration:underline;text-underline-offset:3px}
.post-body pre{margin:0 0 1.25rem;padding:1.25rem;overflow-x:auto;background:var(--maroon);color:var(--blush);font:.85rem/1.7 var(--font-mono)}
.post-more{margin-top:3.5rem;padding-top:2rem;border-top:1px solid var(--border)}
.post-more h2{margin-bottom:1rem;font-size:1.1rem;font-weight:800;color:var(--maroon)}
.post-more a{display:block;padding:.65rem 0;font-weight:700;color:var(--maroon)}
.post-more a:hover{color:var(--coral)}
.cs-hero h1{line-height:1.28}
.cs-visit{margin-top:1.75rem}

/* Portfolio header, drawer, footer and preloader, taken from style.css so subpages match the homepage */
:root { --dtr-font-family-base: Manrope, Arial, Helvetica, sans-serif;
--dtr-font-family-heading: Manrope, Arial, Helvetica, sans-serif;
/*base colors*/
--dtr-white: #fff;
--dtr-gray: rgba(187,179,158,0.4);
--dtr-primary: #4A060D;
--dtr-secondary: #c86358;
--dtr-secondary-light: #f5eae6;
/*backgrounds*/
--dtr-bg-white: var(--dtr-white);
--dtr-bg-gray: var(--dtr-gray);
--dtr-bg-primary: var(--dtr-primary);
--dtr-bg-secondary: var(--dtr-secondary);
--dtr-bg-secondary-light: var(--dtr-secondary-light);
/*text*/
--dtr-text-color-main: #8d6267;
--dtr-text-color-gray: var(--dtr-gray);
--dtr-text-color-primary: var(--dtr-primary);
--dtr-text-color-secondary: var(--dtr-secondary);
--dtr-text-color-secondary-light: var(--dtr-secondary-light);
--dtr-text-color-on-primary: var(--dtr-white);
--dtr-text-color-on-secondary: var(--dtr-white);
--dtr-text-color-on-secondary-light: var(--dtr-primary);
--dtr-text-color-heading: var(--dtr-primary);
--dtr-text-color-heading-link: var(--dtr-primary);
/*border*/
--dtr-border-color-main: rgba(0, 0, 0, .10);
--dtr-border-color-primary: var(--dtr-primary);
--dtr-border-color-secondary: var(--dtr-secondary);
--dtr-border-color-secondary-light: var(--dtr-secondary-light);
/*radius*/
--dtr-radius-square: 0;
--dtr-radius-rounded: 10px;
--dtr-radius-round: 9999px;
/*btn*/
--dtr-btn-bg: var(--dtr-primary);
--dtr-btn-hover-bg: var(--dtr-secondary);
--dtr-btn-border-color: var(--dtr-primary);
--dtr-btn-hover-border-color: var(--dtr-secondary);
--dtr-btn-color: var(--dtr-white);
--dtr-btn-hover-color: var(--dtr-white);
--dtr-btn-font-size: 15px;
--dtr-btn-line-height: 1.1;
--dtr-btn-font-weight: 700;
--dtr-btn-border-width: 1px;
--dtr-btn-radius: var(--dtr-radius-square);
/*typography*/
--dtr-font-size-base: 15px;
--dtr-font-size-h6: 1.2em;
--dtr-font-size-h5: 1.6em;
--dtr-font-size-h4: 2em;
--dtr-font-size-h3: 2.4em;
--dtr-font-size-h2: 4.067em;
--dtr-font-size-h1: 5.267em;
--dtr-font-weight-normal: 400;
--dtr-font-weight-bold: 700;
--dtr-font-weight-heading: 700;
--dtr-line-height-normal: 1.5;
--dtr-line-height-heading: 1.2;
/*pagination*/
--dtr-radius-pagination: var(--dtr-radius-square);
/*input*/
--dtr-input-bg: var(--dtr-secondary-light);
--dtr-input-color: var(--dtr-primary);
--dtr-input-border-color: var(--dtr-secondary-light);
--dtr-input-border-width: 1px;
--dtr-input-border-radius: var(--dtr-radius-square);
}
.dtr-btn-contrast, .dtr-btn-contrast:hover { background-color: var(--dtr-bg-secondary); color: var(--dtr-text-color-on-secondary) !important; border-color: var(--dtr-border-color-secondary); }
#dtr-header-global { padding: 30px 50px; border-width: 0; border-style: solid; z-index: 999; background-color: transparent; }
.dtr-header-global-content { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; }
#dtr-header-global.header-fixed { border: 0; padding: 30px 50px; backdrop-filter: blur(4px); background: rgba(255, 255, 255, 0.9); background-color: rgba(255, 255, 255, 0.9); }
#dtr-header-global .logo-default, #dtr-header-global.header-fixed .logo-alt { display: block !important; }
#dtr-header-global .logo-alt, #dtr-header-global.header-fixed .logo-default { display: none !important; }
.dtr-horizontal-nav { display: flex; align-items: center; gap: 40px; margin: 0; padding: 0; list-style-type: none; }
.dtr-horizontal-nav li { margin: 0; padding: 0; }
.dtr-horizontal-nav a { display: block; padding: 5px 0; font-weight: var(--dtr-font-weight-bold); color: var(--dtr-text-color-primary); }
.dtr-horizontal-nav a:hover, .dtr-horizontal-nav a.active { color: var(--dtr-text-color-secondary); }
.dtr-header-right { display: flex; align-items: center; gap: 40px; }
.dtr-header-btn { padding: 12px 24px; }
#dtr-responsive-header { position: relative; padding: 15px 0; z-index: 999; }
#dtr-responsive-header .container { position: relative; }
#dtr-responsive-header .dtr-logo.logo-default { display: inline-block; }
#dtr-resp-menu-button { padding: 0; z-index: 9999; position: absolute; left: auto; right: 12px; top: 50%; margin-top: -12px; }
#dtr-resp-menu-button:focus { outline: none; }
#dtr-footer-section { position: relative; padding: 0; border-style: solid; border-width: 0; padding: 100px 0; background-color: var(--dtr-bg-primary); color: var(--dtr-text-color-secondary); }
.dtr-copyright { position: relative; padding: 100px 0 0 0; border-style: solid; border-width: 0; }
#dtr-footer-section a, #dtr-footer-section h1, #dtr-footer-section h2, #dtr-footer-section h3, #dtr-footer-section h4, #dtr-footer-section h5, #dtr-footer-section h6 { color: var(--dtr-text-color-secondary); }
#dtr-footer-section a:hover { color: var(--dtr-text-color-secondary-light); }
.dtr-footer-col-shrink { padding-right: 150px; }
.dtr-footer-btn { margin-top: 20px; color: inherit; }
.dtr-footer-contact { font-size: 18px; font-weight: 700; }
.dtr-footer-contact p { margin-bottom: 25px; }
.dtr-footer-contact p:last-child { margin-bottom: 0; }
.dtr-copyright-col-2 { text-align: right; }
.dtr-preloader { width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; margin: auto; opacity: 1; -webkit-transition: linear .3s ease; -moz-transition: linear .3s ease; transition: linear .3s ease; z-index: 9999; background-color: var(--dtr-bg-gray); }
.dtr-preloader .dtr-preloader-inner { width: 100vw; height: 100vh; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; overflow: hidden; }
.dtr-loader, .dtr-loader:before, .dtr-loader:after { width: 1.5em; height: 1.5em; border-radius: 50%; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation: loadtwinkle 1.8s infinite ease-in-out; animation: loadtwinkle 1.8s infinite ease-in-out; }
.dtr-loader { position: relative; font-size: 10px; text-indent: -9999em; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation-delay: -0.12s; animation-delay: -0.12s; }
.dtr-loader:before, .dtr-loader:after { content: ''; position: absolute; top: 0; }
.dtr-loader:before { left: -2.5em; -webkit-animation-delay: -0.30s; animation-delay: -0.30s; }
.dtr-loader:after { left: 2.5em; }
a:link, .dtr-nav a, #dtr-header-global, .dtr-form-btn, input, select, textarea, .dtr-swiper-button, .dtr-search-modal-trigger, .wp-block-categories-list li a::after, .wp-block-archives-list li a::after, .widget_nav_menu li, .elementor-widget-wp-widget-nav_menu li, .dtr-media-link, .dtr-search-modal, .swiper-pagination-bullet, .dtr-nav__button a, .post-page-numbers, .dtr-feature--boxed, .dtr-feature__icon, .dtr-icon-list__icon, .dtr-icon-list__list-text, .dtr-icon-list__list-item, .dtr-icon-list__icon, .dtr-icon-btn-style2__icon { -webkit-transition: all .3s ease; transition: all .3s ease; }
/*== preloader: faded out by CSS when body gets .is-loaded (see custom.js) ==*/
.dtr-preloader { transition: opacity .5s ease, visibility 0s linear .5s; }
body.is-loaded .dtr-preloader { opacity: 0; visibility: hidden; pointer-events: none; }
.dtr-social li { list-style: none; display: inline-block; text-align: center; margin: 0 15px; }
.dtr-social li a { display: inline-block; font-size: 24px; }
.dtr-social a::before, .dtr-social a i { display: inline-block; font-family: 'icomoon'; vertical-align: middle; font-weight: var(--dtr-normal); color: inherit; }
.dtr-social .dtr-linkedin::before { content: "\e930"; }
.dtr-social .dtr-mail::before { content: "\e9aa"; }
.dtr-social .dtr-digg::before { content: "\e90a"; }
.dtr-social .dtr-yelp::before { content: "\e975"; }
.dtr-social .dtr-vk::before { content: "\e96c"; }
.dtr-social .dtr-whatsapp::before { content: "\e96e"; }
.dtr-social .dtr-telegram::before { content: "\e99f"; }
.dtr-social a:focus { outline: none; }
.fixed-top { position: fixed; top: 0; right: 0; left: 0; }
.dtr-btn { position: relative; display: inline-flex; align-items: center; flex-wrap: nowrap; padding: 15px 30px; border: 1px solid var(--dtr-btn-border-color); background-color: var(--dtr-btn-bg); color: var(--dtr-btn-color); text-transform: uppercase; text-decoration: none; text-align: center; font-size: var(--dtr-btn-font-size); line-height: var(--dtr-btn-line-height); font-weight: var(--dtr-btn-font-weight); transition: all .3s ease; }
.dtr-btn:hover { background-color: var(--dtr-btn-hover-bg); color: var(--dtr-btn-hover-color); border-color: var(--dtr-btn-hover-border-color); }
.dtr-header-btn { padding: 12px 24px; }
.dtr-btn svg { width: 18px; height: 18px; margin-left: 10px; }
.dtr-horizontal-nav a { font-size: 15px; }
#dtr-footer-section { font-size: 15px; line-height: 1.6; }
.sub-container { width: 100%; max-width: 1140px; margin-inline: auto; padding-inline: 15px; }
.sub-foot-row { display: flex; justify-content: space-between; gap: 30px; }
.sub-foot-row > * { flex: 1 1 0; }
.sub-foot-row .sub-right { text-align: right; }
.dtr-social { margin: 0; padding: 0; }
.cs-visit { margin-top: 1.75rem; }
@media (min-width: 993px) { .cs-hero { padding-top: 9rem; } }
@media (max-width: 992px) {
#dtr-topbar, #dtr-header-global, #dtr-header-global.header-fixed, .dtr-navigation-trigger, .dtr-sidemenu-wrapper, .dtr-sidemenu-scroll, .dtr-navigation-close-trigger, .dtr-navigation-close-trigger.is-visible { display: none; }
#dtr-responsive-header, .slicknav_menu, #dtr-resp-menu-button { display: block; }
.cs-hero { padding-top: 1.5rem; }
.post { padding-top: 2rem; }
.dtr-resp-logo img { display: block; }
.dtr-footer-col-shrink { padding-right: 0; }
.sub-foot-row { flex-direction: column; }
.sub-foot-row .sub-right { text-align: left; }
}

 @-webkit-keyframes loadtwinkle {
 0%, 80%, 100% {
 box-shadow: 0 2.5em 0 -1.2em var(--dtr-bg-primary);
}
 40% {
 box-shadow: 0 2.5em 0 0 var(--dtr-bg-primary);
}
}
 @keyframes loadtwinkle {
 0%, 80%, 100% {
 box-shadow: 0 2.5em 0 -1.2em var(--dtr-bg-primary);
}
 40% {
 box-shadow: 0 2.5em 0 0 var(--dtr-bg-primary);
}
}

@media (min-width: 993px) { #dtr-responsive-header, #dtr-resp-menu-button { display: none; } }
@media (max-width: 992px) { #dtr-header-global { display: none !important; } #dtr-responsive-header { display: block; } }
.dtr-btn.dtr-btn-contrast, .dtr-btn.dtr-btn-contrast:hover { background-color: var(--dtr-bg-secondary); border-color: var(--dtr-border-color-secondary); }
.cta-band .dtr-btn { margin-top: 1.5rem; }