*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px;--bg:#0a1c33;--ink:#f6f9ff;--muted:#b8cbe0;--line:#2c4866;--band:#0c223d;--panel:#102a49;--orange:#ff752c;--signal:#ff7933;--grid:rgba(121,177,236,.065);color-scheme:dark}html[data-theme=light]{--bg:#f9f7f0;--ink:#20231e;--muted:#53584c;--line:#cfcfc2;--band:#eeede4;--panel:#fffdf7;--orange:#b74209;--signal:#ff7933;--grid:rgba(55,54,43,.055);color-scheme:light}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 "Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}.defs{position:absolute;width:0;height:0;overflow:hidden}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}.wrap{width:min(1216px,89%);margin:auto}.offer,.kicker,.board-label,.sheet-body small,.budget small{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace}.offer{background:var(--signal);color:#211b14;display:flex;align-items:center;justify-content:center;gap:10px;font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:700;min-height:31px}.offer b{opacity:.5}.tiny-dot,.status i{border-radius:50%;height:6px;width:6px;background:currentColor}.nav{height:83px;display:flex;align-items:center;justify-content:space-between;gap:22px}header{border-bottom:1px solid var(--line)}.brand{width:112px;display:inline-flex;align-items:center;position:relative}.brand img{width:100%;display:block}html[data-theme=dark] .brand img{content:url(assets/logo-dark.webp)}nav,.nav-actions,.hero-actions,.btn,.txt,.nav-cta,.kicker,.micro,.sheet-head span,.status,.sheet-info span,.budget,footer{display:flex;align-items:center}nav{gap:32px}nav a,.nav-cta,.txt{font-weight:650;font-size:14px}nav a:hover,.txt:hover,footer>a:hover{color:var(--orange)}.nav-actions{gap:14px}.theme,.nav-cta{border:1px solid var(--line);background:transparent;border-radius:8px;justify-content:center}.theme{display:grid;place-items:center;width:40px;height:40px}.nav-cta{gap:12px;padding:9px 15px}.nav-cta svg{width:15px}.theme:hover,.nav-cta:hover{border-color:var(--orange)}.skip{position:absolute;top:-80px;left:15px;z-index:8;background:white;color:black;padding:10px}.skip:focus{top:10px}:focus-visible{outline:3px solid #309ece;outline-offset:4px}
.hero{border-bottom:1px solid var(--line);background-image:linear-gradient(90deg,var(--grid) 1px,transparent 1px),linear-gradient(var(--grid) 1px,transparent 1px);background-size:56px 56px}.hero-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:5%;align-items:center;padding-block:clamp(54px,5vw,84px)}.kicker{gap:10px;margin:0 0 20px;font-weight:700;font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}.kicker i{width:24px;height:3px;background:var(--signal)}h1,h2,h3,p{margin:0}h1,h2,h3,.price{font-family:"Helvetica Neue",Arial,sans-serif}h1,h2{letter-spacing:-.068em;line-height:.98;font-weight:750}h1{font-size:clamp(64px,6.3vw,100px)}em{font-style:normal;color:var(--orange)}.intro{font-size:clamp(16px,1.25vw,19px);line-height:1.6;max-width:535px;color:var(--muted);margin-top:24px}.hero-actions{gap:23px;margin-top:29px;flex-wrap:wrap}.btn,.nav-cta,.theme,.tabs button{transition:background .15s,transform .15s,border-color .15s}.btn{justify-content:center;gap:16px;border-radius:7px;background:var(--signal);color:#21170e;font-weight:750;padding:14px 18px;font-size:15px;line-height:1.4;width:fit-content}.btn:hover{background:#ff995f;transform:translateY(-2px)}.btn svg,.txt svg{width:17px}.txt{gap:10px;width:fit-content}.txt span{font-size:20px}.micro{font-size:12px;color:var(--muted);gap:6px;margin-top:14px}.micro svg{width:14px;color:var(--orange)}
.showcase{position:relative;isolation:isolate;display:grid;place-items:center;aspect-ratio:1.06;background-color:#d57232;background-image:repeating-linear-gradient(134deg,transparent 0 13px,#25211915 13px 14px),linear-gradient(131deg,#ffac64 0%,#e98740 54%,#e07835 54%,#d36b2c 100%);border:1px solid #fb9d62;border-radius:15px;box-shadow:0 18px 50px #0002;min-width:0}.cross{position:absolute;width:13px;height:13px;color:#65351899}.cross:before,.cross:after{content:"";position:absolute;inset:50% 0 auto;border-top:1px solid}.cross:after{transform:rotate(90deg)}.tl,.bl{left:14px}.tr,.br{right:14px}.tl,.tr{top:14px}.bl,.br{bottom:14px}.board-label{position:absolute;top:19px;left:36px;color:#57301d;font-size:9px;letter-spacing:.15em;font-weight:700}.sheet{width:77%;background:#fffdf7;color:#20251e;border:1px solid #714924;border-radius:12px;box-shadow:7px 12px 0 #61371236,0 12px 24px #502f1638;transform:rotate(-4deg);overflow:hidden}.sheet-head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;gap:6px}.sheet-head span{gap:7px;font-size:13px;font-weight:700}.sheet-head svg{color:#bd4e13}.sheet-head .status{color:#376848;background:#e1eddc;border-radius:20px;font:600 10px/1.2 monospace;padding:5px 7px}.garden{position:relative;aspect-ratio:2.12;overflow:hidden;margin:0 10px;border-radius:6px}.garden img{width:100%;height:100%;object-fit:cover}.garden:after{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;background:#fff}.garden b{position:absolute;top:8px;left:8px;text-transform:uppercase;color:white;background:#20231edf;border-radius:3px;font:700 9px/1 monospace;padding:5px 7px;letter-spacing:.08em}.garden b:last-child{left:calc(50% + 9px)}.sheet-body{padding:17px 19px 23px}.sheet-body small,.budget small{font-size:9px;font-weight:700;letter-spacing:.12em}.sheet-body small{color:#a54d21}.sheet-body h2{font-size:clamp(20px,2.1vw,34px);line-height:1.2;letter-spacing:-.045em;margin:4px 0 9px}.sheet-info{display:flex;gap:12px;flex-wrap:wrap}.sheet-info span{gap:4px;font-size:11px;color:#51594e}.sheet-info svg{width:13px;height:13px}.budget{position:absolute;right:3%;bottom:8%;gap:10px;background:#242721;border:1px solid #595b4b;border-radius:8px;color:white;padding:10px 14px;transform:rotate(3deg);box-shadow:3px 6px 0 #713e2426}.budget-icon{border-radius:50%;background:#454434;color:#ffa56c;font:bold 20px/34px Arial;width:34px;text-align:center}.budget small{display:block;color:#d1d1c5;text-transform:uppercase;font-size:8px}.budget strong{display:block;font-size:21px;line-height:1.3;letter-spacing:-.04em}
.section{padding-block:76px}.section h2,.closing h2{font-size:clamp(40px,4.15vw,66px)}.steps,.plans{display:grid;gap:18px;margin-top:36px}.steps{grid-template-columns:repeat(3,1fr)}.steps article,.plans article{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:28px}.steps article>svg{color:var(--orange);width:30px;height:30px;margin-bottom:18px}.steps h3,.plans h3{font-size:24px;letter-spacing:-.045em;line-height:1.15;margin-bottom:10px}.steps p,.plans p,.case-grid p,.questions p{color:var(--muted)}.band{background:var(--band);border-block:1px solid var(--line)}.case-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:8%;align-items:center;margin-top:35px}.tabs{display:flex;gap:7px;flex-wrap:wrap}.tabs button{border-radius:20px;background:transparent;color:var(--ink);border:1px solid var(--line);padding:7px 13px;font-size:13px;font-weight:650}.tabs button[aria-pressed=true]{background:var(--ink);color:var(--bg)}#case-text{min-height:220px;margin:22px 0}#case-text h3{font-size:clamp(23px,2vw,32px);letter-spacing:-.045em;line-height:1.12}#case-text p{margin-top:12px}.screens{height:310px;border-radius:12px;background:repeating-linear-gradient(135deg,#bfbba9 0 1px,#dcd8c9 1px 12px);display:flex;gap:10px;align-items:flex-start;justify-content:center;overflow:hidden;padding:24px 8% 0}.screens img{width:46%;transform:rotate(-5deg)}.screens img+img{margin-top:34px;transform:rotate(5deg)}.plans{grid-template-columns:1fr 1fr}.plans article{display:flex;flex-direction:column;padding:32px}.plans .pro{border-color:var(--orange);box-shadow:inset 0 3px var(--orange)}.plans p{max-width:480px}.price{margin-top:24px;font-size:50px;font-weight:730;letter-spacing:-.055em;line-height:1.2}.price small{font:400 16px/1 Arial;color:var(--muted);letter-spacing:0}ul{padding:19px 0 0;border-top:1px solid var(--line);margin:20px 0 28px;list-style:none}li{margin:6px 0}li:before{content:"✓";color:var(--orange);margin-right:10px}.plans .btn{margin-top:auto}.secondary{background:transparent;border:1px solid var(--line);color:var(--ink)}.secondary:hover{background:var(--band);border-color:var(--ink)}.faq-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:7%}details{border-bottom:1px solid var(--line);padding:17px 0}details:first-child{border-top:1px solid var(--line)}summary{list-style:none;cursor:pointer;font-weight:650;display:flex;align-items:baseline;justify-content:space-between;gap:12px}summary::-webkit-details-marker{display:none}summary:after{content:"+";font:23px/1 monospace;color:var(--orange)}details[open] summary:after{content:"−"}details p{margin:13px 20px 0 0}.closing{padding:76px 0;text-align:center}.closing .kicker,.closing .micro{justify-content:center}.closing .btn{margin:24px auto 0}footer{border-top:1px solid var(--line);justify-content:space-between;min-height:90px;font-size:13px}footer .brand{width:90px}
@media(max-width:980px){nav{gap:17px}.hero-grid{gap:4%}.hero-actions{gap:14px}.hero-copy .txt{font-size:13px}.steps article{padding:20px}.sheet-info{gap:4px 8px}.board-label{font-size:8px}}
@media(max-width:760px){.wrap{width:90%}.offer{font-size:9px;letter-spacing:.04em;min-height:28px;gap:7px}.nav{height:66px;gap:10px}.brand{width:96px}.nav nav{display:none}.nav-actions{gap:8px}.nav-cta{padding:8px 12px}.hero-grid,.case-grid,.faq-grid{grid-template-columns:1fr}.hero-grid{padding-block:39px 36px;gap:30px}.hero-copy{max-width:570px}h1{font-size:clamp(60px,12vw,84px)}h1 br:first-child{display:none}h1 br:first-child:after{content:" "}.intro{margin-top:16px}.hero-actions{margin-top:21px}.kicker{margin-bottom:14px}.showcase{width:100%;max-width:540px;justify-self:center;aspect-ratio:1.26}.sheet{width:72%}.sheet-head{padding:10px 12px}.sheet-body{padding:10px 13px 14px}.budget{bottom:6%;padding:8px 10px}.section,.closing{padding-block:48px}.steps,.plans{gap:13px;margin-top:23px}.steps{grid-template-columns:1fr}.steps article>svg{float:left;margin:2px 16px 50px 0}.case-grid{gap:25px}.faq-grid{gap:25px}.screens{height:280px}.screens img{max-width:165px}.plans article{padding:20px}.plans .btn{font-size:13px}.price{font-size:42px}#case-text{min-height:0}}
@media(max-width:540px){.plans{grid-template-columns:1fr}.section h2,.closing h2{font-size:40px}.hero-actions{align-items:flex-start;flex-direction:column}.sheet-head span{font-size:10px}.sheet-head .status{font-size:8px}.sheet-info span{font-size:9px}.budget strong{font-size:17px}.budget-icon{width:28px;font-size:16px;line-height:28px}.brand{width:90px}.nav-cta{font-size:12px}.board-label{top:12px;left:29px}.tl,.tr{top:9px}.tl,.bl{left:9px}.tr,.br{right:9px}.board-label{font-size:7px}.sheet-body h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

html[data-theme=dark] .hero {
  background-image: linear-gradient(90deg,var(--grid) 1px,transparent 1px),linear-gradient(var(--grid) 1px,transparent 1px),radial-gradient(ellipse at 82% 28%,#12375e 0%,transparent 65%);
  background-size:56px 56px,56px 56px,100% 100%;
}
html[data-theme=dark] .budget {background:#102a49;border-color:#375676}
html[data-theme=dark] .budget-icon {background:#1b3c5e}
html[data-theme=dark] .budget small {color:#c3d6eb}
html[data-theme=dark] .garden b {background:#0a1c33ed}

/* Motion is an enhancement. Content stays readable before each reveal. */
.audience-layout { display: grid; grid-template-columns: 1fr 1.1fr; gap: 8%; align-items: start; }
.audience-layout h2 em { white-space: nowrap; }
.audience-copy p { color: var(--muted); margin-top: 20px; max-width: 650px; }
.audience-copy .audience-lead { color: var(--ink); font-size: 24px; font-weight: 620; line-height: 1.35; margin-top: 0; }
.audience-copy .audience-finale { color: var(--orange); font-weight: 650; }
@media (max-width: 760px) { .audience-layout { grid-template-columns: 1fr; gap: 24px; } .audience-copy .audience-lead { font-size: 22px; } }
.audience-copy { grid-column: 2; grid-row: 1 / span 2; }
.audience-fan { display: flex; align-items: center; grid-column: 1; margin-top: 44px; max-width: 460px; }
.audience-fan .fan-photo { width: 54%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; border-radius: 18px; box-shadow: 0 18px 40px rgba(0, 0, 0, .35); }
.audience-fan .fan-left { transform: rotate(-4deg); }
.audience-fan .fan-right { transform: rotate(4deg); margin-left: -8%; }
@keyframes fan-in-left { from { opacity: 0; transform: rotate(0deg) translateY(24px); } }
@keyframes fan-in-right { from { opacity: 0; transform: rotate(0deg) translateY(24px); } }
@media (max-width: 760px) { .audience-copy { grid-column: auto; grid-row: auto; } .audience-fan { grid-column: auto; max-width: 380px; } }
@media (prefers-reduced-motion: reduce) { .audience-fan .fan-photo { animation: none; } }
html {
  --card-light: rgba(96, 177, 255, .21);
  --card-edge: rgba(127, 194, 255, .65);
  --text-glint: #ffe0ad;
}
html[data-theme=light] {
  --card-light: rgba(241, 141, 66, .18);
  --card-edge: rgba(187, 79, 22, .62);
  --text-glint: #803209;
}
:is(.steps, .plans, .reviews) > article {
  position: relative;
  isolation: isolate;
}
:is(.steps, .plans, .reviews) > article::before {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: -1;
  inset: 0;
  border-radius: inherit;
  background: radial-gradient(ellipse 280px 190px at var(--light-x, 22%) var(--light-y, 12%), var(--card-light), transparent 95%);
  box-shadow: inset 0 0 0 1px var(--card-edge);
  opacity: 0;
}
:is(.steps, .plans, .reviews) > article:focus-within::before { opacity: 1; }
@media (hover: hover) {
  :is(.steps, .plans, .reviews) > article:hover::before { opacity: 1; }
}
@media (prefers-reduced-motion: no-preference) {
  :is(.steps, .plans, .reviews) > article::before { transition: opacity .22s ease-out; }
  .arriving { animation: arrive .56s cubic-bezier(.18,.7,.23,1) var(--delay, 0ms) backwards; }
  .arriving:focus-within { animation: none; }
  .image-pending { opacity: 0; }
  .image-arriving {
    animation: image-entrance 1s cubic-bezier(.18,.7,.23,1) var(--delay, 0ms) backwards;
  }
  @keyframes image-entrance {
    from { opacity: 0; translate: 0 48px; }
    to { opacity: 1; translate: 0 var(--drift, 0px); }
  }
  .arriving em {
    background: linear-gradient(105deg, var(--orange) 34%, var(--text-glint) 50%, var(--orange) 66%) 100% 0 / 320% 100%;
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    animation: title-glint .94s ease-out .08s both;
  }
  .card-arriving:not(:hover):not(:focus-within)::before { animation: card-glint .95s ease-out var(--delay, 0ms) both; }
  .sheet, .budget, .screens img { translate: 0 var(--drift, 0px); }
  @keyframes arrive { from { opacity: .18; transform: translateY(14px); } to { opacity: 1; transform: translateY(0); } }
  @keyframes title-glint { from { background-position-x: 100%; } to { background-position-x: 0%; } }
  @keyframes card-glint { 0%, 100% { opacity: 0; } 35% { opacity: .9; } }
}
@media (forced-colors: active) { .arriving em { color: CanvasText; } }
@media print { .arriving, .arriving em, .image-arriving { animation: none; color: inherit; } .image-pending { opacity: 1; } }