/* FLOW / warm light. The original demo sites retain their own identities. */
:root {
  --paper: #fcfaf7;
  --ink: #25262d;
  --muted: #66636a;
  --orange: #ff975e;
  --orange-dark: #ac420c;
  --line: #e8e1db;
  font-family: "Segoe UI", system-ui, -apple-system, sans-serif;
  background: var(--paper);
}
body {
  background:
    radial-gradient(ellipse 55% 650px at 94% 330px, #ffb37a30, transparent 80%),
    radial-gradient(ellipse 35% 500px at 0 900px, #ffd4ad25, transparent 85%),
    var(--paper);
}
h1,h2,h3,h4 {font-weight:650;letter-spacing:-.055em}
.shell {width:min(calc(100% - 112px),1440px)}
.section {padding-block:100px}
.eyebrow {font-size:10px;letter-spacing:.13em;font-weight:600}
:focus-visible {outline:3px solid #a33b09;outline-offset:6px}
.site-header {
  height:82px;margin-top:20px;padding:0 16px 0 22px;
  border:1px solid #fff;border-radius:999px;
  background:linear-gradient(120deg,#ffffffed,#fffaf4bb);
  box-shadow:0 8px 35px #8c5d2e08,inset 0 1px 0 white;
}
.brand-mark {border-radius:50%;background:linear-gradient(140deg,#566bea,#2343b7);box-shadow:inset 0 1px 2px #fff6,0 5px 15px #244ce820}
.brand-name {letter-spacing:.015em}
.site-header nav a {transition:color .25s}
.site-header nav a:hover {color:var(--orange-dark);text-decoration:none}
.motion-toggle {background:#ffffff80;border-color:#e9e0d8}
.motion-toggle[aria-pressed=true] {background:#ffdec4}

/* A single luminous capsule system, including the mobile and form actions. */
.button,.header-cta,.mobile-action {
  position:relative;isolation:isolate;overflow:hidden;
  border:1px solid #ffe9c9;border-radius:999px;
  background:linear-gradient(115deg,#ffd39b 0%,#ffa061 36%,#ff8d52 65%,#ffbd71 100%);
  color:#322315;
  box-shadow:inset 0 1px 2px #fff9,inset 0 -2px 3px #b83b1426,0 8px 22px #f7863d2b,0 0 36px #ff9a4b26;
  transition:box-shadow .45s var(--ease),filter .45s var(--ease),border-color .45s;
}
.button {min-height:76px;padding:10px 11px 10px 28px;font-weight:650;letter-spacing:-.015em}
.button::before,.header-cta::before,.mobile-action::before {
  content:"";position:absolute;z-index:-1;pointer-events:none;
  inset:-70% auto -70% -60%;width:42%;border-radius:50%;
  background:linear-gradient(90deg,transparent,#fff7,transparent);
  transform:translateX(0) rotate(24deg);opacity:0;
}
.motion-enabled .button::before,.motion-enabled .header-cta::before,.motion-enabled .mobile-action::before {
  animation:flow-sheen 8s ease-in-out infinite;animation-play-state:paused;
}
.motion-enabled .button.is-onstage::before,.motion-enabled .header-cta.is-onstage::before,.motion-enabled .mobile-action.is-onstage::before {animation-play-state:running}
.button>span,.header-cta>span,.mobile-action>span {position:relative}
.button small {font-size:11px;color:#52311c;opacity:.9}
.button .arrow,.header-cta>span,.mobile-action .arrow {
  background:linear-gradient(140deg,#fffaf0f7,#fff1d998);color:#6d350f;
  border:1px solid #fff9;box-shadow:inset 0 1px 1px white,0 3px 10px #a4562420;
  transition:transform .5s var(--ease),box-shadow .45s,background .45s;
}
.button:hover,.button:focus-visible,.header-cta:hover,.mobile-action:hover {
  background:linear-gradient(115deg,#ffd39b 0%,#ffa061 36%,#ff8d52 65%,#ffbd71 100%);
  border-color:#fff4d5;filter:saturate(1.08) brightness(1.025);
  box-shadow:inset 0 1px 3px #fffc,inset 0 -2px 3px #b83b1420,0 12px 30px #f7863d45,0 0 55px #ff9a4b50;
}
.button:hover .arrow,.button:focus-visible .arrow,.header-cta:hover>span,.mobile-action:hover .arrow {transform:rotate(45deg);box-shadow:0 0 20px #fff9}
.button:active,.header-cta:active,.mobile-action:active {filter:brightness(.97);box-shadow:inset 0 2px 5px #a4562426,0 4px 18px #f7863d30}
.header-cta {min-height:48px;font-size:12px;padding-left:20px}
.header-cta>span {width:34px;height:34px}
.ink {background:linear-gradient(120deg,#42404a,#25252e 65%,#50413b);color:#fffaf5;border-color:#79615b;box-shadow:inset 0 1px 0 #ffffff35,0 6px 24px #a44e2420,0 0 24px #ffaf6640}
.ink small {color:#e7d7cb}
.ink:hover,.ink:focus-visible {background:linear-gradient(120deg,#42404a,#25252e 65%,#50413b);border-color:#b58c71}
.ink .arrow {background:linear-gradient(135deg,#ffda9f,#ff985a);border-color:#ffdcaf;color:#47280f}
.circle-link,.round-arrow,.image-action>span,.text-link>span {
  background:linear-gradient(145deg,#fffdf9,#ffe8d2);color:#9a3f16;border:1px solid #fff;
  box-shadow:0 5px 17px #a7744412,inset 0 1px 1px white;
  transition:box-shadow .35s,transform .4s var(--ease),background .35s;
}
.circle-link:hover,.text-link:hover>span {background:#ffe0bc;box-shadow:0 4px 24px #ffb06e55;transform:rotate(45deg);border-color:white}
.text-link {font-weight:600}

.hero {padding-block:72px 76px;gap:65px;grid-template-columns:1fr 1.04fr}
.hero h1 {font-size:clamp(60px,5.15vw,92px);line-height:1.04;font-weight:650;letter-spacing:-.065em}
.hero h1>span,.orange-text {color:#b94b16}
.hero h1>span {background:linear-gradient(110deg,#9e350f,#c96220 55%,#ad3610);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero .eyebrow {display:inline-flex;align-items:center;border:1px solid #eecdae;border-radius:999px;padding:8px 13px;background:#fff8f1b3;font-size:9px;margin-bottom:27px;letter-spacing:.08em}
.tiny-line {width:6px;height:6px;border-radius:50%;box-shadow:0 0 10px #ff8b41;background:#d96027;margin-right:10px}
.hero-lead {margin-top:25px;max-width:30em;font-size:17px}
.hero-price {border:0;padding:0;margin:26px 0 27px;max-width:470px}
.hero-price>strong {font-size:20px;font-weight:600;line-height:1.4;letter-spacing:-.02em;margin-bottom:8px}
.hero-price>strong>br {display:none}
.hero-price>strong>span {font-size:25px;color:var(--ink);letter-spacing:-.045em;white-space:nowrap}
.hero-price>span {font-size:12px;line-height:1.75}
.hero .scope {max-width:360px;font-size:11px;margin-top:18px}
.hero .button {min-width:min(100%,345px)}
.hero .text-link {margin-top:20px;font-size:12px}
.hero-visual {isolation:isolate;padding-bottom:82px}
.hero-visual::before {content:"";position:absolute;z-index:-2;inset:-8% -2% 0 -2%;border-radius:50%;background:radial-gradient(ellipse,#ffc78465,transparent 65%);filter:blur(30px);pointer-events:none}
.orange-orbit {z-index:-1;inset:9% -1% 5% 8%;border-radius:50%;background:radial-gradient(circle at 34% 24%,#fff0c5,#ffb66c 37%,#f7884f 69%,#ec723e);box-shadow:inset 0 3px 6px #fff9,0 0 45px #ffc48755,0 0 100px #ffac6733}
.hero-browser {border:5px solid #fff9;border-radius:23px;box-shadow:0 25px 55px -25px #66462c55,0 0 0 1px #ffffffb3}
.hero-phone {box-shadow:5px 18px 40px #54332040,inset 0 0 0 1px #ffffff25}
.visual-note {left:20px;background:#fffaf2ba;border:1px solid white;border-radius:999px;padding:8px 13px;top:-10px;box-shadow:0 8px 24px #8e592810;font-size:10px}
.status-dot {background:#c96c38;box-shadow:0 0 9px #f19a52}
.explore-pill {border:1px solid white;background:linear-gradient(120deg,#ffffffed,#fff8eee6);backdrop-filter:blur(12px);box-shadow:0 12px 26px -14px #995a343b;bottom:4px}
.local-strip {border:0;border-radius:999px;padding:22px 30px;background:linear-gradient(100deg,#fff2e5a6,#fffaf6,#fff2e56b);font-size:11px}
.local-strip p {gap:19px;font-weight:600}
.section-head {margin-bottom:48px}
.concept-grid {gap:45px;align-items:start}
.concept:nth-child(2) {padding-top:58px}
.concept-preview {border:5px solid #fff;border-radius:32px;box-shadow:0 14px 35px -24px #6f4f3766}
.concept-preview:hover {box-shadow:0 18px 45px -24px #df8b4d77}
.concept-caption {padding:25px 7px}
.concept-caption h3 {font-weight:600}
.examples-note {border:0;padding-top:8px;max-width:850px}
.needs {padding-top:0}
.needs-list article {border-color:#e8ded3;padding-block:26px}
.needs-list article>span:first-child {width:30px;height:30px;border-radius:50%;background:#fff1e3;display:grid;place-items:center;flex-shrink:0;padding:0;font-size:10px}
.needs-list h3 {font-size:23px;font-weight:600}

.offer {position:relative;isolation:isolate;background:transparent;margin:0;border-radius:0;padding-block:85px}
.offer::before {content:"";position:absolute;z-index:-1;pointer-events:none;inset:0;background:radial-gradient(ellipse at 20% 45%,#ffcc9b83,transparent 65%),radial-gradient(ellipse at 85% 65%,#ffdcb23d,transparent 65%)}
.offer-grid {gap:110px;grid-template-columns:1fr .88fr}
.offer-heading h2 {font-size:clamp(44px,4.8vw,80px);line-height:1.06}
.offer-heading h2>span {color:#a44213}
.offer-sheet {border-radius:40px;padding:42px;background:linear-gradient(135deg,#fffffff2,#fff8efd9);border:1px solid #fff;box-shadow:0 20px 60px -28px #c084513b,inset 0 0 20px #fff;transform:rotate(1.5deg)}
.sheet-label {border-color:#e9dbcc}
.offer-sheet h3 {font-size:clamp(35px,3.3vw,53px)}
.offer-path {border:0;border-radius:999px;background:#f9eee2;padding:15px 20px}
.offer-intro {color:#685243}
.format-grid {gap:40px;align-items:start}
.format-grid>.format-card {background:transparent;border:0;border-radius:0;overflow:visible}
.format-grid>.format-card:nth-child(2) {background:transparent;padding-top:55px}
.format-copy {padding:0 6px 25px}
.format-grid .format-copy>p:not(.eyebrow) {min-height:0;max-width:35em;font-size:15px;line-height:1.7}
.format-grid .eyebrow {font-size:9px;margin-bottom:12px}
.format-grid h3 {font-size:36px;margin-bottom:15px}
.format-visual {border-radius:32px;box-shadow:0 16px 35px -25px #6c462944;border:5px solid white}
.image-action {background:#fff9efd9;border:1px solid #fff;backdrop-filter:blur(10px);padding:7px 7px 7px 16px;box-shadow:0 5px 25px #6e391a20}
.format-grid p.format-caption {padding:14px 6px}
.included {gap:35px;margin-top:40px;padding-top:35px}
.feature-symbol {border-color:white;color:var(--orange-dark);background:#ffead4;box-shadow:inset 0 1px white,0 3px 14px #dd9e681a}
.included h4 {font-weight:600;font-size:19px}

/* The offer floats in a pool of warm light instead of a boxed price table. */
.pricing {position:relative;isolation:isolate;grid-template-columns:1fr 1fr;gap:100px;padding-block:40px 110px}
.pricing::before {content:"";position:absolute;inset:0 -3% 8% 25%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 72% 52%,#ffd69a7a,transparent 66%);border-radius:50%}
.pricing-copy h2 {font-size:clamp(40px,4vw,65px);line-height:1.09}
.pricing-intro {font-size:17px;max-width:380px;margin-top:25px}
.pricing-included li {border:0;padding-block:8px;gap:12px;font-size:14px}
.pricing-included li:before {content:'✓';display:grid;place-items:center;align-self:start;width:23px;height:23px;background:#fbe6ce;border-radius:50%;font-size:11px;flex-shrink:0}
.pricing-scope {font-size:11px;max-width:420px}
.pricing-card {position:relative;padding:39px 42px 32px;border:1px solid #fff;border-radius:45px;background:linear-gradient(135deg,#ffffffed 0%,#fffdf8ed 44%,#ffe9cfa6 100%);box-shadow:0 25px 70px -30px #c97c3c38,inset 0 1px 4px white,0 0 0 7px #fff8}
.pricing-card::after {content:"";position:absolute;z-index:-1;inset:15% -4% 6%;background:radial-gradient(ellipse,#ffab4e44,transparent 68%);filter:blur(18px);border-radius:50%;pointer-events:none}
.price-heading {display:flex;gap:15px;align-items:center;justify-content:space-between}
.price-heading .eyebrow {margin:0;font-size:10px;letter-spacing:.06em;display:flex;align-items:center;gap:9px}
.price-spark {font-size:24px;line-height:1;color:#ba4d15;text-shadow:0 0 15px #ffac54a6}
.price-badge {font-size:10px;white-space:nowrap;border:1px solid #ecd8bd;background:#fffcf3b3;padding:7px 12px;border-radius:99px}
.price-total {font-size:clamp(100px,8.5vw,144px);font-weight:600;letter-spacing:-.075em;line-height:1;margin-top:24px;color:#3f2b25;text-shadow:0 2px 0 #fff}
.price-total>span {font-size:.42em;vertical-align:25%;margin-left:8px}
.price-period {margin-top:12px;font-size:13px;color:#746052}
.price-breakdown {display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:27px 0 0;padding-block:22px;border-block:1px solid #ead9c6}
.price-breakdown>div {display:flex;flex-direction:column-reverse;border:0;padding:0;gap:8px}
.price-breakdown>div+div {border-left:1px solid #ead9c6;padding-left:24px}
.price-breakdown dt {font-size:13px;font-weight:500}
.price-breakdown dt small {font-size:11px;color:#786456;margin-top:2px}
.price-breakdown dd {font-size:28px;font-weight:600;letter-spacing:-.045em}
.price-renewal {display:flex;align-items:center;gap:22px;padding:23px 0;margin:0 0 8px;background:transparent;border-radius:0}
.price-renewal>p:first-child {font-size:10px;font-weight:500;flex-shrink:0;color:#746052}
.price-renewal strong {font-size:29px;color:var(--ink);margin-top:3px;font-weight:600}
.price-renewal strong span {font-size:14px;font-weight:400}
.price-renewal>p:last-child {font-size:11px;line-height:1.7;margin:0;color:#746052}
.pricing-card .button {font-size:14px;min-height:75px}
.price-preview-note {font-size:10px;margin-top:18px}

.process {background:linear-gradient(125deg,#ffe2be 0%,#ffc995 45%,#ffc596 65%,#ffdfb9 100%);border:1px solid #fff1de;box-shadow:inset 0 1px 3px #fff9;border-radius:52px;margin-inline:24px;padding-block:75px}
.process h2 {font-weight:600;font-size:clamp(34px,3.4vw,56px)}
.process .large-arrow {font-size:90px;color:#a43d0d;text-shadow:0 0 25px #fff8}
.steps {gap:50px}
.steps li::before {background:#ba7c4940}
.steps li>span {border:1px solid #ffffffb3;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;background:#fff4e580;box-shadow:inset 0 1px white;color:#75431f}
.steps h3 {font-size:26px;font-weight:600;margin-top:22px}
.steps p {color:#63452f}
.physical-visual {border:5px solid white;border-radius:38px;box-shadow:0 15px 40px -28px #754a3680}
.faq-list {border:0}
.faq-list details {border-color:#e7ded6}
.faq-list summary {font-weight:500}
.faq-list summary:after {border-color:#fff;background:#ffecd9;color:#a44a1d;box-shadow:0 4px 15px #e1a37115}
.request-section {position:relative;background:radial-gradient(ellipse at 15% 55%,#ffdcb787,transparent 65%),linear-gradient(135deg,#fcf6ef,#fff9f2);border-radius:55px;margin-inline:24px;padding-block:80px;border:1px solid white}
.request-panel {border-radius:37px;padding:38px;border:1px solid white;background:linear-gradient(140deg,#fffffff5,#fffaf1c9);box-shadow:0 20px 60px -32px #9e602133,inset 0 1px 4px white}
.request-copy h2 {font-weight:600}
input,textarea {border-color:#e6dbcf;border-radius:18px;background:#fffcf9;transition:box-shadow .3s,border-color .3s;font-size:16px}
input:focus,textarea:focus {border-color:#bd642d;box-shadow:0 0 0 4px #ffb77424;outline:0}
.request-copy .request-explain {border-color:#e6d9cc}
.footer-social a {border-radius:999px;transition:background .35s,box-shadow .35s}
.footer-social a:hover {background:#fff1df;box-shadow:0 4px 20px #ffbc7525}
.mobile-action {border-color:#fff1d7}
.dialog-close,.device-controls {border-radius:999px}
.dialog-foot a {color:var(--orange-dark)}

@keyframes flow-sheen {
  0%,60% {transform:translateX(0) rotate(24deg);opacity:0}
  68% {opacity:.55}
  91%,100% {transform:translateX(450%) rotate(24deg);opacity:0}
}
@keyframes flow-orbit {from{transform:translateY(0) scale(.98)}to{transform:translateY(-9px) scale(1.025)}}
.motion-enabled .orange-orbit {animation:flow-orbit 9s ease-in-out infinite alternate;animation-play-state:paused}
.motion-enabled .hero-visual.is-onstage .orange-orbit {animation-play-state:running}
/* Short entrances leave the page fully readable without motion or JavaScript. */
@keyframes flow-arrive {from{opacity:.55;translate:0 16px}to{opacity:1;translate:0 0}}
@keyframes flow-fade {from{opacity:.65}to{opacity:1}}
@keyframes flow-light {from{opacity:.6}to{opacity:1}}
.reveal.in-view {animation:flow-arrive .72s var(--ease) backwards;animation-delay:var(--reveal-delay,0ms)}
.pricing-card.reveal.in-view {animation-name:flow-fade;animation-duration:.65s}
.format-card.in-view .format-visual,.physical-figure.in-view .physical-visual {animation-duration:.9s;animation-fill-mode:backwards}
.steps li.in-view::before {animation-duration:.85s;animation-fill-mode:backwards}
.motion-enabled .hero-visual::before {animation:flow-light 7s ease-in-out infinite alternate;animation-play-state:paused}
.motion-enabled .hero-visual.is-onstage::before {animation-play-state:running}
.motion-media>img,.motion-media>div>img {transition:scale .75s var(--ease)}
@media(hover:hover) and (pointer:fine) {
  .motion-enabled:not(.motion-paused) .format-visual:hover>img,
  .motion-enabled:not(.motion-paused) .format-visual:focus-visible>img,
  .motion-enabled:not(.motion-paused) .concept-preview:hover>div>img,
  .motion-enabled:not(.motion-paused) .concept-preview:focus-visible>div>img {scale:1.025}
}
.dialog-open main *,.dialog-open main *::before,.dialog-open main *::after,
.dialog-open .site-header *::before,.dialog-open .mobile-action::before {animation-play-state:paused!important}
.motion-paused *,.motion-paused *::before,.motion-paused *::after,.page-hidden *,.page-hidden *::before,.page-hidden *::after {animation-play-state:paused!important}
.motion-paused *,.motion-paused *::before,.motion-paused *::after {transition:none!important}
.motion-paused #demo-dialog[open],.motion-paused .faq-list details[open] p {animation:none!important}

@media(min-width:1700px) {.hero{padding-block:85px 90px}.hero-visual{padding-right:40px}}
@media(max-width:1199px) {
  .shell{width:calc(100% - 64px)}.section{padding-block:80px}
  .site-header{padding-left:18px;height:76px}.site-header nav{gap:20px;font-size:12px}.header-cta{font-size:11px;gap:10px;padding-left:15px}
  .hero{gap:34px;padding-block:65px}.hero h1{font-size:clamp(54px,5.6vw,67px)}.hero-lead{font-size:16px}.hero-price>strong{font-size:18px}.hero-price>strong>span{font-size:24px}
  .hero .eyebrow{font-size:8px;padding-inline:11px}.hero .button{font-size:13px;padding-left:23px}
  .hero .button .arrow{width:47px;height:47px}.hero-visual{padding-right:20px}.hero-phone{right:0}
  .offer-grid{gap:60px}.offer-sheet{padding:32px}.pricing{gap:55px;padding-top:25px}.pricing-card{padding:33px 30px}.pricing-card .button{font-size:12px}
  .price-breakdown dt{font-size:12px}.price-renewal{gap:17px}.price-renewal>p:last-child{font-size:10px}.price-total{font-size:110px}
  .format-grid{gap:30px}.format-copy{padding-inline:4px}.format-grid h3{font-size:32px}.format-grid .format-copy>p:not(.eyebrow){font-size:14px}
  .request-grid{gap:55px}.request-panel{padding:30px}.steps{gap:32px}
}
@media(max-width:900px) {
  .hero{gap:30px}.hero h1{font-size:52px}.hero .eyebrow{letter-spacing:.035em;font-size:8px}.tiny-line{margin-right:6px}
  .hero-lead{font-size:14px}.hero-price>strong{font-size:17px}.hero-price>span{font-size:11px}.hero .button{font-size:12px;padding-left:18px;gap:12px;min-height:68px}
  .hero .button small{font-size:10px}.hero .scope{font-size:10px}.hero .text-link{font-size:11px;gap:10px}.visual-note{font-size:8px;left:3px;padding:7px 10px}
  .concept-grid{gap:25px}.concept:nth-child(2){padding-top:40px}.concept-caption h3{font-size:19px}
  .offer-grid{gap:40px}.offer-sheet{padding:28px}.offer-heading h2{font-size:48px}.offer-path{padding-inline:12px}
  .pricing{gap:30px}.pricing-card{padding:29px 24px;border-radius:36px}.pricing-copy h2{font-size:39px}.pricing-intro{font-size:15px}.pricing-included li{font-size:12px}.pricing-scope{font-size:10px}
  .price-heading{gap:8px}.price-heading .eyebrow{font-size:8px;gap:6px}.price-badge{font-size:8px;padding:6px 9px}.price-total{font-size:100px}.price-period{font-size:12px}.price-breakdown{gap:12px}.price-breakdown>div+div{padding-left:16px}.price-breakdown dt{font-size:11px}.price-breakdown dd{font-size:25px}.price-renewal{display:block;padding-block:20px}.price-renewal>p:last-child{margin-top:8px}.price-renewal>p:last-child>br{display:none}.pricing-card .button{font-size:10px;padding-left:16px;gap:8px;min-height:65px}.pricing-card .button small{font-size:9px}.pricing-card .button .arrow{width:38px;height:38px}.price-preview-note{font-size:9px}
  .format-grid .format-copy>p:not(.eyebrow){font-size:13px}.format-copy{min-height:196px}.format-visual{border-width:4px;border-radius:26px}
  .request-grid{gap:35px}.request-panel{padding:27px}.process h2{font-size:37px}.steps h3{font-size:23px}
}
@media(max-width:700px) {
  .shell{width:calc(100% - 40px)}.section{padding-block:65px}
  .site-header{width:calc(100% - 28px);height:68px;margin-top:12px;padding-inline:13px;background:#fffaf4d9}.brand-mark{width:38px;height:38px}.brand-name{font-size:11px}.motion-toggle{width:36px;height:36px}
  .hero{grid-template-columns:1fr;padding-block:35px 44px;gap:39px}.hero h1{font-size:clamp(44px,11.8vw,77px);line-height:1.06;font-weight:650}.hero .eyebrow{font-size:8px;letter-spacing:.055em;margin-bottom:24px;padding:8px 11px}
  .hero-lead{font-size:15px;margin-top:22px}.hero-price{margin:22px 0 25px}.hero-price>strong{font-size:18px;line-height:1.5}.hero-price>strong>span{font-size:25px}.hero-price>span{font-size:11px;line-height:1.75}
  .hero .button{font-size:13px;min-height:74px;padding-left:24px}.hero .button small{font-size:11px}.hero .button .arrow{width:49px;height:49px}.hero .scope{font-size:11px;margin-top:19px;max-width:330px}.hero .text-link{font-size:12px;margin-top:17px}
  .hero-visual{padding:37px 22px 75px 0;margin-top:5px}.hero-browser{border-width:4px;border-radius:19px}.hero-phone{right:3px;bottom:34px}.orange-orbit{inset:12% 1% 9% 12%}.visual-note{left:10px;top:0;font-size:9px}.explore-pill{bottom:0;left:6px}.hero-visual::before{filter:blur(20px)}
  .local-strip{padding:20px 23px;border-radius:28px;font-size:10px}.local-strip p{font-size:11px;gap:16px}
  .section-head{margin-bottom:30px}.section-head>p{font-size:14px}.concept-grid{gap:32px}.concept:nth-child(2){padding-top:0}.concept-preview{border-radius:27px;border-width:4px}.concept-caption{padding:21px 4px 0}.concept-caption h3{font-size:23px}.examples-note{padding-top:0;margin-top:26px}
  .needs{padding-top:0}.needs-list article{padding-block:23px;gap:14px}.needs-list h3{font-size:22px}.needs-list article>span:first-child{width:27px;height:27px}.needs-list article>span:last-child{font-size:19px}
  .offer{padding-block:55px}.offer>.shell{width:calc(100% - 40px)}.offer-grid{gap:38px;grid-template-columns:1fr}.offer-heading h2{font-size:clamp(44px,11.5vw,66px)}.offer-intro{font-size:16px}.offer .button{font-size:13px;min-height:72px;padding-left:23px}.offer-sheet{padding:28px;border-radius:32px;transform:rotate(1deg);margin-inline:3px}.offer-sheet h3{font-size:40px}.offer-path{padding:15px;font-size:10px}.offer-sheet .sheet-foot{font-size:12px}
  .format-grid{gap:30px}.format-grid>.format-card:nth-child(2){padding-top:0}.format-copy{padding:0 3px 22px;min-height:0}.format-grid h3{font-size:34px}.format-grid .format-copy>p:not(.eyebrow){font-size:14px;max-width:none;min-height:0}.format-visual{border-radius:27px}.format-grid p.format-caption{padding:12px 4px;font-size:9px}.included{gap:27px;margin-top:28px}.included h4{font-size:20px}
  .pricing{gap:37px;grid-template-columns:1fr;padding-top:10px;padding-bottom:70px}.pricing-copy h2{font-size:clamp(37px,9.8vw,52px)}.pricing-intro{font-size:15px;max-width:360px;margin-top:20px}.pricing-included{margin-block:22px}.pricing-included li{font-size:13px}.pricing-scope{font-size:10px;line-height:1.8}.pricing::before{inset:35% -3% 3% 0}
  .pricing-card{padding:30px 26px 27px;border-radius:36px;box-shadow:0 20px 50px -25px #c97c3c33,inset 0 1px 4px white,0 0 0 5px #fff8}.price-heading .eyebrow{font-size:9px;gap:8px}.price-badge{font-size:9px;padding:6px 10px}.price-spark{font-size:22px}.price-total{font-size:112px;margin-top:24px}.price-period{font-size:12px;max-width:none}.price-breakdown{margin-top:24px;padding-block:21px;gap:15px}.price-breakdown dt{font-size:12px}.price-breakdown dt small{font-size:10px}.price-breakdown dd{font-size:27px}.price-breakdown>div+div{padding-left:20px}.price-renewal{display:flex;gap:20px;padding-block:22px}.price-renewal strong{font-size:29px}.price-renewal>p:last-child{font-size:10px;margin:0}.price-renewal>p:last-child>br{display:block}.pricing-card .button{font-size:12px;min-height:70px;padding-left:18px}.pricing-card .button small{font-size:10px}.pricing-card .button .arrow{width:44px;height:44px}.price-preview-note{font-size:9px;line-height:1.7;margin-top:16px}
  .process{margin-inline:10px;border-radius:34px;padding-block:48px}.process>.shell{width:calc(100% - 38px)}.process h2{font-size:32px;line-height:1.1}.process .large-arrow{font-size:45px}.steps{gap:26px;margin-top:30px}.steps li{padding:22px 0 0 47px}.steps li>span{top:20px;width:32px;height:32px}.steps h3{font-size:24px;margin-top:0;margin-bottom:12px}.steps p{font-size:14px}
  .physical-visual{border-radius:29px;border-width:4px}.physical h2{font-size:36px}.faq{padding-top:0}.faq-list summary{font-size:14px;padding-block:21px}
  .request-section{margin-inline:10px;border-radius:34px;padding-block:48px}.request-section>.shell{width:calc(100% - 36px)}.request-grid{gap:33px}.request-copy h2{font-size:55px}.request-panel{padding:28px 21px;border-radius:28px}.form-submit{font-size:12px;padding-left:18px;gap:10px;min-height:72px}.form-submit small{font-size:10px}.form-submit .arrow{width:44px;height:44px}
  .mobile-action{position:fixed;bottom:14px;left:18px;right:18px;font-size:12px;padding:8px 9px 8px 22px;min-height:63px;box-shadow:inset 0 1px 2px #fff9,0 8px 30px #b8613640,0 0 30px #ffa45540}.mobile-action .arrow{width:43px;height:43px}
}
@media(max-width:359px) {
  .shell{width:calc(100% - 32px)}.hero .eyebrow{font-size:7px;letter-spacing:.03em}.hero h1{font-size:43px}.hero-lead{font-size:14px}.hero-price>strong{font-size:16px}.hero-price>strong>span{font-size:23px}.hero-price>span{font-size:10px}.hero .button{font-size:12px;padding-left:19px}.hero .button small{font-size:10px}.hero .button .arrow{width:44px;height:44px}.hero .scope{font-size:10px}.hero .text-link{font-size:11px}
  .hero-phone{width:116px}.visual-note{font-size:8px}.concept-caption h3{font-size:21px}.offer .button{font-size:11px;padding-left:17px}.offer .button small{font-size:10px}.offer-sheet{padding:24px}.offer-sheet h3{font-size:36px}.offer-path{font-size:9px;padding-inline:10px}
  .pricing-card{padding:27px 20px 23px}.price-total{font-size:104px}.price-heading .eyebrow{font-size:8px}.price-badge{font-size:8px}.price-period{font-size:11px}.price-breakdown dt{font-size:10px}.price-breakdown dt small{font-size:9px}.price-breakdown dd{font-size:25px}.price-breakdown>div+div{padding-left:15px}.price-renewal{gap:15px}.price-renewal strong{font-size:26px}.price-renewal>p:last-child{font-size:9px}.pricing-card .button{font-size:10px;padding-left:14px;gap:5px;min-height:66px}.pricing-card .button small{font-size:9px}.pricing-card .button .arrow{width:38px;height:38px}.price-preview-note{font-size:8px}
  .process h2{font-size:28px}.process .large-arrow{font-size:33px}.process .section-head{gap:8px}.request-section>.shell{width:calc(100% - 28px)}.request-panel{padding:24px 17px}.request-copy h2{font-size:50px}.form-heading h3{font-size:24px}.form-submit{font-size:11px;padding-left:14px;gap:6px}.form-submit small{font-size:9px}.form-submit .arrow{width:38px;height:38px}.mobile-action{font-size:11px;left:12px;right:12px;padding-left:18px}
}
@media(prefers-reduced-motion:reduce) {
  *,*::before,*::after {animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .reveal{opacity:1;translate:none}
}
