/* Pricing: one-time website cost and clear annual hosting renewal. */
.hero-price{border-left:3px solid var(--orange);padding-left:17px;margin:0 0 24px;max-width:460px}
.hero-price>strong{display:block;font-size:21px;line-height:1.2;letter-spacing:-.025em;margin-bottom:7px}
.hero-price>strong>span{font-size:32px;color:var(--orange-dark);white-space:nowrap}
.hero-price>span{display:block;font-size:13px;line-height:1.6;color:var(--muted)}
.hero-price b{color:var(--ink);white-space:nowrap}
.pricing{display:grid;grid-template-columns:1fr .9fr;gap:100px;align-items:center;padding-top:10px}
.pricing-copy{min-width:0}
.pricing-intro{font-size:17px;color:var(--muted);line-height:1.65;max-width:460px;margin-top:25px}
.pricing-included{padding:0;margin:27px 0;list-style:none;max-width:450px}
.pricing-included li{display:flex;gap:13px;align-items:baseline;font-size:14px;padding:12px 0;border-bottom:1px solid var(--line)}
.pricing-included li:before{content:'↗';color:var(--orange-dark);font-size:18px;flex-shrink:0}
.pricing-scope{font-size:12px;color:var(--muted);line-height:1.7;max-width:460px}
.pricing-card{min-width:0;border:1px solid #deccb9;border-top:5px solid var(--orange);border-radius:30px;background:#fffaf2;padding:38px 40px;box-shadow:0 18px 45px -35px #7b4e2d55}
.pricing-card .eyebrow{margin-bottom:12px}
.price-total{font-size:clamp(72px,6vw,102px);font-weight:700;letter-spacing:-.065em;line-height:1.05;color:var(--ink)}
.price-total>span{font-size:.6em;vertical-align:15%;letter-spacing:-.04em}
.price-period{font-size:14px;color:var(--muted);margin-top:12px}
.price-breakdown{margin:26px 0 22px}
.price-breakdown>div{display:flex;justify-content:space-between;align-items:start;gap:20px;padding:16px 0;border-top:1px solid #ded6ca}
.price-breakdown dt{font-size:15px;font-weight:700;line-height:1.4}
.price-breakdown dt small{display:block;font-size:12px;color:var(--muted);font-weight:400;margin-top:5px}
.price-breakdown dd{margin:0;font-size:22px;font-weight:700;line-height:1.3;white-space:nowrap;letter-spacing:-.035em}
.price-renewal{background:#fbe2cf;border-radius:17px;padding:20px 23px;margin-bottom:24px}
.price-renewal>p:first-child{font-size:12px;font-weight:700}
.price-renewal strong{display:block;font-size:33px;letter-spacing:-.04em;line-height:1.2;margin-top:6px}
.price-renewal strong span{font-size:17px;font-weight:400;letter-spacing:-.015em;margin-left:2px}
.price-renewal>p:last-child{font-size:12px;line-height:1.6;margin-top:9px}
.pricing-card .button{width:100%;font-size:14px;gap:12px;padding-left:22px}
.price-preview-note{font-size:11px;color:var(--muted);text-align:center;margin-top:14px;line-height:1.6}
@media(max-width:1199px){.pricing{gap:55px}.pricing-card{padding:30px}.pricing-card .button{font-size:12px;padding-left:18px}.pricing-card .arrow{width:43px;height:43px}}
@media(max-width:900px){.pricing{gap:35px;grid-template-columns:1fr 1fr}.pricing-card{padding:26px}.pricing-card .button{font-size:11px;gap:8px}.pricing-card .button small{font-size:9px}.pricing-intro{font-size:15px}.pricing-included li{font-size:13px}.price-breakdown dt{font-size:13px}.price-breakdown dd{font-size:20px}}
@media(max-width:700px){.hero-price{margin-bottom:22px;padding-left:15px}.hero-price>strong{font-size:20px}.hero-price>strong>span{font-size:30px}.hero-price>span{font-size:12px}.pricing{grid-template-columns:1fr;gap:30px;padding-top:0}.pricing-card{padding:28px 24px;border-radius:24px}.pricing-intro{margin-top:20px;font-size:15px}.pricing-included{margin-block:23px}.pricing-scope{font-size:11px}.price-total{font-size:80px}.price-period{font-size:13px}.price-breakdown dt{font-size:14px}.price-breakdown dd{font-size:23px}.price-renewal{padding:19px 20px}.pricing-card .button{font-size:12px;min-height:67px}.pricing-card .button small{font-size:10px}.price-preview-note{font-size:10px}}
@media(max-width:359px){.pricing-card{padding:25px 19px}.pricing-card .button{font-size:10px;padding-left:14px;gap:7px}.pricing-card .button small{font-size:9px}.pricing-card .arrow{width:38px;height:38px}.price-breakdown{margin-top:24px}.price-breakdown dt{font-size:12px}.price-breakdown dd{font-size:21px}.price-breakdown>div{gap:12px}.price-renewal{padding:18px}.price-period{font-size:12px}}
/* Revision: photographic examples, warm palette and considered motion. */
.format-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
.format-grid>.format-card{min-width:0;min-height:0;padding:0;background:#eeede6;border:1px solid #deded7;border-radius:28px;overflow:hidden;position:relative}
.format-grid>.format-card:nth-child(2){background:#eeede6}
.format-copy{padding:34px 36px 30px}
.format-grid .eyebrow{font-size:10px;margin:0 0 17px}
.format-grid h3{font-size:36px;margin:0 0 18px}
.format-grid .format-copy>p:not(.eyebrow){font-size:15px;max-width:39em;min-height:4.65em;color:var(--muted)}
.format-visual{position:relative;display:block;overflow:hidden;isolation:isolate;background:#d7c4ad;text-decoration:none;aspect-ratio:3/2}
.format-visual>img{width:100%;height:100%;object-fit:cover}
.image-action{position:absolute;z-index:1;bottom:18px;right:18px;display:flex;align-items:center;gap:15px;background:#fffaf2;color:var(--ink);box-shadow:0 5px 24px #17233322;border-radius:99px;padding:8px 8px 8px 17px;font-size:11px;font-weight:700;transition:background .25s,translate .35s var(--ease)}
.image-action>span{display:grid;place-items:center;width:31px;height:31px;border:1px solid #c8c8c0;border-radius:50%;font-size:18px;transition:rotate .35s var(--ease)}
.format-visual:hover .image-action,.format-visual:focus-visible .image-action{background:var(--orange);translate:0 -3px}
.format-visual:hover .image-action>span{rotate:45deg}
.format-grid p.format-caption{font-size:10px;line-height:1.6;max-width:none;padding:14px 25px;color:var(--muted)}
.physical{grid-template-columns:1.23fr 1fr;gap:65px}
.physical-figure{min-width:0}
.physical-visual{border-radius:30px;overflow:hidden;aspect-ratio:3/2;background:#e4d3bc}
.physical-visual img{width:100%;height:100%;object-fit:cover}
.physical-figure figcaption{font-size:10px;color:var(--muted);line-height:1.6;margin:13px 3px 0}
.physical .physical-copy{min-width:0}
.site-footer{display:block;padding-block:58px 28px}
.site-footer .footer-top{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:65px;margin:0;padding-bottom:45px;align-items:start;font-size:14px}
.footer-brand>p{font-size:15px;line-height:1.6;color:var(--muted);margin-top:22px}
.site-footer .eyebrow{font-size:10px;margin-bottom:19px}
.footer-contact strong{display:block;font-size:14px;margin-bottom:18px}
.footer-contact>p:not(.eyebrow){font-size:11px;color:var(--muted);margin:15px 0;line-height:1.8}
.contact-value{display:inline-block;font-size:15px;color:var(--ink);user-select:text;overflow-wrap:anywhere}
.footer-contact small{font-size:11px;display:block;margin-top:19px}
.footer-contact small a{font-weight:700;text-underline-offset:4px}
.footer-social nav{display:grid;gap:4px}
.footer-social a{display:flex;align-items:center;gap:15px;min-height:49px;padding:8px 11px;border-radius:12px;text-decoration:none;font-size:14px;transition:background .25s,color .25s}
.footer-social a svg{width:22px;height:22px;flex-shrink:0;transition:rotate .35s var(--ease)}
.social-arrow{margin-left:auto;font-size:21px;transition:translate .35s var(--ease)}
.footer-social a:hover{background:#f6dfcd}
.footer-social a:hover svg{rotate:-8deg}
.footer-social a:hover .social-arrow{translate:3px -3px}
.site-footer .footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding-top:24px;margin:0;font-size:10px;color:var(--muted)}
.footer-bottom nav{display:flex;flex-wrap:wrap;gap:15px 24px}
.footer-bottom a{text-decoration:none;min-height:30px;display:inline-flex;align-items:center}
.footer-bottom a:hover{text-decoration:underline;text-underline-offset:4px}
/* The opening retains its original composition and animation. */
.motion-enabled .hero-browser{animation-play-state:paused}
.motion-enabled .hero-visual.is-onstage .hero-browser{animation-play-state:running}
.motion-media{overflow:hidden}
@keyframes photo-breathe{from{transform:scale(1)}to{transform:scale(1.025)}}
.motion-enabled .motion-media img{animation:photo-breathe 10s ease-in-out infinite alternate;animation-play-state:paused}
.motion-enabled .motion-media.is-onstage img{animation-play-state:running}
@keyframes photo-reveal{from{clip-path:inset(4% 0 4% 0 round 20px);opacity:.5}to{clip-path:inset(0 round 0);opacity:1}}
.format-card.in-view .format-visual,.physical-figure.in-view .physical-visual{animation:photo-reveal 1.1s var(--ease) both;animation-delay:var(--reveal-delay,0ms)}
@keyframes trace-line{from{scale:0 1}to{scale:1 1}}
.steps li{position:relative;border-top:0}
.steps li::before{content:'';position:absolute;left:0;top:0;width:100%;height:1px;background:#17233355;transform-origin:left}
.steps li.in-view::before{animation:trace-line 1.1s var(--ease) both;animation-delay:var(--reveal-delay,0ms)}
@keyframes arrow-sway{from{rotate:-5deg;translate:0 3px}to{rotate:4deg;translate:0 -3px}}
.motion-enabled .process .large-arrow{animation:arrow-sway 6s ease-in-out infinite alternate;animation-play-state:paused}
.motion-enabled .process.is-onstage .large-arrow{animation-play-state:running}
.faq-list summary::after{transition:rotate .3s var(--ease),background .3s,border-color .3s}
.faq-list details[open] summary::after{rotate:180deg}
.faq-list details[open] p{animation:arrive .4s var(--ease) both}
@supports(interpolate-size:allow-keywords){.faq-list details{interpolate-size:allow-keywords}.faq-list details::details-content{height:0;opacity:0;overflow:hidden;transition:height .35s var(--ease),opacity .35s,content-visibility .35s allow-discrete}.faq-list details[open]::details-content{height:auto;opacity:1}}
@keyframes dialog-arrive{from{opacity:0;translate:0 16px;scale:.985}to{opacity:1;translate:0 0;scale:1}}
@keyframes dialog-leave{to{opacity:0;translate:0 12px;scale:.99}}
#demo-dialog[open]{animation:dialog-arrive .32s var(--ease) both}
#demo-dialog[open].is-closing{animation:dialog-leave .18s ease-in both}
#demo-frame{transition:max-width .4s var(--ease)}
.mobile-action{transition:box-shadow .25s}
.motion-paused *,.motion-paused *::before,.page-hidden *,.page-hidden *::before{animation-play-state:paused!important}
.motion-paused .reveal,.motion-paused .format-visual,.motion-paused .physical-visual{animation:none!important}
.motion-paused *{transition:none!important}
@media(max-width:1199px){.format-copy{padding:29px}.format-grid .format-copy>p:not(.eyebrow){font-size:14px;min-height:6.2em}.physical{gap:40px}.site-footer .footer-top{gap:40px}}
@media(max-width:900px){.format-grid{gap:22px}.format-copy{padding:26px}.format-grid h3{font-size:31px}.format-grid .format-copy>p:not(.eyebrow){min-height:7.75em}.image-action{bottom:12px;right:12px;font-size:10px}.physical{grid-template-columns:1fr 1fr;gap:30px}.site-footer .footer-top{gap:25px}.footer-brand>p{font-size:13px}.footer-bottom nav{gap:12px}}
@media(max-width:700px){.format-grid{grid-template-columns:1fr;gap:26px}.format-grid>.format-card{border-radius:22px;padding:0;min-height:0}.format-copy{padding:26px}.format-grid h3{font-size:33px;margin-bottom:16px}.format-grid .eyebrow{font-size:9px;margin-bottom:15px}.format-grid .format-copy>p:not(.eyebrow){min-height:0;max-width:none;font-size:14px}.format-grid p.format-caption{font-size:9px;padding:13px 19px}.image-action{bottom:10px;right:10px;padding:5px 5px 5px 12px;gap:9px;font-size:9px}.image-action>span{width:27px;height:27px;font-size:17px}.physical{grid-template-columns:1fr;gap:31px}.physical-visual{border-radius:23px}.physical-figure figcaption{font-size:9px;margin-top:11px}.site-footer{padding-block:40px 110px}.site-footer .footer-top{grid-template-columns:1fr 1fr;gap:32px 25px;padding-bottom:30px}.footer-brand{grid-column:1/-1}.footer-brand>p{margin-top:18px;font-size:14px}.site-footer .eyebrow{font-size:9px;margin-bottom:16px}.footer-contact strong{font-size:12px;margin-bottom:15px}.contact-value{font-size:12px}.footer-contact small{font-size:10px;line-height:1.7}.footer-social a{font-size:12px;gap:9px;min-height:46px;padding-inline:5px}.footer-social a svg{width:19px;height:19px}.social-arrow{font-size:19px}.site-footer .footer-bottom{display:block;padding-top:23px;font-size:10px}.footer-bottom nav{display:grid;gap:4px;margin-top:14px}}
@media(max-width:359px){.format-copy{padding:23px}.format-grid h3{font-size:31px}.format-grid .format-copy>p:not(.eyebrow){font-size:13px}.site-footer .footer-top{grid-template-columns:1fr;gap:30px}.footer-social nav{max-width:250px}.footer-social a{font-size:13px}.contact-value{font-size:14px}}
@media(max-width:700px){#prepared textarea{font-size:16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;translate:none}.format-visual,.physical-visual{clip-path:none}}