@font-face{font-family:Inter;src:url('/assets/potencia-inter.woff2') format('woff2');font-style:normal;font-weight:400 700;font-display:swap}
@font-face{font-family:Lora;src:url('/assets/potencia-lora.woff2') format('woff2');font-style:normal;font-weight:400 700;font-display:swap}
:root{--ivory:#faf8f3;--paper:#f1e6de;--terracotta:#a95036;--clay:#c66c4e;--ink:#31342e;--muted:#6b675f;--line:#ded6cd;--peach:#ead5c8;--white:#fffdf9;font-family:Inter,Arial,sans-serif;color:var(--ink);background:var(--ivory);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;min-width:320px;font-size:16px}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit}img{max-width:100%}p,h1,h2,h3,h4{margin-top:0}p{line-height:1.65}h1,h2,h3,h4{font-family:Lora,Georgia,serif;font-weight:400;letter-spacing:-.045em}h1{font-size:clamp(3rem,5.35vw,5rem);line-height:1.07;margin-bottom:24px}h1 em,h2 em{font-style:normal;color:var(--terracotta)}h2{font-size:clamp(2.4rem,3.8vw,3.65rem);line-height:1.15;margin-bottom:20px}h3{font-size:1.7rem;line-height:1.2}button{cursor:pointer}.wrap{width:min(1216px,calc(100% - 64px));margin-inline:auto}[hidden]{display:none!important}.skip-link{position:absolute;top:-70px;left:12px;z-index:100;background:var(--ink);color:white;padding:14px}.skip-link:focus{top:10px}:focus-visible{outline:3px solid var(--clay);outline-offset:4px}
.site-header{background:var(--ivory);border-bottom:1px solid var(--line);position:relative;z-index:20}.header-inner{display:flex;align-items:center;gap:36px;min-height:86px}.brand{width:195px;flex:none;display:block}.brand img,.footer-brand img{display:block;width:100%;height:auto;mix-blend-mode:multiply}.site-header nav{display:flex;align-items:center;gap:32px;margin-left:auto}.site-header nav a{font-size:.85rem;padding:25px 0;position:relative}.site-header nav a[aria-current=page]:after{content:'';height:2px;background:var(--terracotta);position:absolute;bottom:14px;left:0;right:0}.header-cta{font-size:.8rem;font-weight:600;background:var(--ink);color:var(--ivory);padding:14px 20px;border-radius:5px}.eyebrow{font-size:.66rem;font-weight:600;text-transform:uppercase;letter-spacing:.2em;color:var(--terracotta);line-height:1.5;margin-bottom:22px}.lead{font-size:1.03rem;line-height:1.7;max-width:500px;color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:15px 26px;border:1px solid transparent;border-radius:5px;font:600 .89rem Inter,Arial,sans-serif;line-height:1.2;transition:background .2s,box-shadow .2s,transform .2s;text-align:center;max-width:100%}.button.primary{background:var(--terracotta);color:white;box-shadow:0 7px 18px #a9503618}.button.dark{background:var(--ink);color:var(--ivory)}.button.ivory{background:var(--ivory);color:var(--ink)}.button.ghost{border-color:var(--line);background:transparent}.button:hover{transform:translateY(-2px);box-shadow:0 10px 26px #31342e20}.button.primary:hover{background:#93422b}.button-row{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0}
.hero{background:linear-gradient(115deg,#faf8f3 4%,#f4ede5 72%,#eddbcd 100%);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1.06fr;gap:46px;align-items:center;min-height:694px;padding-top:55px;padding-bottom:53px}.hero-copy{position:relative;z-index:2}.hero-copy .lead{margin-bottom:25px}.home-hero h1{max-width:570px}.home-offer{border-top:1px solid #d9cdc0;padding-top:20px;display:flex;flex-wrap:wrap;gap:14px;align-items:center;max-width:505px}.home-offer>span{font-size:.8rem;line-height:1.55}.home-offer>span b{font-size:1.3rem;font-weight:600}.inline-plus{display:block}.home-offer .button{margin-left:auto}.home-offer small{width:100%;font-size:.66rem;color:var(--muted)}.hero-secondary{display:flex;gap:15px;align-items:center;margin-top:27px;font-size:.77rem}.hero-secondary a{border-bottom:1px solid var(--terracotta);padding-bottom:3px}.hero-secondary span{color:var(--muted);font-size:.7rem}.hero-stage{height:540px;position:relative;min-width:0;isolation:isolate}.stage-grid{position:absolute;inset:25px -100px 20px -20px;background-image:linear-gradient(#ae78560b 1px,transparent 1px),linear-gradient(90deg,#ae78560b 1px,transparent 1px);background-size:36px 36px;mask-image:radial-gradient(ellipse,#000,transparent 73%)}.stage-word{position:absolute;font:400 7rem Lora,Georgia,serif;letter-spacing:-.08em;color:#ba796019;left:-4%;top:0;white-space:nowrap;transform:rotate(-9deg)}.desktop-float{position:absolute;left:0;right:-20px;top:96px;animation:desktopFloat 8s ease-in-out 1s infinite}.desktop-device{border:1px solid #eadfce;background:#fffdf9;border-radius:10px;overflow:hidden;box-shadow:0 30px 55px #72513b27,0 2px 5px #72513b14;transform:rotate(-7deg);animation:screenEntrance 1.1s cubic-bezier(.18,.74,.27,1) both}.desktop-device>img{width:100%;display:block;height:auto}.browser-bar{display:flex;align-items:center;justify-content:space-between;height:30px;padding:0 12px;background:#fffdf9;border-bottom:1px solid #e4ded3;color:#7c756e;font-size:8px;letter-spacing:.025em}.browser-lights{display:flex;gap:4px}.browser-lights i{width:5px;height:5px;border-radius:50%;background:#dbd2c5}.browser-lights i:first-child{background:#c9a38e}.browser-mark{font:600 10px Lora,serif;color:var(--terracotta)}.phone-float{position:absolute;width:29%;right:-9px;top:214px;animation:phoneFloat 7s ease-in-out .3s infinite}.phone-device{position:relative;border:6px solid #31342e;border-radius:27px;overflow:hidden;background:#31342e;box-shadow:0 27px 40px #39261633;transform:rotate(8deg);animation:phoneEntrance 1.2s cubic-bezier(.18,.74,.27,1) both}.phone-device img{width:100%;height:auto;display:block}.phone-speaker{position:absolute;top:5px;left:34%;width:32%;height:9px;background:#31342e;border-radius:0 0 8px 8px;z-index:1}.stage-note{position:absolute;left:1%;bottom:40px;display:flex;gap:12px;align-items:center;background:var(--terracotta);color:var(--ivory);padding:20px 25px;border-radius:5px;box-shadow:0 15px 30px #a9503625;transform:rotate(-3deg);animation:noteEntrance 1s .25s both}.stage-note b{display:block;font-size:.76rem;font-weight:600}.stage-note span:not(.note-line){display:block;font-size:.7rem;opacity:.78;margin-top:5px}.note-line{height:32px;width:3px;background:#e9b7a2}.stage-caption{position:absolute;bottom:-2px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;gap:10px;color:#7b6c60;font-size:.59rem}.motion-toggle{border:0;border-bottom:1px solid #b7a18f;background:none;padding:9px 0;font-size:.59rem;color:#796454}.motion-toggle:disabled{opacity:.7;cursor:default}
.hero-enter{animation:heroEntrance .75s cubic-bezier(.16,.66,.3,1) both}.hero-enter:nth-child(2){animation-delay:.08s}.hero-enter:nth-child(3){animation-delay:.16s}.hero-enter:nth-child(4){animation-delay:.24s}.hero-enter:nth-child(5){animation-delay:.3s}
.sites-hero .hero-grid{min-height:705px;padding-top:46px;padding-bottom:44px}.sites-hero h1{font-size:clamp(3rem,4.7vw,4.5rem)}.sites-hero .lead{max-width:460px;margin-bottom:23px}.hero-offer{max-width:440px;border-top:1px solid #d9cdc0;padding-top:18px}.offer-label{font-size:.7rem;display:flex;align-items:center;gap:14px;margin:0 0 10px;color:var(--muted)}.offer-label>span{background:#ead5c8;color:#7e402e;padding:4px 7px;border-radius:3px;font-size:.56rem;text-transform:uppercase;letter-spacing:.055em}.price-line{display:flex;align-items:center;gap:8px;margin-bottom:17px}.price-currency{font-size:1.1rem;align-self:flex-start;margin-top:8px}.price-line>strong{font:400 3.9rem/.95 Lora,Georgia,serif;letter-spacing:-.07em}.price-plus{font-size:1.45rem;color:#9c8b7c;font-weight:400;margin:0 12px}.monthly b{font-size:1.45rem;letter-spacing:-.035em;font-weight:500}.monthly b span{font-size:.8rem}.monthly small{font-size:.59rem;display:block;margin-top:7px;color:var(--muted)}.offer-cta{width:100%;min-height:54px}.offer-fine{font-size:.62rem;color:var(--muted);margin:9px 0 0}.delivery-promise{display:flex;align-items:center;gap:13px;margin-top:23px}.promise-number{font:400 2.4rem/1 Lora,serif;color:var(--terracotta);border-right:1px solid #d4b9a8;padding-right:13px}.delivery-promise b{font-size:.78rem;font-weight:600;display:block}.delivery-promise div>span{font-size:.65rem;color:var(--muted);display:block;margin-top:6px}.benefit-strip{background:var(--terracotta);color:var(--ivory)}.benefit-strip .wrap{display:grid;grid-template-columns:repeat(3,1fr);padding-block:24px;text-align:center;font-size:.75rem}.benefit-strip span+span{border-left:1px solid #edc0ab66}
.brand-ribbon{overflow:hidden;background:var(--ink);color:#eee1d4;padding:22px 0}.ribbon-track{display:flex;align-items:center;gap:35px;width:max-content;animation:ribbonDrift 36s linear infinite}.ribbon-track span{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}.ribbon-track i{height:5px;width:5px;border:1px solid #b77858;border-radius:50%}
.service-section{padding-block:85px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:65px;margin-bottom:35px}.section-heading h2{margin-bottom:0}.section-heading>p{max-width:285px;font-size:.86rem;color:var(--muted);margin-bottom:5px}.section-heading .eyebrow{margin-bottom:17px}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.service-card{padding:32px;background:#efe7dc;border:1px solid #e4d8c9;border-radius:7px;display:flex;flex-direction:column;min-width:0}.service-video{background:#ead5c8;border-color:#ddc3b3}.service-top{display:flex;justify-content:space-between;gap:10px;font-size:.66rem;align-items:center}.service-index{text-transform:uppercase;letter-spacing:.1em;color:#805441}.service-tag{font-size:.59rem;color:#746257;border:1px solid #cab5a5;padding:6px 9px;border-radius:30px}.service-card h3{font-size:2.25rem;margin:34px 0 15px}.service-card>p{font-size:.9rem;color:var(--muted);max-width:430px;margin-bottom:28px}.service-bottom{border-top:1px solid #ceb8a680;padding-top:23px;display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:auto}.service-bottom>span{font-size:.68rem}.service-bottom b{font-size:1.2rem;font-weight:600}.service-bottom small{display:block;font-size:.62rem;color:var(--muted);margin-top:5px}.service-bottom .button{font-size:.73rem;padding:12px 18px;min-height:45px}
.portfolio-section{background:#eee8de;padding-block:78px}.portfolio-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:36px 22px}.project-card{grid-column:span 2;min-width:0}.project-card:nth-child(-n+2){grid-column:span 3}.project-preview{border:0;padding:0;display:block;background:none;width:100%;text-align:left}.project-canvas{position:relative;aspect-ratio:1.43;overflow:hidden;border-radius:6px;background:#d6ccbc;display:flex;align-items:center;justify-content:center}.project-areias .project-canvas{background:#e5d8b5}.project-pastel .project-canvas{background:#d7baa1}.project-rusticos .project-canvas{background:#bbac9b}.project-destrava .project-canvas{background:#d7d6cb}.project-browser{width:87%;box-shadow:0 20px 28px #38281730;transform:rotate(-4deg) translateY(5px);overflow:hidden;border-radius:5px;border:1px solid #e9dfd0;transition:transform .5s cubic-bezier(.2,.7,.3,1)}.project-areias .project-browser,.project-rusticos .project-browser{transform:rotate(4deg) translateY(5px)}.project-browser img{display:block;width:100%;height:auto}.project-browser .browser-bar{height:22px;font-size:6px;padding:0 9px}.project-browser .browser-lights i{width:4px;height:4px}.preview-label{position:absolute;left:14px;bottom:13px;padding:8px 11px;background:#faf8f3ed;border:1px solid #e6ddcf;border-radius:4px;font-size:.61rem;color:#55493d}.project-preview:hover .project-browser{transform:rotate(0) scale(1.045)}.project-meta{display:flex;align-items:center;justify-content:space-between;padding-top:18px}.project-meta p{font-size:.59rem;text-transform:uppercase;letter-spacing:.12em;color:#7c7062;margin-bottom:7px}.project-meta h3{font-size:1.5rem;margin-bottom:0}.project-meta>span{font:400 1.15rem Lora,serif;color:#a79a89}.project-description{font-size:.76rem;color:var(--muted);line-height:1.6;margin:10px 0 0;max-width:460px}.portfolio-end{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:42px;padding-top:28px;border-top:1px solid #d4cbbc}.portfolio-end>span{font:400 1.5rem Lora,serif}.portfolio-end .button{min-height:46px;font-size:.78rem}
.included-section{padding-block:88px;display:grid;grid-template-columns:.9fr 1.1fr;gap:80px}.included-intro>p:not(.eyebrow){max-width:370px;font-size:.9rem;color:var(--muted)}.included-intro .button{margin-top:12px}.included-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.included-grid article{border-top:1px solid var(--line);padding-top:20px}.included-grid article>span{font-size:.66rem;color:var(--terracotta)}.included-grid h3{font-size:1.65rem;margin:17px 0 12px}.included-grid p{font-size:.84rem;color:var(--muted);margin:0}.process-section{padding-block:80px;background:#eee3d8}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.process-grid article{border-top:1px solid #ccb9a5;padding-top:25px}.process-number{font:400 2.4rem Lora,serif;color:#b27455}.process-grid h3{font-size:1.62rem;margin:27px 0 12px}.process-grid p{font-size:.86rem;color:var(--muted);max-width:300px;margin:0}.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;padding-block:85px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{list-style:none;position:relative;padding:22px 30px 22px 0;font-size:.87rem;font-weight:500;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';position:absolute;right:4px;top:17px;font-size:1.3rem;font-weight:400;color:var(--terracotta)}.faq-list details[open] summary:after{content:'−'}.faq-list details>p{font-size:.83rem;color:var(--muted);padding-right:26px;margin:0 0 22px}.final-cta{background:var(--terracotta);color:var(--ivory);text-align:center;padding:74px 0 67px;position:relative;overflow:hidden}.final-cta:before,.final-cta:after{content:'';position:absolute;pointer-events:none;width:430px;height:430px;border:1px solid #f4d7c729;border-radius:50%;left:-250px;top:-60px}.final-cta:after{left:auto;right:-220px;top:auto;bottom:-260px;width:600px;height:600px}.final-cta .eyebrow{color:#ebc6b4}.final-cta h2{font-size:clamp(2.6rem,4.2vw,4rem)}.final-cta h2 em{color:#f0cbb7}.final-cta .button{margin-top:8px;min-width:200px}.final-video-link{display:block;width:fit-content;margin:24px auto 0;border-bottom:1px solid #dcab93;padding-bottom:4px;font-size:.72rem}.final-price{font-size:1.35rem;margin:28px 0 18px}.final-price span{font-size:.8rem;display:block;margin-top:10px;color:#efcdbb}.final-fine{font-size:.65rem;color:#efcdbb;margin:18px 0 0}
.video-hero-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:70px;align-items:center;padding-block:58px}.video-hero h1{font-size:clamp(2.9rem,4.9vw,4.6rem)}.video-offer{border-top:1px solid #d7c5b5;padding-top:20px;max-width:420px}.video-price-line{display:flex;align-items:baseline;gap:17px;margin:10px 0 19px}.video-price-line strong{font:400 2.8rem Lora,serif;letter-spacing:-.05em}.video-price-line span{font-size:.76rem;color:var(--muted)}.video-offer .button{width:100%}.video-offer>p{font-size:.65rem;color:var(--muted);margin:10px 0 0}.video-feature{padding:18px;border-radius:7px;background:#31342e;box-shadow:0 20px 45px #352a1920;transform:rotate(2deg)}.video-feature video{display:block;background:#242822;width:100%;height:460px;object-fit:contain;border-radius:3px}.video-topline{display:flex;justify-content:space-between;color:#ded7ca;font-size:.58rem;letter-spacing:.04em;margin-bottom:14px}.video-caption{padding:17px 0 3px;display:flex;flex-wrap:wrap;gap:7px;justify-content:space-between;color:#ded7ca;font-size:.59rem}.video-caption b{font-weight:500}.video-caption span{color:#a9a99b}.video-details{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-block:85px}.video-details p:not(.eyebrow){font-size:.91rem;color:var(--muted)}.video-details .button{margin-top:15px}
.preview-note{display:flex;align-items:center;justify-content:center;gap:10px;background:#ede8de;color:#6c6254;padding:18px 26px;font-size:.66rem;border-top:1px solid #ddd3c5}.preview-note p{margin:0}.preview-dot{width:5px;height:5px;border-radius:50%;background:#ae7856;flex:none}.site-footer{padding:47px 0 24px;background:var(--ivory)}.footer-main{display:flex;justify-content:space-between;align-items:center;gap:36px;padding-bottom:35px}.footer-brand{display:block;width:180px}.footer-main>div>p{font-size:.73rem;color:var(--muted);margin:14px 0 0}.footer-links{display:flex;gap:26px;font-size:.77rem}.footer-contact small{display:block;font-size:.62rem;color:var(--muted);margin-bottom:9px}.footer-contact strong{font-size:1rem;font-weight:500;color:var(--terracotta)}.footer-bottom{border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;gap:24px;color:#7b756a;font-size:.59rem}.footer-bottom b{font-weight:600;color:var(--ink);margin-left:8px}.footer-bottom a{color:var(--terracotta)}
.project-dialog{border:1px solid #ded1c1;border-radius:8px;width:min(1120px,calc(100% - 32px));max-height:92vh;background:var(--ivory);padding:24px;color:var(--ink);overflow:auto;box-shadow:0 30px 90px #0005}.project-dialog::backdrop{background:#27291fe0;backdrop-filter:blur(5px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.dialog-heading .eyebrow{font-size:.58rem;margin-bottom:7px}.dialog-heading h2{font-size:1.8rem;margin:0}.dialog-close{background:var(--ink);border:0;border-radius:4px;padding:12px 18px;color:var(--ivory);font-size:.73rem}.dialog-image-wrap{border-radius:4px;overflow:hidden;background:#e8ddce}.dialog-image-wrap img{display:block;width:100%;height:auto}.dialog-note{font-size:.61rem;color:var(--muted);margin:14px 0 0}
.page-hero{background:var(--paper);padding:57px 0 60px}.page-hero h1{font-size:clamp(2.7rem,4.5vw,4.3rem);max-width:900px}.page-hero .lead{max-width:640px}.dashboard-wrap{padding-block:45px 80px;min-height:350px}.demo-note{border:1px solid #d8c4a8;background:#f5ecdc;color:#745937;padding:17px 22px;border-radius:6px;font-size:.78rem;line-height:1.6;margin-bottom:22px}.panel{background:var(--white);border:1px solid var(--line);border-radius:7px;padding:29px;margin-bottom:20px}.panel h2{font-size:1.85rem}.panel h3{font-size:1.5rem}.panel p{font-size:.88rem;color:var(--muted)}.auth-layout{display:grid;grid-template-columns:1fr 1fr;gap:22px}.auth-layout form{display:flex;flex-direction:column;align-items:stretch}.auth-layout .button{margin-top:auto;align-self:flex-start}.auth-layout label{margin-bottom:18px}label{display:block;font-size:.78rem;font-weight:600;line-height:1.6}label small{font-weight:400;color:var(--muted)}input,textarea,select{display:block;width:100%;background:#fcfaf5;border:1px solid #cfc4b7;border-radius:4px;padding:12px 13px;margin-top:7px;color:var(--ink)}textarea{min-height:94px;resize:vertical}input[type=file]{font-size:.8rem}.check-label{display:flex;align-items:flex-start;gap:10px;font-weight:400}.check-label input{width:auto;margin-top:4px;accent-color:var(--terracotta)}.order-start{display:grid;grid-template-columns:1fr 1fr;gap:40px}.order-start form{display:grid;align-content:end;gap:20px}.message{padding:15px 20px;background:#e0eadc;border-radius:4px;color:#34512b;font-size:.83rem}.message.error{background:#f7dcd3;color:#8b3d2c}.dashboard-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.dashboard-head h2{margin:0}.text-button{border:0;background:none;color:var(--terracotta);font-size:.79rem;font-weight:600;padding:12px}.order-list{display:grid;gap:12px}.order-list-item{display:flex;align-items:center;gap:20px;background:white;border:1px solid var(--line);padding:20px;border-radius:5px}.order-list-item small{color:var(--muted)}.order-list-item .status{margin-left:auto}.status{background:var(--peach);color:#80462f;padding:8px 12px;border-radius:30px;font-size:.65rem;white-space:nowrap}.back-link{display:inline-block;border-bottom:1px solid var(--terracotta);margin-bottom:20px;font-size:.78rem}.order-title{display:flex;justify-content:space-between;align-items:center;gap:20px}.timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:26px}.timeline span{background:#e9e4dc;color:#81766a;padding:13px 5px;font-size:.65rem;text-align:center}.timeline .done{background:var(--peach);color:#8a4d37}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid .full{grid-column:1/-1}.upload-block{border-top:1px solid var(--line);margin-top:28px;padding-top:24px}.upload-form{display:flex;align-items:end;gap:12px}.upload-form select{max-width:170px}.upload-form input{max-width:350px}.upload-form .button{white-space:nowrap}.file-list{font-size:.84rem;line-height:1.7}.admin-login{max-width:480px}.admin-login label{margin-bottom:18px}.admin-order{display:grid;grid-template-columns:1fr 1fr;gap:35px}.admin-order form{display:grid;gap:12px}.admin-order .button{justify-self:start}.admin-details{overflow-wrap:anywhere}.admin-details p{margin:7px 0}.file-link{display:block;color:var(--terracotta);font-size:.79rem;padding:7px}.checkout-price{background:#f2e5d8}
.motion-ready .reveal{opacity:0;transform:translateY(25px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.3,1)}.motion-ready .reveal.is-visible{opacity:1;transform:none}.motion-paused .desktop-float,.motion-paused .phone-float,.motion-paused .ribbon-track,.is-page-hidden .desktop-float,.is-page-hidden .phone-float,.is-page-hidden .ribbon-track{animation-play-state:paused}
@keyframes heroEntrance{from{opacity:0;transform:translateY(23px)}to{opacity:1;transform:translateY(0)}}@keyframes screenEntrance{from{opacity:0;transform:translate(60px,50px) rotate(-2deg)}to{opacity:1;transform:rotate(-7deg)}}@keyframes phoneEntrance{from{opacity:0;transform:translate(0,80px) rotate(1deg)}to{opacity:1;transform:rotate(8deg)}}@keyframes noteEntrance{from{opacity:0;transform:translate(-30px,20px) rotate(0)}to{opacity:1;transform:rotate(-3deg)}}@keyframes desktopFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-13px) rotate(1.2deg)}}@keyframes phoneFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(15px)}}@keyframes ribbonDrift{to{transform:translateX(-50%)}}
@media(min-width:1600px){.hero-grid{gap:70px}.hero-stage{height:540px}}
@media(max-width:1050px){.wrap{width:calc(100% - 48px)}.header-inner{gap:22px}.brand{width:170px}.site-header nav{gap:23px}.header-cta{font-size:.72rem;padding:13px 16px}.hero-grid{gap:25px;min-height:650px}.hero-stage{height:465px}.desktop-float{top:88px}.phone-float{top:190px;right:-1%}.stage-note{bottom:40px;padding:18px}.stage-word{font-size:6rem}.home-offer{gap:12px}.home-offer .button{padding-inline:19px}.hero-secondary{display:block}.hero-secondary span{display:block;margin-top:10px}.service-card{padding:25px}.service-card h3{font-size:2rem}.included-section,.faq-section{gap:45px}.video-hero-grid{gap:45px}.video-feature video{height:440px}}
@media(max-width:800px){.header-inner{min-height:74px}.brand{width:160px}.header-cta{display:none}.site-header nav a{font-size:.78rem}.hero-grid{grid-template-columns:1fr;gap:0;padding-top:42px;padding-bottom:40px}.hero-copy{max-width:640px}.home-hero h1{font-size:4.2rem;max-width:600px}.home-hero h1 br:nth-of-type(1){display:none}.home-hero h1 br:nth-of-type(2){display:block}.lead{max-width:550px}.home-offer{max-width:540px}.hero-secondary{display:flex}.hero-secondary span{margin:0}.hero-stage{max-width:620px;width:100%;height:490px;margin:20px auto 0}.desktop-float{left:3%;right:5%;top:58px}.phone-float{right:6%;top:173px;width:25%}.stage-note{left:2%;bottom:36px}.stage-caption{left:3%;right:3%}.stage-word{left:3%;top:0;font-size:7rem}.sites-hero .hero-grid{padding-top:38px;padding-bottom:37px}.sites-hero h1{font-size:3.7rem}.hero-offer{max-width:490px}.sites-hero .hero-stage{margin-top:24px}.section-heading{gap:25px;align-items:end}.section-heading>p{max-width:220px;font-size:.78rem}.service-section,.portfolio-section,.included-section,.process-section,.faq-section{padding-block:60px}.service-grid{gap:16px}.service-top{display:block}.service-tag{display:inline-block;margin-top:10px}.service-card h3{font-size:1.85rem;margin-top:25px}.service-bottom{align-items:flex-start;flex-direction:column}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 18px}.project-card,.project-card:nth-child(-n+2){grid-column:span 1}.project-card:last-child{grid-column:span 2}.project-card:last-child .project-canvas{aspect-ratio:2.2}.project-card:last-child .project-browser{width:61%}.included-section{grid-template-columns:1fr;gap:40px}.included-intro{max-width:600px}.included-intro>p:not(.eyebrow){max-width:500px}.process-grid{gap:22px}.process-grid h3{font-size:1.4rem}.faq-section{grid-template-columns:.7fr 1.3fr;gap:35px}.video-hero-grid{grid-template-columns:1fr;gap:30px;padding-block:40px}.video-hero h1{font-size:3.9rem}.video-feature{max-width:540px;width:100%;justify-self:center;transform:rotate(1deg)}.video-feature video{height:510px}.video-details{gap:40px;padding-block:60px}.footer-main{flex-wrap:wrap}.footer-links{margin-left:auto}.footer-contact{width:100%;border-top:1px solid var(--line);padding-top:22px}.footer-bottom{flex-wrap:wrap}}
@media(max-width:540px){body{font-size:15px}.wrap{width:calc(100% - 38px)}.header-inner{min-height:70px;gap:12px}.brand{width:132px}.site-header nav{gap:15px}.site-header nav a{font-size:.67rem;padding:22px 0}.site-header nav a:nth-child(3){font-size:.62rem}.site-header nav a[aria-current=page]:after{bottom:12px}h1{font-size:2.85rem}h2{font-size:2.3rem}.eyebrow{font-size:.59rem;letter-spacing:.15em;margin-bottom:19px}.hero-grid{padding-top:35px;padding-bottom:27px}.home-hero h1{font-size:3.18rem;line-height:1.08;margin-bottom:20px}.home-hero h1 br:nth-of-type(1){display:block}.home-hero h1 br:nth-of-type(2){display:block}.lead{font-size:.9rem;line-height:1.7;margin-bottom:20px}.home-offer{padding-top:18px;display:grid;grid-template-columns:1fr;gap:12px}.home-offer>span{font-size:.78rem}.inline-plus{display:inline;white-space:nowrap}.home-offer>span b{font-size:1.05rem}.home-offer .button{width:100%;margin:0}.home-offer small{font-size:.61rem;line-height:1.6}.hero-secondary{justify-content:space-between;gap:10px;margin-top:20px;font-size:.7rem}.hero-secondary span{font-size:.6rem}.hero-stage{height:365px;margin-top:26px;width:100%}.stage-word{font-size:4.8rem;left:0}.desktop-float{top:50px;left:0;right:4%}.desktop-device{border-radius:6px}.browser-bar{height:23px;font-size:6px;padding-inline:9px}.phone-float{top:125px;right:2%;width:29%}.phone-device{border-width:4px;border-radius:19px}.phone-speaker{height:6px;top:4px}.stage-note{padding:13px 15px;bottom:40px;left:0;gap:9px}.stage-note b{font-size:.64rem}.stage-note span:not(.note-line){font-size:.59rem}.note-line{height:26px;width:2px}.stage-caption{left:0;right:0;font-size:.52rem;bottom:0}.motion-toggle{font-size:.52rem;padding:10px 0}.brand-ribbon{padding-block:18px}.ribbon-track{gap:26px}.ribbon-track span{font-size:.6rem}.sites-hero .hero-grid{padding-top:32px;padding-bottom:26px}.sites-hero h1{font-size:2.8rem;line-height:1.1;margin-bottom:18px}.sites-hero .lead{font-size:.87rem;margin-bottom:20px}.sites-hero .hero-stage{margin-top:28px}.offer-label{font-size:.64rem;margin-bottom:10px}.offer-label>span{font-size:.5rem}.price-line>strong{font-size:3.55rem}.price-currency{font-size:.9rem}.price-plus{font-size:1.1rem;margin-inline:10px}.monthly b{font-size:1.35rem}.monthly small{font-size:.56rem}.offer-fine{font-size:.57rem}.delivery-promise{margin-top:20px}.promise-number{font-size:2.1rem}.delivery-promise b{font-size:.73rem}.delivery-promise div>span{font-size:.59rem}.benefit-strip .wrap{gap:13px;padding-block:20px;font-size:.61rem;line-height:1.55}.benefit-strip span+span{padding-left:10px}.section-heading{display:block;margin-bottom:28px}.section-heading>p{max-width:350px;margin:18px 0 0;font-size:.82rem}.section-heading .eyebrow{margin-bottom:15px}.service-section,.portfolio-section,.included-section,.process-section,.faq-section{padding-block:48px}.service-grid{grid-template-columns:1fr;gap:16px}.service-card{padding:25px}.service-top{display:flex;align-items:center}.service-tag{margin:0;font-size:.53rem}.service-index{font-size:.59rem}.service-card h3{font-size:2rem;margin-top:27px}.service-card>p{font-size:.82rem;margin-bottom:25px}.service-bottom{flex-direction:row;align-items:center;gap:10px}.service-bottom .button{font-size:.66rem;padding-inline:13px}.service-bottom b{font-size:1.07rem}.service-bottom small{font-size:.52rem}.portfolio-grid{grid-template-columns:1fr;gap:29px}.project-card,.project-card:nth-child(-n+2),.project-card:last-child{grid-column:span 1}.project-card:last-child .project-canvas,.project-canvas{aspect-ratio:1.43}.project-card:last-child .project-browser{width:87%}.project-meta{padding-top:15px}.project-meta h3{font-size:1.45rem}.project-meta p{font-size:.55rem}.project-description{font-size:.74rem;margin-top:8px}.portfolio-end{display:block;margin-top:28px;padding-top:24px}.portfolio-end>span{font-size:1.35rem;display:block;margin-bottom:20px}.portfolio-end .button{width:100%}.included-section{gap:32px}.included-intro>p:not(.eyebrow){font-size:.84rem}.included-grid{gap:25px 20px}.included-grid h3{font-size:1.4rem;margin-top:13px}.included-grid p{font-size:.76rem}.process-grid{grid-template-columns:1fr;gap:28px}.process-grid article{display:grid;grid-template-columns:44px 1fr;column-gap:19px;padding-top:23px}.process-number{grid-row:span 2;font-size:2.2rem}.process-grid h3{font-size:1.5rem;margin:2px 0 11px}.process-grid p{font-size:.82rem;max-width:none;grid-column:2}.faq-section{grid-template-columns:1fr;gap:12px}.faq-list summary{font-size:.8rem;padding-block:20px}.faq-list details>p{font-size:.78rem}.final-cta{padding-block:55px}.final-cta h2{font-size:2.5rem}.final-price{font-size:1.13rem;margin-top:22px}.final-price span{font-size:.68rem}.final-cta .button{width:100%}.final-fine{font-size:.6rem;line-height:1.8}.video-hero-grid{padding-block:35px;gap:30px}.video-hero h1{font-size:2.95rem}.video-price-line strong{font-size:2.6rem}.video-feature{padding:13px;transform:none}.video-feature video{height:445px}.video-caption{padding-top:14px;font-size:.54rem}.video-topline{font-size:.5rem}.video-details{grid-template-columns:1fr;gap:8px;padding-block:47px}.video-details p:not(.eyebrow){font-size:.84rem}.preview-note{padding:17px 21px;align-items:flex-start;font-size:.6rem;gap:8px}.preview-dot{margin-top:5px}.site-footer{padding-top:33px}.footer-main{gap:24px;padding-bottom:27px}.footer-brand{width:153px}.footer-main>div>p{font-size:.64rem}.footer-links{gap:18px;flex-wrap:wrap;margin-left:0;width:100%;font-size:.7rem}.footer-contact{padding-top:20px}.footer-contact strong{font-size:.95rem}.footer-bottom{gap:14px 20px;padding-top:20px;font-size:.55rem}.footer-bottom a{margin-left:auto}.project-dialog{padding:16px;width:calc(100% - 20px)}.dialog-heading h2{font-size:1.3rem}.dialog-heading .eyebrow{font-size:.5rem}.dialog-close{font-size:.65rem;padding:10px 13px}.dialog-note{font-size:.56rem}.page-hero{padding:35px 0 39px}.page-hero h1{font-size:2.7rem}.dashboard-wrap{padding-block:30px 60px}.panel{padding:22px}.auth-layout,.order-start,.admin-order,.form-grid{grid-template-columns:1fr}.upload-form{display:grid}.upload-form select,.upload-form input{max-width:none}.order-list-item{flex-wrap:wrap;gap:12px;font-size:.8rem}.order-list-item .status{margin-left:0}.timeline{gap:3px}.timeline span{font-size:.51rem;padding:12px 2px}.dashboard-head h2{font-size:1.8rem}.form-grid .full{grid-column:auto}}
@media(max-width:360px){.wrap{width:calc(100% - 30px)}.brand{width:115px}.site-header nav{gap:10px}.site-header nav a{font-size:.63rem}.site-header nav a:nth-child(3){font-size:.56rem}.home-hero h1{font-size:2.8rem}.sites-hero h1{font-size:2.55rem}.hero-stage{height:335px}.stage-note{bottom:35px;padding:11px}.stage-note b{font-size:.57rem}.phone-float{top:113px}.service-bottom{flex-wrap:wrap}.service-bottom .button{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .reveal{opacity:1;transform:none}.desktop-device{transform:rotate(-7deg)}.phone-device{transform:rotate(8deg)}.stage-note{transform:rotate(-3deg)}.hero-enter{opacity:1}.button:hover{transform:none}}


/* Final visual spacing: keep motion controls clear of the real mockups. */
@media(min-width:801px){.hero-stage{height:580px}.desktop-float{top:70px;right:8px}.phone-float{top:195px;right:0}.stage-note{bottom:69px}.stage-caption{bottom:0}}
.ribbon-track{padding-right:35px}@media(max-width:540px){.ribbon-track{padding-right:26px}}

/* Checkout and order journey use the established paper, terracotta, and panel tokens. */
.checkout-flow{background:var(--paper)}.checkout-flow ol{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:0;margin:0 0 18px}.checkout-flow li{display:flex;gap:12px;align-items:flex-start}.checkout-flow li>span{font-family:var(--serif);font-size:1.55rem;color:var(--terracotta);line-height:1}.checkout-flow strong{display:block;font-size:.83rem;margin-bottom:5px}.checkout-flow small{display:block;color:var(--muted);font-size:.72rem;line-height:1.5}.checkout-flow .payment-options{border-top:1px solid var(--line);padding-top:15px;margin:0}.order-summary p{margin:8px 0}.order-history ol{padding-left:20px;color:var(--muted);font-size:.78rem;line-height:1.8}.order-history li{padding-left:5px}.order-summary+.panel .button{margin-right:10px;margin-top:12px}@media(max-width:700px){.checkout-flow ol{grid-template-columns:1fr;gap:18px}.order-history ol{padding-left:17px}}