@font-face{font-family:Manrope;src:url('assets/manrope-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('assets/manrope-500.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Manrope;src:url('assets/manrope-600.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Manrope;src:url('assets/manrope-700.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:Manrope;src:url('assets/manrope-800.ttf') format('truetype');font-weight:800;font-display:swap}
:root{--bg:#0a0b0b;--surface:#121413;--ink:#f2f3ed;--muted:#92958f;--lime:#c3ef4d;--line:#2a2d27;--font:Manrope,Arial,sans-serif;color-scheme:dark;font-family:var(--font);font-synthesis:none;background:var(--bg);color:var(--ink)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:108px}body{margin:0;overflow-x:clip;font-size:16px;line-height:1.65}body.modal-open{overflow:hidden}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{cursor:wait}button,input,summary,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--lime);outline-offset:5px}::selection{background:var(--lime);color:var(--bg)}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500}img{display:block;max-width:100%}.section-shell{width:min(1320px,calc(100% - 112px));margin-inline:auto}.section-space{padding-block:124px}.muted{color:var(--muted)}.accent{color:var(--lime)}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.12em;line-height:1.6;display:inline-block}.section-index{color:var(--lime);margin-bottom:25px}.skip-link{position:fixed;top:10px;left:20px;z-index:100;background:var(--lime);color:#111;padding:10px 18px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}
.header{position:sticky;top:0;background:rgba(10,11,11,.85);backdrop-filter:blur(18px);z-index:30;border-bottom:1px solid rgba(255,255,255,.08)}.nav-wrap{height:94px;width:min(1320px,calc(100% - 112px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:32px}.wordmark{font-size:45px;font-weight:800;letter-spacing:-3.3px;line-height:1;display:inline-flex;align-items:flex-start}.logo-dot{font-size:22px;letter-spacing:0;color:var(--lime);margin-left:5px;margin-top:2px}.desktop-nav{display:flex;align-items:center;gap:34px;font-size:14px;color:#bec0b9}.desktop-nav a{transition:color .2s}.desktop-nav a:hover,.desktop-nav a.active{color:var(--lime)}.nav-actions{display:flex;align-items:center;gap:16px}.button{border:0;border-radius:6px;padding:18px 24px;display:inline-flex;align-items:center;justify-content:space-between;gap:32px;font-size:14px;font-weight:700;line-height:1.5;min-height:58px;transition:background .25s,transform .25s,border-color .25s,box-shadow .25s}.button>span{font-size:23px;line-height:1;font-weight:400;transition:transform .25s}.button:hover>span{transform:translate(2px,-2px)}.button:hover{transform:translateY(-2px)}.button-lime{background:var(--lime);color:#11150a}.button-lime:hover{background:#d1ff60;box-shadow:0 4px 30px #c3ef4d15}.button-ghost,.button-outline{background:transparent;border:1px solid #44483d}.button-ghost:hover,.button-outline:hover{background:#20231c;border-color:#7a835f}.button-small{min-height:43px;padding:10px 17px;font-size:14px;border-radius:5px}.button-small>span{font-size:19px}.menu-toggle{display:none;border:0;background:none;width:44px;height:44px;padding:10px}.menu-toggle span{display:block;width:23px;height:1px;background:var(--ink);margin:6px 0;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.mobile-nav{padding:20px 24px 28px;border-top:1px solid var(--line)}.mobile-nav a{display:block;padding:10px}
.hero{position:relative;min-height:760px;display:flex;align-items:center;padding-block:62px 116px;isolation:isolate}.hero-copy{width:64%;position:relative;z-index:2;pointer-events:none}.hero-copy button,.hero-copy a{pointer-events:auto}.micro-symbol{color:var(--lime);font-size:18px;margin-right:9px;vertical-align:middle}.hero .eyebrow{color:#d6d8ce;letter-spacing:.12em}.hero h1{font-size:clamp(64px,6.4vw,92px);font-weight:500;line-height:1.08;letter-spacing:-.07em;margin-block:28px 28px;white-space:nowrap}.hero-description{font-size:17px;color:#b1b4ad;max-width:408px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:33px}.text-link{font-size:13px;display:flex;align-items:center;gap:9px}.text-link:hover{color:var(--lime)}.play-icon{width:29px;height:29px;border:1px solid #484b43;display:grid;place-items:center;border-radius:50%;font-size:16px}.hero-footnote{font-size:12px;color:#8c9086;margin-top:21px}.hero-art{position:absolute;z-index:-1;right:-48px;top:25px;width:64%;height:660px;pointer-events:none}.sculpture{width:100%;height:100%;object-fit:cover;object-position:70% center;mix-blend-mode:lighten;mask-image:linear-gradient(90deg,transparent 0%,#000 18%,#000 94%,transparent),linear-gradient(0deg,transparent,#000 12%,#000 89%,transparent);mask-composite:intersect;animation:float 9s ease-in-out infinite;will-change:transform}.art-halo{position:absolute;width:60%;height:60%;left:22%;top:24%;background:radial-gradient(ellipse,#b7e44409,transparent 65%);filter:blur(35px)}.art-coordinate{position:absolute;display:flex;justify-content:space-between;gap:24px;font-size:10px;letter-spacing:.12em;color:#939889;line-height:1.6}.coordinate-top{top:8%;left:18%;right:5%}.coordinate-top>span{font-size:9px}.coordinate-bottom{bottom:1%;left:27%;right:8%;align-items:center}.coordinate-bottom>span:first-child{font-size:10px}.orbit-mark{font-size:43px;animation:rotate 28s linear infinite;color:#767e65}.art-label{position:absolute;right:0;bottom:16%;border:1px solid #ffffff25;border-radius:8px;background:#1a1d18aa;backdrop-filter:blur(16px);display:flex;align-items:center;gap:18px;padding:16px 19px;box-shadow:0 15px 60px #0003;transform:rotate(-4deg);font-size:13px;line-height:1.7;animation:label-float 8s ease-in-out infinite}.art-label div>span{color:#adb2a2}.art-label-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:9px;background:var(--lime);color:#13190c;font-size:32px;font-weight:800;letter-spacing:-3px}.art-label-arrow{margin-left:16px;color:var(--lime);font-size:25px}.scroll-note{position:absolute;bottom:35px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;color:#8b9084;font-size:10px;letter-spacing:.17em}.scroll-note>span:last-child{font-size:23px;border:1px solid var(--line);width:37px;height:37px;border-radius:50%;text-align:center;line-height:32px}.principles-strip{border-block:1px solid var(--line);overflow:hidden;background:#11130f}.principles-strip>div{width:min(1320px,calc(100% - 112px));min-height:78px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:26px;white-space:nowrap;font-size:14px;color:#a6aa9c}.principles-strip span[aria-hidden]{color:var(--lime);font-size:23px}
.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:56px}.section-heading h2,.faq h2{font-size:clamp(36px,4.3vw,60px);line-height:1.14;letter-spacing:-.055em}.section-heading>p{color:#a3a79d;font-size:16px;line-height:1.8;padding-bottom:5px;max-width:370px}.demo-toolbar{display:flex;align-items:center;justify-content:space-between;margin:0 0 18px;font-size:12px;gap:20px}.demo-project{display:flex;align-items:center;gap:12px;letter-spacing:.04em}.small-cross{width:32px;height:32px;background:#1b2015;display:grid;place-items:center;color:var(--lime);font-size:19px;border-radius:50%}.demo-type{color:#a7aa9f;letter-spacing:0;font-size:13px;margin-left:7px}.sample-label{border:1px solid var(--line);border-radius:4px;padding:5px 10px;font-size:10px;letter-spacing:.1em;color:#9ba18e}.comparison{border:1px solid #373c31;border-radius:12px;overflow:hidden;box-shadow:0 25px 90px #0003;container-type:inline-size}.browser-bar{height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:#1a1d18;border-bottom:1px solid #32362d;font-size:13px;color:#929985}.window-dots{display:flex;gap:6px}.window-dots i{display:block;width:7px;height:7px;border-radius:50%;background:#51564a}.browser-address{font-size:11px;background:#11140f;border-radius:4px;min-width:230px;text-align:center;padding:4px 10px;color:#a9b09d}.browser-address>span{margin-right:9px}.comparison-stage{height:550px;position:relative;overflow:hidden}.demo-site{position:absolute;inset:0}.new-site{background:#eeeae0;color:#30382e;transition:background .6s,color .6s}.studio-nav{display:flex;justify-content:space-between;align-items:center;margin:0 3.7%;height:100px;border-bottom:1px solid #0002}.studio-nav strong{font-size:42px;letter-spacing:-3px;line-height:1;font-weight:500}.studio-nav strong>span{font-size:13px;vertical-align:top;letter-spacing:0;margin-left:3px}.studio-nav>div{font-size:12px;display:flex;gap:32px}.studio-content{display:grid;grid-template-columns:44% 56%;height:450px}.studio-text{padding:36px 8.3% 30px;position:relative;z-index:1}.studio-eyebrow{font-size:9px;letter-spacing:.15em}.studio-text h3{font-size:clamp(34px,5vw,65px);font-family:Georgia,serif;font-weight:400;letter-spacing:-.06em;line-height:1.05;margin:22px 0 16px}.studio-text h3 em{font-weight:400}.studio-text p{font-size:12px;line-height:1.7;color:inherit;opacity:.8}.studio-cta{font-size:12px;display:inline-flex;align-items:center;justify-content:space-between;gap:45px;border-bottom:1px solid currentColor;padding:10px 0;margin-top:18px}.studio-cta>span{font-size:21px}.studio-number{display:flex;align-items:center;justify-content:space-between;margin-top:39px;font-size:10px}.studio-number>span{font-size:8px;letter-spacing:.07em}.studio-content>img{height:100%;width:100%;object-fit:cover;object-position:42% center;transition:filter .6s}.new-site[data-theme=warm]{background:#d8bea0;color:#512e1f}.new-site[data-theme=warm] .studio-content>img{filter:sepia(.2) saturate(.9)}.new-site[data-theme=contrast]{background:#202923;color:#eef2e7}.new-site[data-theme=contrast] .studio-nav{border-bottom-color:#ffffff30}.new-site[data-theme=contrast] .studio-content>img{filter:saturate(.65) contrast(1.1)}.new-site[data-theme=contrast] .studio-text h3{font-family:var(--font);font-size:clamp(34px,4.3vw,56px);font-weight:500}.old-site{background:#eee;color:#404040;font-family:Arial,sans-serif;clip-path:inset(0 calc(100% - var(--split)) 0 0);pointer-events:none}.old-top{text-align:center;background:#d1d4d6;color:#344f69;font-weight:700;font-size:28px;padding:21px;letter-spacing:3px}.old-nav{background:#52687e;color:white;text-align:center;padding:10px;font-size:12px}.old-body{width:72%;margin:22px auto;text-align:center;padding:12px 20px 18px;background:white;border:1px solid #bfc4c9}.old-body h3{font-size:20px;color:#465b70;font-weight:700;margin-bottom:8px}.old-body p{font-size:12px;line-height:1.5}.old-body img{width:54%;height:192px;object-fit:cover;object-position:center;margin:17px auto;border:5px solid #dedede}.old-link{color:#003399;text-decoration:underline;font-size:12px}.old-footer{border-top:1px solid #aaa;text-align:center;font-size:10px;padding-top:7px;color:#666}.before-tag,.after-tag{position:absolute;z-index:3;bottom:20px;border-radius:4px;font-size:10px;font-weight:700;letter-spacing:.09em;padding:7px 13px;pointer-events:none;transition:opacity .2s}.before-tag{left:20px;background:#111c;color:#fff}.after-tag{right:20px;background:var(--lime);color:#18210a;display:flex;gap:14px;align-items:center}.after-tag>span{font-size:16px}.comparison-divider{position:absolute;top:0;bottom:0;left:var(--split);width:2px;background:var(--lime);z-index:4;pointer-events:none;transform:translateX(-1px);box-shadow:0 0 30px #0003}.comparison-divider>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--lime);color:#20300c;font-size:23px;font-weight:600;letter-spacing:3px;box-shadow:0 2px 20px #0004;padding-bottom:3px}.comparison-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;z-index:5;cursor:ew-resize;touch-action:pan-y;appearance:none;background:transparent}.comparison-range::-webkit-slider-thumb{appearance:none;width:1px;height:550px;background:transparent}.comparison-range::-moz-range-thumb{width:1px;height:550px;background:transparent;border:none}.comparison-stage:focus-within{outline:3px solid var(--lime);outline-offset:-3px}.comparison-caption{display:flex;justify-content:space-between;font-size:12px;color:#949b87;margin-top:20px;gap:20px}.comparison-caption>span:first-child>span{color:var(--lime);font-size:18px;margin-right:6px}.adjustment-row{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:76px;padding:38px 0;border-top:1px solid var(--line)}.adjustment-copy .eyebrow{font-size:10px;letter-spacing:.1em;color:#959b88}.adjustment-copy h3{font-size:30px;line-height:1.4;letter-spacing:-.04em;margin-top:17px}.adjustment-copy h3 span{color:var(--lime)}.adjustment-controls{padding-top:7px}.adjustment-controls>p{color:#adb4a2;font-size:14px;margin-bottom:15px}.adjustment-options{display:flex;flex-wrap:wrap;gap:9px}.adjustment-options button{background:#161a12;border:1px solid #333b27;border-radius:5px;font-size:14px;padding:10px 12px;min-height:44px;display:flex;gap:14px;align-items:center;transition:background .25s,border-color .25s}.adjustment-options button:hover{border-color:#849960}.adjustment-options button[aria-pressed=true]{color:var(--lime);background:#243018;border-color:#5d783b}.adjustment-status{font-size:12px;color:#99a48a;margin-top:19px}.adjustment-status>span{color:var(--lime);margin-right:6px}
.process{border-top:1px solid var(--line)}.process .section-heading h2{font-size:clamp(32px,3.8vw,51px);line-height:1.24}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin-top:73px}.step-top{display:flex;align-items:center;justify-content:space-between}.step-number{font-size:64px;line-height:1;letter-spacing:-.06em;color:#929982;font-weight:400}.step-icon{font-size:31px;color:var(--lime)}.step-rule{height:1px;background:#414939;margin:26px 0 29px;position:relative}.step-rule:before{content:'';display:block;width:28px;height:1px;background:var(--lime)}.step>.eyebrow{color:#929a85;font-size:10px}.step h3{font-size:26px;letter-spacing:-.035em;margin:12px 0 17px}.step p{font-size:16px;line-height:1.85;color:#a4aa9b}.step-bottom{display:block;font-size:9px;letter-spacing:.06em;color:#8d9980;margin-top:29px}.manifesto{border-block:1px solid var(--line);padding-block:60px;display:grid;grid-template-columns:70px 1fr 200px;align-items:center;gap:25px}.manifesto-mark{color:var(--lime);font-size:53px;line-height:1;animation:rotate 32s linear infinite;width:60px;text-align:center}.manifesto p{font-size:35px;line-height:1.4;letter-spacing:-.04em}.manifesto p span{color:#a1ad92}.manifesto-note{font-size:10px;letter-spacing:.1em;line-height:1.9;color:#9ba38e}
.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.price-card{border:1px solid #30372a;border-radius:11px;background:#12160f;padding:37px 40px 29px;position:relative;overflow:hidden}.hosted{border-color:#657b3e;background:radial-gradient(ellipse at top right,#36462260,transparent 65%),#161c11}.plan-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:31px}.plan-top .eyebrow{font-size:12px;color:var(--lime)}.plan-tag{border:1px solid #495936;border-radius:4px;color:#afbca0;font-size:9px;letter-spacing:.08em;padding:5px 8px}.code .plan-top .eyebrow{color:#c2c8b6}.code .plan-tag{border-color:#3a4432;color:#aab49c}.price-card h3{font-size:30px;line-height:1.4;letter-spacing:-.04em}.price{display:flex;align-items:baseline;gap:9px;margin-top:33px}.price strong{font-size:91px;line-height:1.14;font-weight:500;letter-spacing:-.065em}.price .currency{font-size:20px;color:#d1dac6;margin-right:3px}.price>span:last-child{font-size:15px;color:#9ca98c;margin-left:9px}.plan-description{font-size:14px;color:#a8b29a;margin-top:9px}.price-card .button{width:100%;margin-top:29px}.price-card ul{list-style:none;padding:28px 0 19px;margin:30px 0 0;border-top:1px solid #ffffff14}.price-card li{font-size:14px;color:#c6cfbc;margin:0 0 15px;display:flex;gap:13px;align-items:baseline}.price-card li:before{content:'✓';color:var(--lime);font-size:13px}.code li:before{color:#b7c5a4}.plan-footnote{font-size:12px;color:#99a88a;border-top:1px solid #ffffff14;padding-top:19px}.pricing-note{font-size:12px;color:#9aa58a;margin-top:24px;text-align:center}
.faq{display:grid;grid-template-columns:1fr 1.35fr;gap:80px;padding-top:56px}.faq-heading>p{color:#9fa795;font-size:14px;margin-top:24px}.faq-list{border-top:1px solid #39422f}.faq details{border-bottom:1px solid #313a28}.faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:24px 0;font-size:15px;cursor:pointer;font-weight:500}.faq summary::-webkit-details-marker{display:none}.faq summary>span{font-size:24px;color:var(--lime);font-weight:400;line-height:1;transition:transform .25s}.faq details[open] summary>span{transform:rotate(45deg)}.faq details[open] summary{color:var(--lime)}.faq details>p{padding:0 35px 25px 0;color:#aab39c;font-size:16px;line-height:1.9}.final-cta{border:1px solid #3a4929;border-radius:10px;background:radial-gradient(ellipse at 90% 110%,#829a2821,transparent 70%),#161c11;padding:37px 48px 43px;margin-block:10px 90px;position:relative;overflow:hidden}.cta-topline{display:flex;align-items:center;justify-content:space-between;color:#aabc96}.cta-topline>.eyebrow{font-size:10px}.cta-topline>span:last-child{font-size:40px;line-height:1}.final-cta h2{font-size:clamp(42px,5.4vw,74px);line-height:1.15;letter-spacing:-.06em;margin:37px 0 32px}.final-cta h2>span{color:var(--lime)}.cta-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-bottom>p{font-size:15px;line-height:1.8;color:#b1bea0}.footer{padding-block:0 28px}.footer-main,.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-main{padding-bottom:46px}.footer-main>.wordmark{font-size:57px}.footer-main>.wordmark .logo-dot{font-size:24px}.footer-main>span{font-size:14px;color:#a8b29a;margin-right:auto;margin-left:18px}.footer-main>a:last-child{font-size:13px;color:#a8b29a;display:flex;gap:25px}.footer-main>a:last-child:hover{color:var(--lime)}.footer-bottom{border-top:1px solid var(--line);padding-top:26px;font-size:11px;color:#929e82}.footer-bottom>span:nth-child(2){font-size:9px;letter-spacing:.13em}
.start-dialog{padding:42px;border-radius:14px;border:1px solid #515f3d;width:min(540px,calc(100% - 32px));max-height:calc(100dvh - 48px);background:radial-gradient(ellipse at 100% 0%,#35482355,transparent 55%),#12170f;color:var(--ink);box-shadow:0 40px 150px #000a;overflow:auto}.start-dialog::backdrop{background:#030500b8;backdrop-filter:blur(12px)}.dialog-close{position:absolute;right:19px;top:19px;width:40px;height:40px;background:#20281a;border:1px solid #435033;border-radius:50%;font-size:27px;line-height:1;color:#cbd6c0}.dialog-brand{font-size:37px;margin-bottom:38px}.dialog-brand .logo-dot{font-size:17px}.start-dialog .eyebrow{font-size:10px;color:#a4b591}.start-dialog h2{font-size:48px;letter-spacing:-.055em;line-height:1.15;margin:17px 0 20px}.dialog-lead{font-size:16px;color:#b0bba3;line-height:1.8;margin-bottom:28px}.start-dialog form>label{font-size:13px;display:block;margin-bottom:10px}.url-field{display:flex;align-items:center;border:1px solid #485b33;background:#0d120a;border-radius:6px;padding:0 15px;gap:10px}.url-field:focus-within{border-color:var(--lime);outline:1px solid var(--lime)}.url-field>span{color:var(--lime);font-size:22px}.url-field input{border:0;background:transparent;outline:none;width:100%;color:var(--ink);padding:17px 0;font-size:16px}.url-field input:focus-visible{outline:none}.url-field input::placeholder{color:#838f75}.form-error{font-size:12px;color:#ffb3a2;min-height:22px;margin:5px 0 12px}.start-dialog .button{width:100%;font-size:14px}.demo-notice{font-size:12px;color:#99a98a;line-height:1.8;margin-top:19px}.project-summary{border-block:1px solid #36452a;padding:16px 0;margin-bottom:23px}.project-summary>span{display:block;font-size:10px;letter-spacing:.1em;color:#92a57e}.project-summary strong{display:block;font-size:20px;overflow-wrap:anywhere;font-weight:500;margin-top:5px}.plan-selector{margin:0;padding:0;border:0}.plan-selector legend{font-size:13px;margin-bottom:12px}.plan-selector label{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #38482a;border-radius:6px;margin-bottom:10px;cursor:pointer}.plan-selector label:has(input:checked){background:#27361b;border-color:#829f57}.plan-selector input{accent-color:var(--lime);width:17px;height:17px;margin:0}.plan-selector strong{font-size:14px;font-weight:600}.plan-selector small{display:block;color:#a7b897;font-size:11px;margin-top:2px}.choice-price{margin-left:auto;text-align:right;font-size:16px}.plan-summary{font-size:12px;color:#b2c49e;margin:15px 0 21px}.back-step{background:none;border:none;display:block;margin:16px auto 0;padding:8px;color:#b2c49e;font-size:12px}.back-step:hover{color:var(--lime)}
@keyframes float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-14px) rotate(1deg)}}@keyframes label-float{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(8px) rotate(-2deg)}}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes rise-in{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}.hero-copy{animation:rise-in 1s ease-out both}.hero-art{animation:rise-in 1.4s ease-out both}.reveal.is-entering{animation:rise-in .75s ease-out both}
@media(min-width:1500px){.hero{min-height:825px}.hero-art{top:30px;height:730px;width:67%;right:-45px}.hero h1{font-size:96px}.hero-copy{padding-top:5px}.hero-description{max-width:420px}.hero-actions{margin-top:40px}}
@media(max-width:1150px){.section-shell,.nav-wrap,.principles-strip>div{width:calc(100% - 72px)}.desktop-nav{gap:22px}.hero{min-height:720px}.hero h1{font-size:70px}.hero-art{right:-30px;width:69%;height:610px;top:65px}.hero-actions{gap:18px}.hero-actions .button{padding-inline:20px;gap:18px}.hero-description{max-width:360px}.text-link{font-size:12px}.coordinate-top>span{display:none}.art-label{right:8px;font-size:11px;padding:12px 15px;gap:12px}.section-space{padding-block:96px}.section-heading>p{font-size:16px}.comparison-stage{height:490px}.studio-nav{height:85px}.studio-content{height:405px}.studio-text{padding-top:27px}.studio-text h3{margin-top:17px}.studio-number{margin-top:26px}.old-body img{height:158px}.old-top{padding:18px}.old-body{margin-top:18px}.steps{gap:30px}.step h3{font-size:23px}.step p{font-size:16px}.manifesto{grid-template-columns:60px 1fr;gap:30px}.manifesto-note{display:none}.manifesto p{font-size:33px}.price-card{padding:30px}.price-card h3{font-size:27px}.price-card li{font-size:14px}.faq{gap:50px}.adjustment-row{gap:32px}.adjustment-copy h3{font-size:28px}.adjustment-options button{font-size:14px;padding:9px;gap:9px}.adjustment-status{font-size:11px}}
@media(max-width:900px){.desktop-nav{display:none}.menu-toggle{display:block}.nav-wrap{height:80px}.hero{min-height:730px;padding-top:58px}.hero-copy{width:100%}.hero h1{font-size:clamp(60px,8vw,72px)}.hero-art{right:-25px;width:70%;opacity:.8;top:110px}.art-label{right:20px;bottom:13%}.hero-description{max-width:340px}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.hero-footnote{margin-top:20px}.coordinate-top{display:none}.coordinate-bottom{right:12%;left:45%;bottom:0}.principles-strip>div{justify-content:flex-start;gap:30px;min-height:68px}.principles-strip span{font-size:12px}.section-heading{gap:28px}.section-heading>p{max-width:260px;font-size:16px}.section-heading h2{font-size:44px}.comparison-stage{height:440px}.studio-nav{height:74px}.studio-nav strong{font-size:33px}.studio-content{height:366px}.studio-text h3{font-size:45px}.studio-text p{font-size:11px}.studio-nav>div{font-size:10px;gap:20px}.studio-eyebrow{font-size:8px}.studio-number>span{display:none}.old-top{font-size:23px}.old-nav{font-size:10px}.old-body{width:80%;padding:12px}.old-body img{height:136px}.old-body h3{font-size:18px}.old-body p{font-size:11px}.old-footer{font-size:9px}.adjustment-row{grid-template-columns:1fr;gap:24px;margin-top:45px;padding-bottom:0}.adjustment-copy h3 br{display:none}.adjustment-options button{font-size:14px;padding:10px 13px;gap:20px}.steps{gap:23px;margin-top:55px}.step-number{font-size:54px}.step h3{font-size:20px}.step p{font-size:16px}.step-bottom{font-size:8px}.step>.eyebrow{font-size:9px}.price-card{padding:25px}.plan-top{gap:10px;align-items:flex-start;flex-direction:column;margin-bottom:22px}.price-card h3{font-size:25px}.price strong{font-size:78px}.price .currency{font-size:16px}.price>span:last-child{font-size:12px;margin-left:3px}.plan-description{font-size:12px}.price-card .button{font-size:14px;gap:15px;padding:16px}.price-card li{font-size:14px;gap:10px}.faq{grid-template-columns:1fr;gap:35px;padding-top:24px}.faq-heading h2 br{display:none}.faq-heading h2{font-size:44px}.faq-heading>p{margin-top:15px}.final-cta{padding:35px}.final-cta h2{font-size:53px}.footer-main>span{margin-left:0;font-size:12px}.footer-main>a:last-child{font-size:12px;gap:12px}}
@media(max-width:600px){html{scroll-padding-top:90px}.section-shell,.nav-wrap,.principles-strip>div{width:calc(100% - 40px)}.nav-wrap{height:74px;gap:10px}.wordmark{font-size:38px}.logo-dot{font-size:18px}.nav-actions{gap:8px}.button-small{padding:9px 12px;font-size:14px;min-height:39px;gap:14px}.button-small>span{font-size:17px}.menu-toggle{width:37px;padding:7px}.hero{display:block;min-height:0;padding:43px 0 70px}.hero-copy{width:100%}.hero .eyebrow{font-size:9px;letter-spacing:.1em}.micro-symbol{font-size:14px;margin-right:5px}.hero h1{font-size:clamp(44px,10.9vw,65px);line-height:1.12;margin:21px 0 23px;letter-spacing:-.068em}.hero-description{font-size:16px;line-height:1.8;max-width:340px}.hero-actions{flex-direction:row;flex-wrap:wrap;align-items:center;gap:19px;margin-top:24px}.hero-actions .button{font-size:14px;min-height:52px;padding:15px 17px;gap:22px}.text-link{font-size:11px;gap:7px}.play-icon{width:25px;height:25px;font-size:14px}.hero-footnote{font-size:11px;margin-top:17px}.hero-art{position:relative;top:auto;right:auto;width:calc(100% + 40px);height:390px;margin:-22px -20px -10px;z-index:0;opacity:1}.sculpture{object-position:center;object-fit:cover;mask-image:linear-gradient(0deg,transparent 0%,#000 15%,#000 92%,transparent);mask-composite:add}.art-label{right:25px;bottom:20%;padding:12px 14px;gap:12px;font-size:11px}.art-label-icon{width:33px;height:33px;font-size:26px}.art-label-arrow{font-size:20px;margin-left:8px}.coordinate-bottom{bottom:2%;left:30px;right:30px}.coordinate-bottom>span:first-child{font-size:8px}.orbit-mark{font-size:31px}.scroll-note{bottom:16px;font-size:9px}.scroll-note>span:last-child{width:30px;height:30px;font-size:18px;line-height:25px}.principles-strip>div{min-height:59px;gap:25px}.principles-strip span{font-size:11px}.principles-strip span[aria-hidden]{font-size:19px}.section-space{padding-block:74px}.section-heading{flex-direction:column;align-items:flex-start;gap:22px;margin-bottom:36px}.section-index{font-size:10px;margin-bottom:20px;letter-spacing:.08em}.section-heading h2,.faq-heading h2{font-size:41px}.section-heading>p{font-size:16px;max-width:100%;padding:0}.demo-toolbar{gap:10px;margin-bottom:13px}.demo-project{font-size:9px;gap:8px}.small-cross{width:25px;height:25px;font-size:16px}.demo-type{display:none}.sample-label{font-size:8px;padding:4px 6px;letter-spacing:.04em}.comparison{border-radius:7px}.browser-bar{height:35px;padding:0 10px;font-size:12px}.browser-address{min-width:155px;font-size:9px;padding:3px 7px}.window-dots{gap:4px}.window-dots i{width:5px;height:5px}.comparison-stage{height:397px}.studio-nav{height:65px;margin-inline:6%}.studio-nav strong{font-size:28px}.studio-nav strong>span{font-size:9px}.studio-nav>div{font-size:8px;gap:12px}.studio-nav>div>span{display:none}.studio-content{display:block;height:332px;position:relative}.studio-text{padding:23px 6%;width:100%;height:100%;position:relative;z-index:1;background:linear-gradient(90deg,#eeeae0 0%,#eeeae0f5 43%,#eeeae008 90%)}.studio-content>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.studio-eyebrow{font-size:7px;letter-spacing:.05em}.studio-text h3{font-size:43px;letter-spacing:-.055em;line-height:1.1;margin:17px 0 16px}.studio-text p{font-size:10px}.studio-cta{font-size:9px;margin-top:13px;gap:25px;padding-block:7px}.studio-cta>span{font-size:16px}.studio-number{display:none}.new-site[data-theme=warm] .studio-text{background:linear-gradient(90deg,#d8bea0,#d8bea0f5 43%,#d8bea008 90%)}.new-site[data-theme=contrast] .studio-text{background:linear-gradient(90deg,#202923,#202923f5 43%,#20292308 90%)}.new-site[data-theme=contrast] .studio-text h3{font-size:36px}.old-top{font-size:17px;letter-spacing:1px;padding:20px 6px}.old-nav{font-size:7px;padding:8px 2px}.old-body{margin:15px auto;width:90%;padding:11px 7px}.old-body h3{font-size:14px;line-height:1.3;margin-bottom:9px}.old-body p{font-size:9px}.old-body img{width:83%;height:115px;margin-block:11px;border-width:3px}.old-link{font-size:10px}.old-footer{font-size:8px;margin-top:0}.before-tag,.after-tag{bottom:12px;padding:5px 8px;font-size:8px}.before-tag{left:10px}.after-tag{right:10px;gap:9px}.after-tag>span{font-size:13px}.comparison-divider>span{width:36px;height:36px;font-size:18px}.comparison-caption{font-size:10px;gap:20px;margin-top:13px}.comparison-caption>span:last-child{max-width:150px;text-align:right}.comparison-caption>span:first-child>span{font-size:14px}.adjustment-row{margin-top:37px;padding-top:28px;gap:20px}.adjustment-copy .eyebrow{font-size:8px}.adjustment-copy h3{font-size:25px;margin-top:11px}.adjustment-copy h3 br{display:block}.adjustment-controls>p{font-size:13px}.adjustment-options{gap:6px}.adjustment-options button{font-size:14px;gap:8px;padding:9px 10px;min-height:40px}.adjustment-status{font-size:10px}.process .section-heading h2{font-size:31px;line-height:1.3}.process .section-heading h2 br{display:none}.steps{grid-template-columns:1fr;gap:38px;margin-top:42px}.step-top{justify-content:flex-start;gap:25px}.step-number{font-size:49px}.step-icon{font-size:25px;margin-left:auto}.step-rule{margin:17px 0 20px}.step>.eyebrow{font-size:9px}.step h3{font-size:25px;margin:8px 0 12px}.step p{font-size:16px;line-height:1.8}.step-bottom{font-size:9px;margin-top:19px}.manifesto{grid-template-columns:1fr;gap:24px;padding-block:40px}.manifesto-mark{font-size:42px;width:45px}.manifesto p{font-size:28px;line-height:1.4}.pricing-grid{grid-template-columns:1fr;gap:18px}.price-card{padding:27px}.plan-top{flex-direction:row;align-items:center;margin-bottom:26px}.price-card h3{font-size:28px}.price{margin-top:23px}.price strong{font-size:88px}.price .currency{font-size:18px}.price>span:last-child{font-size:14px}.plan-description{font-size:13px}.price-card .button{font-size:14px;padding:16px 20px}.price-card li{font-size:14px}.price-card ul{margin-top:26px;padding-top:25px}.plan-footnote{font-size:11px}.pricing-note{font-size:10px;text-align:left;margin-top:18px}.faq{padding-top:6px;gap:30px}.faq-heading h2 br{display:block}.faq-heading>p{font-size:13px}.faq summary{font-size:14px;gap:20px;padding:21px 0}.faq details>p{font-size:16px;padding-right:15px;line-height:1.85}.final-cta{padding:26px;margin-block:0 55px}.cta-topline>.eyebrow{font-size:8px;letter-spacing:.07em}.cta-topline>span:last-child{font-size:31px}.final-cta h2{font-size:40px;line-height:1.2;margin:26px 0}.final-cta h2>span{display:block}.cta-bottom{flex-direction:column;align-items:flex-start;gap:25px}.cta-bottom>p{font-size:13px}.cta-bottom .button{width:100%;font-size:14px}.footer-main{flex-wrap:wrap;gap:24px;padding-bottom:30px}.footer-main>.wordmark{font-size:47px}.footer-main>.wordmark .logo-dot{font-size:20px}.footer-main>span{font-size:12px;margin:0 0 0 auto}.footer-main>a:last-child{width:100%;justify-content:space-between;font-size:12px}.footer-bottom{flex-wrap:wrap;gap:15px;padding-top:22px;font-size:10px}.footer-bottom>span:nth-child(2){display:none}.footer-bottom>a{margin-left:auto}.start-dialog{padding:30px 25px;max-height:calc(100dvh - 24px)}.dialog-brand{margin-bottom:30px}.start-dialog h2{font-size:42px}.dialog-close{width:34px;height:34px;font-size:22px;right:15px;top:15px}.dialog-lead{font-size:16px}.start-dialog .eyebrow{font-size:9px}.demo-notice{font-size:11px}.start-dialog .button{padding:15px 18px;gap:20px}.plan-selector label{padding:12px}.plan-selector strong{font-size:13px}.choice-price{font-size:15px}.plan-selector small{font-size:10px}}
@media(max-width:360px){.hero-actions{gap:16px}.hero-art{height:340px}.adjustment-options button{font-size:14px;padding-inline:8px}.final-cta h2{font-size:35px}.price-card{padding:23px}.plan-tag{font-size:8px}.footer-main>span{font-size:10px}}
@media(max-width:600px){.hero h1{white-space:normal}.adjustment-options{gap:8px}.adjustment-options button{flex:1 1 130px;justify-content:space-between}.hero-copy{pointer-events:auto}}
@media(max-width:360px){.nav-actions .button-small{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.sculpture{will-change:auto}}

/* Remo character scene. Browser content scrolls and redesigns in a 16-second loop. */
.hero{min-height:890px;padding-block:68px 106px;align-items:flex-start}
.hero-copy{width:51%;pointer-events:auto}
.hero h1{font-size:clamp(58px,5.9vw,86px);line-height:1.055;letter-spacing:-.06em;white-space:normal;margin-block:27px}
.hero-description{max-width:380px}
.hero-actions{flex-wrap:wrap;gap:21px}
.hero-art.hero-character-scene{width:57%;height:auto;aspect-ratio:1/1.04;right:-24px;top:89px;z-index:1;opacity:1;pointer-events:auto;animation:rise-in 1.2s ease-out both}
.hero-stage{position:relative;width:100%;height:100%;isolation:isolate;overflow:visible;--cycle:16s}
.character-aura{position:absolute;inset:18% 12% 12% 10%;background:radial-gradient(ellipse,#416cdb1a,transparent 70%);filter:blur(23px);z-index:-1}
.remo-character{position:absolute;left:-18%;top:1%;width:108%;height:auto;max-width:none;mask-image:linear-gradient(90deg,transparent 0%,#000 19%,#000 78%,transparent 99%),linear-gradient(0deg,transparent 7%,#000 15%,#000 85%,transparent 100%);mask-composite:intersect;animation:remo-work var(--cycle) ease-in-out infinite;transform-origin:45% 80%;z-index:1}
.scene-orbit{position:absolute;top:1%;right:1%;font-size:9px;letter-spacing:.15em;color:#8e9db4;z-index:3}
.hero-browser-window{position:absolute;left:51%;top:12%;width:50%;height:54%;border:1px solid #91b4ff70;border-radius:10px;background:#111b2a;overflow:hidden;box-shadow:0 20px 60px #0006,0 0 24px #6098ff12;transform:perspective(1100px) rotateY(-12deg) rotateZ(5deg);animation:browser-hover var(--cycle) ease-in-out infinite;z-index:2;container-type:inline-size}
.hero-browser-chrome{height:32px;padding:0 12px;display:flex;align-items:center;gap:10px;justify-content:space-between;font-size:8px;letter-spacing:.02em;color:#bed0e9;background:#182235;border-bottom:1px solid #ffffff13}
.hero-window-dots{display:flex;gap:4px}
.hero-window-dots i{width:5px;height:5px;border-radius:50%;background:#8aa1c9;display:block}
.hero-browser-viewport{height:calc(100% - 56px);position:relative;overflow:hidden;background:#f3efe6}
.hero-page{position:absolute;inset:0;overflow:hidden}
.hero-page-original{background:#e6e9ef;color:#43506a;font-family:Arial,sans-serif}
.hero-scroll-original{animation:old-page-scroll var(--cycle) ease-in-out infinite;will-change:transform}
.mini-old-brand{background:#c4ccd8;text-align:center;font-size:15px;font-weight:bold;letter-spacing:1px;padding:17px 8px 13px}
.mini-old-nav{background:#597290;color:#fff;text-align:center;font-size:7px;padding:8px}
.mini-old-content{margin:14px 18px;background:white;text-align:center;padding:13px 12px 18px;border:1px solid #bbc3d0}
.mini-old-content h3{font-size:12px;font-weight:bold;color:#374865}
.mini-old-content p{font-size:8px;margin:8px 0}
.mini-old-content img{height:101px;width:100%;object-fit:cover;border:4px solid #d6dbe3;margin-top:10px;filter:saturate(.65)}
.mini-old-content h4{font-size:11px;margin:20px 0 10px}
.mini-old-columns{display:flex;gap:8px;font-size:8px}
.mini-old-columns span{background:#edf0f5;border:1px solid #d7dee9;flex:1;padding:13px 6px}
.mini-old-lines{display:grid;gap:6px}
.mini-old-lines i{height:4px;background:#c8cfd8;display:block;border-radius:1px}
.mini-old-lines i:nth-child(even){width:80%;margin-inline:auto}
.hero-page-redesigned{background:#f1ede4;color:#293829;animation:redesign-reveal var(--cycle) ease-in-out infinite;will-change:clip-path}
.hero-scroll-redesigned{animation:new-page-scroll var(--cycle) ease-in-out infinite;will-change:transform}
.mini-new-nav{padding:15px 20px 11px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #29382920}
.mini-new-nav strong{font-size:24px;letter-spacing:-1.7px;font-weight:600}
.mini-new-nav>span{font-size:8px}
.mini-new-intro{padding:18px 20px 15px}
.mini-new-intro>span{font-size:7px;letter-spacing:.1em;color:#66745e}
.mini-new-intro h3{font-family:Georgia,serif;font-size:38px;font-size:clamp(30px,12cqw,42px);letter-spacing:-.06em;line-height:1.05;margin:9px 0 12px}
.mini-new-intro h3 em{font-weight:400}
.mini-new-intro p{font-size:8px}
.mini-new-image{position:relative;margin:0 14px}
.mini-new-image img{width:100%;height:140px;object-fit:cover}
.mini-new-image>span{position:absolute;bottom:12px;left:12px;background:#f1ede4;padding:6px 10px;border-radius:2px;font-size:8px}
.mini-new-project{padding:20px}
.mini-new-project>span{font-size:7px;letter-spacing:.1em}
.mini-new-project h4{font-family:Georgia,serif;font-size:26px;font-weight:400;letter-spacing:-.04em;margin:8px 0 15px}
.mini-new-project>div{font-size:8px;display:flex;justify-content:space-between;border-top:1px solid #29382930;padding-top:12px}
.mini-new-footer{font-size:10px;padding:16px 20px;color:#eef5e8;background:#2c3d28}
.hero-scan-line{position:absolute;left:0;right:0;top:0;height:2px;background:#83b0ff;box-shadow:0 0 20px 4px #6c9aff70;animation:hero-scan var(--cycle) linear infinite;z-index:3}
.hero-ui-selection{position:absolute;left:5%;right:5%;height:32%;top:22%;border:1px solid #8aadff;box-shadow:0 0 0 4px #6497ff14;border-radius:3px;animation:ui-selection var(--cycle) ease-in-out infinite;z-index:3;pointer-events:none}
.hero-cursor{position:absolute;z-index:5;width:23px;height:29px;top:0;left:0;filter:drop-shadow(0 2px 2px #0006);animation:remo-cursor var(--cycle) ease-in-out infinite;will-change:transform}
.hero-scrollbar{position:absolute;top:10px;right:5px;bottom:10px;width:3px;background:#10201b10;border-radius:3px;z-index:4}
.hero-scrollbar>span{position:absolute;top:0;left:0;right:0;height:35%;background:#75837099;border-radius:3px;animation:scrollbar-slide var(--cycle) ease-in-out infinite}
.hero-browser-footer{position:relative;height:24px;background:#162132;font-size:7px;letter-spacing:.1em;color:#b8c5d8;overflow:hidden}
.hero-state{position:absolute;left:12px;top:5px}
.hero-state-before{animation:before-label var(--cycle) linear infinite}
.hero-state-after{animation:after-label var(--cycle) linear infinite;color:var(--lime)}
.hero-browser-progress{position:absolute;bottom:0;left:0;height:2px;background:var(--lime);animation:browser-progress var(--cycle) linear infinite}
.hero-agent-message{position:absolute;left:29%;bottom:8%;width:71%;min-height:74px;display:flex;align-items:center;gap:13px;padding:15px 18px;border:1px solid #9fb4d636;border-radius:9px;background:#151c29d9;box-shadow:0 20px 55px #0004;backdrop-filter:blur(14px);z-index:3;animation:message-hover var(--cycle) ease-in-out infinite}
.agent-avatar{flex-shrink:0;width:39px;height:39px;display:grid;place-items:center;background:var(--lime);color:#142007;border-radius:9px;font-size:28px;letter-spacing:-3px;font-weight:800}
.hero-agent-message>div{position:relative;min-height:39px;flex:1}
.agent-message-label{display:block;font-size:8px;color:#95a6c0;letter-spacing:.13em;margin-bottom:5px}
.agent-phase{position:absolute;left:0;top:18px;white-space:nowrap;font-size:12px;color:#e3eaf6;line-height:1.5}
.phase-reading{animation:phase-reading var(--cycle) linear infinite}
.phase-designing{animation:phase-designing var(--cycle) linear infinite}
.phase-refining{animation:phase-refining var(--cycle) linear infinite}
.agent-message-spark{color:var(--lime);font-size:22px;animation:rotate 24s linear infinite}
.scene-footer{position:absolute;left:4%;right:0;bottom:-2%;display:flex;justify-content:space-between;align-items:center;gap:10px;z-index:4;color:#8d9aad}
.scene-footer>span{font-size:8px;letter-spacing:.1em}
.scene-motion{display:flex;align-items:center;justify-content:center;gap:6px;min-width:75px;min-height:36px;padding:6px 10px;background:#151b25;border:1px solid #344158;border-radius:5px;font-size:11px;color:#b5c3db;transition:background .2s}
.scene-motion:hover{background:#243146}
.pause-symbol{font-size:14px;line-height:1}
.hero-character-scene.is-paused .hero-stage *,.hero-character-scene.is-offscreen .hero-stage *{animation-play-state:paused!important}
@keyframes remo-work{0%,100%{transform:translate(0,0) rotate(-1deg)}18%{transform:translate(1%,-1%) rotate(.5deg)}36%{transform:translate(1.5%,-.5%) rotate(1.1deg)}50%{transform:translate(.7%,-1.3%) rotate(.2deg)}75%{transform:translate(-.3%,-.6%) rotate(-.7deg)}}
@keyframes browser-hover{0%,100%{transform:perspective(1100px) rotateY(-12deg) rotateZ(5deg) translateY(0)}50%{transform:perspective(1100px) rotateY(-8deg) rotateZ(3deg) translateY(-7px)}}
@keyframes old-page-scroll{0%,8%{transform:translateY(0)}27%,90%{transform:translateY(-114px)}96%,100%{transform:translateY(0)}}
@keyframes redesign-reveal{0%,29%{clip-path:inset(0 0 100% 0)}44%,88%{clip-path:inset(0 0 0 0)}96%,100%{clip-path:inset(0 0 100% 0)}}
@keyframes new-page-scroll{0%,48%{transform:translateY(0)}68%,76%{transform:translateY(-146px)}87%,100%{transform:translateY(0)}}
@keyframes hero-scan{0%,12%{top:0;opacity:0}14%{top:0;opacity:1}28%{top:100%;opacity:.7}29%{top:0;opacity:1}44%{top:100%;opacity:1}46%,100%{top:100%;opacity:0}}
@keyframes ui-selection{0%,31%{opacity:0;transform:scale(.95)}35%,40%{opacity:1;transform:scale(1)}45%,100%{opacity:0;transform:scale(1.02)}}
@keyframes remo-cursor{0%,5%{transform:translate(90px,180px);opacity:0}10%{transform:translate(95px,100px);opacity:1}25%{transform:translate(125px,155px);opacity:1}35%{transform:translate(195px,83px) scale(.84);opacity:1}40%{transform:translate(195px,83px) scale(1);opacity:1}53%{transform:translate(140px,203px);opacity:1}72%{transform:translate(205px,148px);opacity:1}84%{transform:translate(190px,208px);opacity:1}91%,100%{transform:translate(215px,224px);opacity:0}}
@keyframes scrollbar-slide{0%,8%{top:0}27%,30%{top:58%}45%,49%{top:0}68%,76%{top:61%}87%,100%{top:0}}
@keyframes before-label{0%,29%,96%,100%{opacity:1}34%,90%{opacity:0}}
@keyframes after-label{0%,29%,96%,100%{opacity:0}34%,90%{opacity:1}}
@keyframes browser-progress{0%{width:0;opacity:1}88%{width:100%;opacity:1}93%,100%{width:100%;opacity:0}}
@keyframes message-hover{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-5px) rotate(-1deg)}}
@keyframes phase-reading{0%,27%,97%,100%{opacity:1;transform:translateY(0)}30%,94%{opacity:0;transform:translateY(-5px)}}
@keyframes phase-designing{0%,27%,54%,100%{opacity:0;transform:translateY(5px)}30%,51%{opacity:1;transform:translateY(0)}}
@keyframes phase-refining{0%,51%,97%,100%{opacity:0;transform:translateY(5px)}54%,94%{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){.hero-art.hero-character-scene{top:73px;width:56%;right:-12px}.hero{min-height:915px}.hero h1{font-size:88px}}
@media(max-width:1150px){.hero{min-height:840px;padding-top:58px}.hero h1{font-size:66px}.hero-art.hero-character-scene{width:58%;right:-12px;top:115px}.hero-actions{flex-direction:column;align-items:flex-start}.hero-description{max-width:330px}.hero-agent-message{left:23%;width:78%;padding:12px;gap:9px}.agent-phase{font-size:10px}.agent-message-spark{font-size:18px}.scene-footer>span{font-size:7px}.hero-browser-chrome{font-size:7px;padding-inline:9px}.hero-browser-chrome>span:last-child{display:none}.mini-old-brand{font-size:13px}.mini-old-content h3{font-size:10px}.mini-new-nav{padding:12px 15px 8px}.mini-new-intro{padding:12px 15px}.mini-new-image img{height:120px}.mini-new-intro h3{font-size:32px}}
@media(max-width:900px){.hero{display:block;min-height:0;padding:48px 0 83px}.hero-copy{width:100%}.hero h1{font-size:76px;max-width:650px}.hero h1 br:nth-of-type(3){display:none}.hero h1 .accent{display:block}.hero-description{max-width:480px}.hero-actions{flex-direction:row;align-items:center}.hero-art.hero-character-scene{position:relative;top:auto;right:auto;width:min(650px,100%);margin:18px auto 20px;height:auto;aspect-ratio:1/1.02}.hero-stage{overflow:visible}.hero-agent-message{left:29%;width:71%;padding:15px 18px}.agent-phase{font-size:12px}.agent-message-spark{font-size:22px}.hero-browser-chrome{font-size:8px}.mini-new-intro{padding:17px 18px}.mini-new-intro h3{font-size:38px}.scene-footer>span{font-size:8px}.manifesto p{font-size:31px}.hero-footnote{margin-top:18px}}
@media(max-width:600px){.hero{padding-top:37px;padding-bottom:74px}.hero h1{font-size:clamp(43px,11vw,65px);line-height:1.08;letter-spacing:-.065em;margin-block:23px}.hero h1 br:nth-of-type(3){display:block}.hero .eyebrow{font-size:9px}.hero-description{max-width:360px}.hero-actions{gap:16px;margin-top:25px}.hero-art.hero-character-scene{width:calc(100% + 20px);margin:13px -10px 7px;aspect-ratio:1/1.12}.hero-browser-window{left:46%;width:55%;top:13%;height:54%;border-radius:7px}.remo-character{left:-19%;top:5%;width:111%}.hero-browser-chrome{height:24px;font-size:6px;gap:5px;padding-inline:7px}.hero-window-dots{gap:3px}.hero-window-dots i{width:3px;height:3px}.hero-browser-viewport{height:calc(100% - 45px)}.hero-browser-footer{height:21px;font-size:6px;letter-spacing:.04em}.hero-state{left:8px}.mini-old-brand{font-size:10px;letter-spacing:.6px;padding:12px 4px 9px}.mini-old-nav{font-size:5px;padding:6px 2px}.mini-old-content{margin:9px 11px;padding:9px 7px 11px}.mini-old-content h3{font-size:8px}.mini-old-content p{font-size:6px;margin:5px 0}.mini-old-content img{height:70px;border-width:3px;margin-top:8px}.mini-old-content h4{font-size:8px;margin:12px 0 8px}.mini-old-columns{font-size:6px;gap:5px}.mini-old-columns span{padding:9px 3px}.mini-old-lines{gap:4px}.mini-old-lines i{height:3px}.mini-new-nav{padding:9px 11px 7px}.mini-new-nav strong{font-size:18px}.mini-new-nav>span{font-size:5px}.mini-new-intro{padding:11px}.mini-new-intro>span{font-size:5px;letter-spacing:.03em}.mini-new-intro h3{font-size:27px;margin:7px 0 9px}.mini-new-intro p{font-size:6px;line-height:1.6}.mini-new-image{margin-inline:9px}.mini-new-image img{height:90px}.mini-new-image>span{font-size:5px;bottom:8px;left:8px;padding:4px 6px}.mini-new-project{padding:13px}.mini-new-project>span{font-size:5px}.mini-new-project h4{font-size:20px;margin:6px 0 10px}.mini-new-project>div{font-size:6px;padding-top:8px}.mini-new-footer{font-size:7px;padding:12px}.hero-agent-message{left:15%;bottom:7%;width:88%;padding:10px 12px;gap:9px;min-height:61px}.agent-avatar{width:31px;height:31px;border-radius:7px;font-size:24px}.agent-message-label{font-size:6px;letter-spacing:.07em}.agent-phase{font-size:9px;top:15px}.hero-agent-message>div{min-height:29px}.agent-message-spark{font-size:17px}.scene-orbit{font-size:7px;right:0;top:3%}.scene-footer{left:1%;bottom:-4%;right:0}.scene-footer>span{font-size:6px;letter-spacing:.04em;max-width:170px}.scene-motion{min-width:65px;min-height:32px;font-size:10px;padding:5px 8px}.hero-cursor{width:16px;height:20px}.hero-scrollbar{right:3px;width:2px}.hero-scroll-note{margin-top:20px}.hero-footnote{font-size:11px}.studio-text h3{font-size:40px}.studio-text p{max-width:195px}.process .section-heading h2{font-size:30px}.manifesto p{font-size:26px}.final-cta h2{font-size:38px}.faq-heading h2{font-size:40px}.hero-art.hero-character-scene .hero-cursor{animation-name:remo-cursor-mobile}}
@keyframes remo-cursor-mobile{0%,5%{transform:translate(50px,130px);opacity:0}10%{transform:translate(60px,70px);opacity:1}25%{transform:translate(85px,115px);opacity:1}35%{transform:translate(125px,60px) scale(.84);opacity:1}40%{transform:translate(125px,60px) scale(1);opacity:1}53%{transform:translate(90px,143px);opacity:1}72%{transform:translate(130px,103px);opacity:1}84%{transform:translate(120px,138px);opacity:1}91%,100%{transform:translate(145px,160px);opacity:0}}
@media(prefers-reduced-motion:reduce){.hero-stage *{animation:none!important;transition:none!important;will-change:auto!important}.hero-page-redesigned{clip-path:none;opacity:1}.hero-page-original,.hero-scan-line,.hero-ui-selection,.hero-cursor,.phase-reading,.phase-designing,.hero-state-before{display:none}.phase-refining,.hero-state-after{opacity:1;transform:none}.hero-browser-progress{width:100%}.hero-browser-window{transform:perspective(1100px) rotateY(-8deg) rotateZ(3deg)}.scene-motion{display:none}.remo-character{transform:none}}

@media(max-width:600px){.hero-browser-window{left:53%;width:49%}.remo-character{left:-23%}.hero-agent-message{left:14%;width:89%}}

/* ejemplo genérico: capturas del antes y el después */
.hero-scroll-original img,.hero-scroll-redesigned img{width:100%;height:auto;display:block}
.hero-page-original{background:#c9d3dd}.hero-page-redesigned{background:#f4efe6}
.before-shot,.after-shot{position:absolute;top:0;left:0;width:100%;height:auto;display:block}
.after-shot{opacity:0;transition:opacity .5s}
.new-site[data-theme="editorial"] .after-editorial,.new-site[data-theme="warm"] .after-warm,.new-site[data-theme="contrast"] .after-contrast{opacity:1}
.new-site{background:#f4efe6}.old-site{background:#c9d3dd}

/* --- agregados locales remobuilds (15-sep-2026; no vienen de la página viva) --- */
.new-site[data-theme=fresh]{background:#fff;color:#0f172a}
.new-site[data-theme=bold]{background:#f7f2ea;color:#111}
.new-site[data-theme="fresh"] .after-fresh,.new-site[data-theme="bold"] .after-bold{opacity:1}
#start-form label[for="contact-email"]{margin-top:16px}