@font-face{font-family:'DM Sans';font-style:normal;font-display:swap;font-weight:100 1000;src:url(fonts/dm-sans-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'DM Sans';font-style:normal;font-display:swap;font-weight:100 1000;src:url(fonts/dm-sans-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{--bg:#111318;--panel:#191c24;--text:#f5f5f8;--muted:#aeb3c0;--line:#353a46;--blue:#b0baff;--electric:#7484ff;--paper:#f1f2f7;--ink:#191d30;--max:1280px;--header:88px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,p{margin:0}h1,h2,h3{font-weight:550;line-height:1.05;letter-spacing:-.055em}h1{font-size:clamp(3.1rem,6.8vw,6.5rem)}h2{font-size:clamp(2.5rem,4.5vw,4.2rem)}h3{font-size:1.65rem;letter-spacing:-.035em}a{color:inherit;text-underline-offset:5px}button,input,textarea{font:inherit}button{cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:hover{text-decoration-thickness:2px}button:disabled{cursor:not-allowed}img{display:block;max-width:100%}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--blue);outline-offset:5px}::selection{background:var(--blue);color:var(--ink)}[hidden]{display:none!important}.wrap{width:min(var(--max),calc(100% - 88px));margin:auto}.section{padding:108px 0}.muted{color:var(--muted)}.blue{color:var(--blue)}.small{font-size:.875rem}.label{font-size:.875rem;display:flex;gap:12px;align-items:center;margin-bottom:25px;color:var(--muted)}.label:before{content:'';display:block;width:23px;height:1px;background:currentColor}.section-head{display:flex;justify-content:space-between;gap:55px;align-items:end;margin-bottom:48px}.section-head>p{max-width:375px;color:var(--muted)}.section-head h2{max-width:820px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:13px 23px;border:1px solid #535a6b;border-radius:100px;background:transparent;color:var(--text);font-weight:550;font-size:.9375rem;line-height:1.35;text-decoration:none;transition:background .2s,color .2s,border-color .2s}.btn:hover{background:#2b3040;border-color:#929bb5}.btn-primary{background:var(--blue);color:var(--ink);border-color:var(--blue)}.btn-primary:hover{background:#c5ccff;border-color:#c5ccff}.btn-ink{background:var(--ink);color:#fff;border-color:var(--ink)}.btn-ink:hover{background:#343d67;border-color:#343d67}.text-link{font-size:.9375rem;font-weight:550;text-decoration:underline}.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:30px}.skip{position:fixed;top:12px;left:16px;z-index:100;transform:translateY(-180%);background:var(--blue);color:var(--ink);padding:12px}.skip:focus{transform:none}.site-header{position:sticky;top:0;z-index:40;background:#111318f5;border-bottom:1px solid #ffffff14;backdrop-filter:blur(14px)}.header-inner{height:var(--header);display:flex;gap:28px;align-items:center;justify-content:space-between}.brand{display:inline-flex;gap:9px;align-items:center;white-space:nowrap;text-decoration:none;font-size:1.3rem;font-weight:750;letter-spacing:-.055em}.brand svg{width:32px;height:32px;color:var(--blue)}.navigation{display:flex;align-items:center;gap:30px}.navigation>a{font-size:.875rem;color:var(--muted);text-decoration:none}.navigation>a:hover,.navigation>a[aria-current=page]{color:var(--text)}.navigation .lang{border-left:1px solid var(--line);padding-left:24px;color:var(--blue)}.nav-services{position:relative;font-size:.875rem}.nav-services summary{cursor:pointer;color:var(--muted);list-style:none}.nav-services summary:after{content:'+';margin-left:8px}.nav-services[open] summary:after{content:'−'}.nav-services summary::-webkit-details-marker{display:none}.nav-services>div{position:absolute;top:37px;left:-20px;width:250px;padding:12px;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:0 20px 70px #0007}.nav-services a{display:block;padding:10px;border-radius:5px;text-decoration:none;color:var(--text)}.nav-services a:hover{background:#2a3041}.menu-toggle{display:none}.header-cta{font-size:.875rem;min-height:44px;padding:11px 19px}.trust-strip{background:var(--paper);color:var(--ink);border-block:1px solid #d3d7e4}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:27px 0;gap:30px}.trust-grid strong{display:block;font-weight:550;font-size:1.1rem}.trust-grid span{font-size:.8rem;color:#5d657b}.work-section{background:var(--paper);color:var(--ink)}.work-section .label{color:#59617a}.work-section .section-head>p{color:#59617a}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:52px 32px}.work-card{min-width:0}.preview-shell{background:var(--project-bg,#d7dfde);padding:27px 27px 0;border-radius:12px;overflow:hidden;position:relative}.preview-chrome{border:1px solid #ffffff99;border-bottom:0;border-radius:8px 8px 0;background:#f9f9fa;height:28px;display:flex;align-items:center;gap:5px;padding-left:13px;box-shadow:0 15px 45px #0002}.preview-chrome i{height:5px;width:5px;border-radius:50%;background:#b9bdc7}.preview-viewport{display:block;position:relative;height:325px;overflow:hidden;background:#fff;padding:0;border:0;width:100%;text-align:left;cursor:zoom-in;box-shadow:0 15px 45px #0002}.preview-viewport img{width:100%;height:auto;transition:transform 6s cubic-bezier(.2,.6,.3,1)}.preview-viewport:hover img,.preview-viewport:focus-visible img{transform:translateY(calc(-1 * var(--travel, 0px)))}.preview-badge{position:absolute;right:12px;bottom:12px;z-index:2;padding:7px 12px;background:#111318eb;border:1px solid #ffffff40;border-radius:30px;color:#fff;font-size:.75rem;pointer-events:none}.work-card-caption{display:flex;justify-content:space-between;gap:15px;margin-top:19px;align-items:start}.work-card h3{font-size:1.3rem;letter-spacing:-.035em;line-height:1.2}.work-card-caption span{font-size:.8rem;color:#5b6278;flex-shrink:0;padding-top:3px}.work-card p{font-size:.9rem;color:#59617a;margin-top:9px;max-width:520px}.work-card .text-link{display:inline-block;margin-top:13px;font-size:.82rem}.preview-fallback{padding:45px 30px;min-height:300px;background:var(--ink);color:var(--paper);display:flex;align-items:center}.preview-fallback h3{font-size:2rem}.work-note{margin-top:34px;color:#626a7e;font-size:.85rem}.services{border-bottom:1px solid var(--line)}.services-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px}.service-row{display:grid;grid-template-columns:42px 1fr;gap:18px;padding:28px 0;border-top:1px solid var(--line)}.service-row:last-child{border-bottom:1px solid var(--line)}.service-row>span{font-size:.85rem;color:var(--blue);padding-top:6px}.service-row h3{font-size:1.9rem}.service-row p{color:var(--muted);font-size:.95rem;margin:13px 0}.service-row a{font-size:.85rem}.split-section{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.feature-list{list-style:none;margin:27px 0 0;padding:0}.feature-list li{border-top:1px solid var(--line);padding:17px 0 17px 26px;position:relative;font-size:.95rem}.feature-list li:before{content:'✓';position:absolute;left:0;color:var(--blue)}.seo-panel{background:#242c4f;border:1px solid #4c578a;border-radius:14px;padding:38px;color:#e7eaff}.seo-panel .label{color:#b9c3f6}.seo-item{padding:20px 0;border-top:1px solid #4d5881;display:flex;gap:18px}.seo-item>span{font-size:.8rem;color:#b7c4ff}.seo-item h3{font-size:1.25rem;letter-spacing:-.025em;margin-bottom:8px}.seo-item p{color:#b8c1df;font-size:.9rem}.seo-panel-foot{border-top:1px solid #4d5881;padding-top:20px;font-size:.8rem;color:#b8c1df}.pricing-section{background:#1b1e27;border-block:1px solid var(--line)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.plan{border:1px solid #414857;border-radius:13px;padding:30px;background:#1e222d;display:flex;flex-direction:column}.plan.featured{background:var(--paper);color:var(--ink);border-color:var(--paper)}.plan-label{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:30px}.plan-label h3{font-size:1.35rem}.plan-label>span{font-size:.72rem;color:var(--ink);background:#d1d7fa;border-radius:30px;padding:4px 9px}.plan-price{font-size:3.75rem;letter-spacing:-.055em;line-height:1;font-weight:550}.plan-price span{font-size:.85rem;color:var(--muted);letter-spacing:0}.featured .plan-price span{color:#5d6479}.plan-time{font-size:.85rem;margin-top:13px;color:var(--blue)}.featured .plan-time{color:#4b5da7}.plan .btn{margin:22px 0}.plan ul{padding:0;list-style:none;margin:0}.plan li{font-size:.875rem;margin-bottom:10px;padding-left:22px;position:relative}.plan li:before{content:'✓';position:absolute;left:0;color:var(--blue)}.featured li:before{color:#4b5da7}.plan-bottom{margin-top:auto;padding-top:20px}.plan-required{font-size:.8rem;background:#2b3145;border:1px solid #535d81;border-radius:7px;padding:14px;color:#e5e9ff}.plan-required strong{display:block;margin-bottom:5px}.plan-excluded{font-size:.8rem;color:var(--muted);margin-top:14px}.featured .plan-excluded{color:#525c75}.pricing-notes{font-size:.8rem;color:var(--muted);margin-top:24px;max-width:1000px}.ownership{margin-top:43px;padding-top:29px;border-top:1px solid #424958;display:flex;justify-content:space-between;gap:50px}.ownership h3{max-width:340px;font-size:1.9rem}.ownership p{color:var(--muted);font-size:.9rem;max-width:660px}.care-inline{display:flex;justify-content:space-between;align-items:center;gap:30px;background:var(--blue);color:var(--ink);border-radius:12px;padding:28px 32px;margin-top:45px}.care-inline h3{font-size:1.75rem}.care-inline p{font-size:.9rem;color:#434e78;margin-top:9px}.care-price{font-size:2.25rem;white-space:nowrap;letter-spacing:-.045em}.care-price small{font-size:.85rem;letter-spacing:0}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:34px;margin-top:48px}.process-step{border-top:1px solid var(--line);padding-top:22px}.process-step>span{font-size:.875rem;color:var(--blue)}.process-step h3{font-size:1.4rem;margin-top:30px;margin-bottom:16px}.process-step p{font-size:.9rem;color:var(--muted)}.process-note{margin-top:30px;max-width:900px;font-size:.8rem;color:var(--muted)}.language-section{background:#21294a;border-block:1px solid #414c79}.language-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px}.language-grid>div+div{padding-left:65px;border-left:1px solid #535f8c}.language-grid .label{color:#b1bee9}.language-grid h2{font-size:clamp(2.4rem,4vw,3.6rem)}.language-grid p:not(.label){color:#c3cbe4;margin-top:23px}.language-grid a{display:inline-block;margin-top:22px;font-size:.9rem}.about-strip{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.about-monogram{font-size:clamp(7rem,17vw,17rem);line-height:1;letter-spacing:-.12em;color:#9faeff;padding:35px 0;border-block:1px solid var(--line);font-weight:550}.about-strip p{color:var(--muted);margin-top:25px}.about-strip .label{margin-top:0}.comparison-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px}table{border-collapse:collapse;width:100%;min-width:760px;font-size:.9rem}caption{text-align:left;color:var(--muted);font-size:.8rem;padding:17px 21px}th,td{padding:19px 22px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line);width:28%}th:first-child{width:16%}thead th{background:var(--panel);font-weight:600}thead th:nth-child(2){background:var(--blue);color:var(--ink)}tbody td:nth-child(2){background:#242b43}tbody th{color:var(--muted);font-weight:500}tr:last-child>*{border-bottom:0}.cta-section{background:var(--paper);color:var(--ink)}.cta-inner{display:flex;justify-content:space-between;gap:50px;align-items:end}.cta-inner h2{max-width:770px}.cta-inner .label{color:#606a83}.cta-inner p{margin-top:24px;max-width:620px;color:#5c657e}.cta-inner .btn{flex-shrink:0}.footer{padding:65px 0 24px;border-top:1px solid var(--line)}.footer-top{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:50px}.footer-top h2{font-size:.9rem;letter-spacing:0;margin-bottom:19px}.footer-top p{font-size:.85rem;color:var(--muted);margin-top:20px;max-width:280px}.footer-top a:not(.brand){display:block;font-size:.85rem;color:var(--muted);text-decoration:none;margin-bottom:10px}.footer-top a:hover{text-decoration:underline}.footer-bottom{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding-top:22px;margin-top:45px;font-size:.75rem;color:var(--muted)}.page-hero{padding:82px 0 76px;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 95% 5%,#29365b70,transparent 65%)}.page-hero h1{max-width:1030px;font-size:clamp(3.5rem,6.8vw,6.2rem)}.page-hero .lead{font-size:1.2rem;color:var(--muted);max-width:760px;margin-top:30px}.page-hero .label{margin-bottom:28px}.breadcrumbs{display:flex;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:.8rem;margin-bottom:35px}.breadcrumbs a{text-decoration:none}.editorial{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.editorial-body h2{font-size:2.45rem;margin-top:48px;margin-bottom:22px}.editorial-body h2:first-child{margin-top:0}.editorial-body h3{font-size:1.4rem;margin:28px 0 13px}.editorial-body p{color:var(--muted);margin-bottom:20px}.editorial-body ul{padding-left:22px;color:var(--muted)}.editorial-body li{margin-bottom:12px}.side-note{padding:27px;border:1px solid var(--line);border-radius:12px;align-self:start;background:var(--panel);position:sticky;top:120px}.side-note h2{font-size:1.7rem;margin-bottom:22px}.side-note p{color:var(--muted);font-size:.9rem}.side-note .btn{margin-top:23px}.side-price{font-size:2.8rem!important;letter-spacing:-.05em;color:var(--text)!important;margin:10px 0!important}.faq{margin-top:52px}.faq details{padding:20px 0;border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-size:1.075rem;font-weight:550;list-style:none;padding-right:30px;position:relative}.faq summary:after{content:'+';position:absolute;right:5px;color:var(--blue)}.faq details[open] summary:after{content:'−'}.faq details p{margin:17px 0 0;color:var(--muted)}.case-image{background:#e3e5ed;padding:30px;border-radius:12px;max-height:900px;overflow:auto}.case-image img{width:100%;border-radius:7px}.project-facts{display:flex;gap:30px;margin-top:25px;flex-wrap:wrap;font-size:.85rem;color:var(--muted)}.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px}.case-grid h2{font-size:2.5rem;margin-bottom:25px}.case-grid p{color:var(--muted);margin-bottom:20px}.case-grid li{color:var(--muted);margin-bottom:13px}.care-list{display:grid;grid-template-columns:1fr 1fr;gap:28px 35px;padding:0;list-style:none;margin:0}.care-list li{border-top:1px solid var(--line);padding-top:20px}.care-list span{color:var(--blue);font-size:.8rem}.care-list h3{font-size:1.3rem;margin-top:15px;margin-bottom:10px}.care-list p{font-size:.9rem;color:var(--muted)}.quote-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:start}.quote-layout>div>p{color:var(--muted);margin-top:24px}.quote-card{padding:35px;background:var(--panel);border:1px solid var(--line);border-radius:14px}.progress-meta{display:flex;justify-content:space-between;font-size:.8rem;color:var(--muted);margin-bottom:13px}.progress{height:4px;background:#3e4557;border-radius:5px;margin-bottom:35px;overflow:hidden}.progress span{display:block;height:100%;width:20%;background:var(--blue);transition:width .2s}.step-title{font-size:1.9rem;line-height:1.15}.step-help{font-size:.9rem;color:var(--muted);margin-top:14px}.options{display:grid;gap:11px;margin-top:27px}.option{padding:17px 19px;display:flex;justify-content:space-between;align-items:center;gap:15px;text-align:left;min-height:58px;border:1px solid #525c72;background:#11151f;color:var(--text);border-radius:8px}.option:after{content:'';width:17px;height:17px;border:1px solid #7c89a7;border-radius:50%;flex-shrink:0}.option:hover,.option[aria-pressed=true]{background:#2c3556;border-color:var(--blue)}.option[aria-pressed=true]:after{background:var(--blue);border:4px solid #2c3556;outline:1px solid var(--blue)}.form-actions{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:25px}.back{min-height:44px;border:0;background:none;padding:10px 0;color:var(--muted);text-decoration:underline;text-underline-offset:4px}.back:disabled{opacity:.5;text-decoration:none}.field{display:block;margin:20px 0}.field span{display:block;font-size:.875rem;margin-bottom:8px}.field input,.field textarea{display:block;width:100%;min-height:48px;background:#11151f;color:var(--text);border:1px solid #59647c;border-radius:7px;padding:12px 14px}.field textarea{min-height:140px;resize:vertical}.field input::placeholder,.field textarea::placeholder{color:#98a3bb}.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.estimate{background:var(--blue);color:var(--ink);padding:22px;border-radius:9px;margin-top:25px}.estimate-tier{font-size:.85rem}.estimate-price{font-size:2.8rem;line-height:1.2;letter-spacing:-.05em;margin:10px 0}.estimate-detail{font-size:.875rem;color:#3d4872;line-height:1.6}.submit-note{font-size:.8rem;color:var(--muted);margin-top:17px}.submit{width:100%;margin-top:5px}.form-status{border:1px solid #c7ad6d;color:#f5dfad;padding:13px 16px;border-radius:7px;margin-top:18px;font-size:.875rem}.form-status:empty{display:none}.answer-summary{font-size:.8rem;color:var(--muted);margin-top:18px}.preview-dialog{width:min(1120px,calc(100% - 36px));max-height:92svh;border:1px solid #626c87;border-radius:14px;background:var(--paper);color:var(--ink);padding:0;overflow:hidden}.preview-dialog::backdrop{background:#060811d9;backdrop-filter:blur(8px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:18px 25px;border-bottom:1px solid #c7cbd9}.dialog-head h2{font-size:1.2rem;letter-spacing:-.02em}.dialog-head button{border:1px solid #adb4c7;background:transparent;color:var(--ink);border-radius:30px;padding:8px 15px;font-size:.875rem;min-height:42px}.dialog-head p{font-size:.75rem;color:#5a657f;margin-top:5px}.dialog-scroll{max-height:calc(92svh - 100px);overflow:auto;background:#d5dae8;padding:24px}.dialog-scroll img{width:100%;height:auto}.preview-dialog a{color:var(--ink)}@media(max-width:1100px){.wrap{width:calc(100% - 54px)}.navigation{gap:20px}.header-inner{gap:22px}.services-grid,.split-section,.about-strip,.editorial,.quote-layout{gap:50px}.preview-shell{padding:19px 19px 0}.preview-viewport{height:265px}.plan{padding:24px}.plan-price{font-size:3.1rem}.plan-label{align-items:start}.work-card-caption{display:block}.work-card-caption span{display:block;margin-top:6px}.language-grid{gap:40px}.language-grid>div+div{padding-left:40px}.footer-top{gap:30px}}
@media(max-width:800px){:root{--header:74px}.wrap{width:calc(100% - 40px)}.header-inner{gap:13px}.brand{font-size:1.2rem}.brand svg{width:28px;height:28px}.menu-toggle{display:block;margin-left:auto;font-size:.8rem;padding:9px 13px;min-height:42px}.navigation{display:none;position:absolute;left:0;right:0;top:73px;max-height:calc(100svh - 74px);overflow-y:auto;padding:20px;background:var(--bg);border-bottom:1px solid var(--line);align-items:stretch;flex-direction:column;gap:8px}.navigation.open{display:flex}.navigation>a{padding:10px 0}.navigation .lang{padding:10px 0;border:0}.nav-services summary{padding:10px 0}.nav-services>div{position:static;width:auto;border:0;box-shadow:none;margin-top:5px;background:var(--panel)}.header-cta{font-size:.8rem;padding-inline:14px}.section{padding:74px 0}.section-head{flex-direction:column;align-items:start;gap:25px;margin-bottom:36px}.section-head>p{max-width:600px}.trust-grid{grid-template-columns:1fr 1fr;gap:23px}.trust-grid strong{font-size:1rem}.work-grid{gap:36px 20px}.preview-shell{padding:15px 15px 0}.preview-viewport{height:230px}.work-card h3{font-size:1.25rem}.work-card p{font-size:.85rem}.services-grid,.split-section,.about-strip,.editorial,.quote-layout{grid-template-columns:1fr;gap:40px}.services-grid{gap:32px}.pricing-grid{grid-template-columns:1fr}.plan{padding:28px}.plan ul{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.plan-price{font-size:3.5rem}.ownership{flex-direction:column;gap:20px}.care-inline{flex-wrap:wrap}.process-grid{grid-template-columns:1fr 1fr;gap:35px 28px}.process-step h3{margin-top:23px}.language-grid{grid-template-columns:1fr;gap:35px}.language-grid>div+div{padding-left:0;padding-top:35px;border-left:0;border-top:1px solid #535f8c}.about-monogram{font-size:7rem;padding:20px 0}.cta-inner{flex-direction:column;align-items:start;gap:30px}.footer-top{grid-template-columns:1fr 1fr;gap:35px}.footer-bottom{flex-direction:column;gap:12px}.page-hero{padding:55px 0}.page-hero h1{font-size:clamp(3.25rem,8vw,4.6rem)}.page-hero .lead{font-size:1.1rem}.side-note{position:static}.case-grid{grid-template-columns:1fr;gap:30px}.case-image{padding:15px;max-height:650px}.quote-card{padding:28px}.editorial-body h2{font-size:2.2rem}}
@media(max-width:500px){.header-inner{gap:10px}.brand{font-size:1.05rem;gap:6px}.brand svg{width:24px;height:24px}.menu-toggle{padding:8px 10px;font-size:.75rem}.header-cta{padding:9px 12px;font-size:.75rem}.work-grid{grid-template-columns:1fr;gap:35px}.preview-shell{padding:20px 20px 0}.preview-viewport{height:290px}.work-card-caption{display:flex}.work-card-caption span{margin-top:0;font-size:.7rem}.work-card h3{font-size:1.1rem}.plan ul{display:block}.care-inline{padding:24px}.care-inline h3{font-size:1.5rem}.care-price{font-size:1.9rem}.care-list{grid-template-columns:1fr}.seo-panel{padding:27px}.process-step h3{font-size:1.25rem}.process-step p{font-size:.85rem}.footer-top{gap:35px 25px}.footer-top>div:first-child{grid-column:1/-1}.contact-fields{grid-template-columns:1fr}.quote-card{padding:24px}.step-title{font-size:1.55rem}.estimate-price{font-size:2.2rem}.dialog-head{padding:14px 17px;gap:15px}.dialog-scroll{padding:12px}.section{padding:62px 0}.page-hero h1{font-size:3.15rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.preview-viewport:hover img,.preview-viewport:focus-visible img{transform:none}}
@media print{body,.work-section,.pricing-section,.language-section{background:#fff;color:#111}.wrap{width:100%}.section{padding:25px 0}p,.muted{color:#333!important}.preview-viewport{height:220px}.plan{background:#fff;color:#111;break-inside:avoid}.section-head{margin-bottom:25px}}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}.form-status[data-tone=error]{border-color:#e0848a;color:#ffc9cc}.form-done .actions{margin-top:26px}.submit:disabled{opacity:.7}/* ===== Homepage hero: heading + expanding Chrome-style window ===== */
.intro{position:relative;overflow-anchor:none;background:#0d0f15}
.intro-stage{position:relative;overflow:hidden;padding-bottom:70px}
.intro-scenery{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#111318 0%,#111318d9 30%,#11131840 75%,#11131800 100%),url(hero-bg.webp) center 70%/cover no-repeat}
.intro-scenery:after{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(transparent 10%,#000 90%);-webkit-mask-image:linear-gradient(transparent 10%,#000 90%)}
.intro-heading{position:relative;z-index:2;text-align:center;padding:44px 24px 0}
.intro-heading .label{justify-content:center;margin-bottom:14px}
.intro-heading h1{font-size:clamp(3.2rem,6.2vw,6.1rem);line-height:1.04;letter-spacing:-.06em;padding-bottom:.04em}
.intro-heading h1 span{color:var(--blue)}
.intro-lead{margin:16px auto 0;max-width:640px;color:var(--muted);font-size:1rem}
.intro-heading .actions{justify-content:center;margin-top:22px}
.intro-price-line{font-size:.8rem;margin-top:14px;color:#d0d6e8}
.intro-price-line small{display:block;font-size:.72rem;color:var(--muted);margin-top:2px}
.intro-bottom{position:absolute;z-index:4;left:44px;right:44px;bottom:18px;display:flex;justify-content:space-between;gap:20px;font-size:.8rem;color:var(--muted);pointer-events:none}
.scroll-track{display:flex;align-items:center;gap:10px}
.scroll-track:before{content:'';width:20px;height:30px;border:1px solid #73809e;border-radius:20px;background:linear-gradient(var(--blue),var(--blue)) center 7px/2px 7px no-repeat;animation:scrollcue 1.8s ease-in-out infinite}
@keyframes scrollcue{50%{background-position:center 14px}}
.btn-ghost{background:#11131899}

/* Static layout (no JS, reduced motion): the window sits under the heading. */
.portal{--p:1;position:relative;z-index:3;width:min(1120px,calc(100% - 40px));height:clamp(540px,72vh,720px);margin:44px auto 0;display:flex;flex-direction:column;overflow:hidden;border-radius:12px;background:#f1f2f7;color:var(--ink);box-shadow:0 0 0 1px #ffffff1f,0 40px 120px #000a;transform-origin:0 0}
.motion-ready .intro-stage{position:sticky;top:var(--header);height:calc(100svh - var(--header));min-height:560px;padding:0}
.intro.motion-ready{height:230svh}
.motion-ready .portal{position:absolute;left:0;top:0;width:100%;height:100%;margin:0;will-change:transform}
.motion-ready.motion-complete .portal{box-shadow:none}
.motion-ready .intro-bottom{bottom:16px}

/* Chrome */
.chrome{flex:none;background:#dfe3ec;color:#3c4257;user-select:none}
.ic{width:18px;height:18px;flex:none}
.chrome-tabs{height:40px;display:flex;align-items:flex-end;gap:2px;padding:0 0 0 10px}
.chrome-tab{position:relative;height:32px;width:clamp(120px,18%,236px);display:flex;align-items:center;gap:8px;padding:0 10px 0 12px;border-radius:9px 9px 0 0;font-size:12px;color:#4b5268}
.chrome-tab+.chrome-tab:before{content:'';position:absolute;left:-2px;top:9px;height:15px;width:1px;background:#b4bacb}
.chrome-tab.is-active{background:#f7f8fb;color:#1f2436}
.chrome-tab.is-active:after,.chrome-tab.is-active:before{content:none}
.chrome-tab.is-active+.chrome-tab:before{content:none}
.tab-fav{width:16px;height:16px;flex:none;border-radius:4px;background:#111318;display:grid;place-items:center}
.tab-fav svg{width:11px;height:11px;color:var(--blue)}
.tab-fav-alt{background:linear-gradient(135deg,#86cfc2,#8e9cf0)}
.tab-title{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tab-x{width:15px;height:15px;opacity:.7}
.tab-new{width:18px;height:18px;margin:0 0 7px 8px;opacity:.75}
.chrome-win{margin-left:auto;align-self:stretch;display:flex;align-items:center}
.chrome-win .ic{width:44px;height:40px;padding:12px 14px;box-sizing:border-box;stroke-width:1.4}
.chrome-toolbar{height:44px;display:flex;align-items:center;gap:6px;padding:0 10px;background:#f7f8fb;border-bottom:1px solid #d6dae5}
.chrome-toolbar>.ic{width:32px;height:32px;padding:7px;border-radius:50%;box-sizing:border-box}
.chrome-toolbar>.is-off{opacity:.35}
.omnibox{flex:1;height:32px;display:flex;align-items:center;gap:8px;margin:0 6px;padding:0 12px;border-radius:16px;background:#e8ebf2;font-size:13.5px;color:#1f2436}
.omnibox .ic{width:16px;height:16px}
.omni-host{flex:1;min-width:0;white-space:nowrap;overflow:hidden}
.omni-star{opacity:.7}
.chrome-avatar{width:24px;height:24px;margin:0 4px;border-radius:50%;background:#5a6ad6;color:#fff;font-size:12px;font-weight:650;display:grid;place-items:center}

/* Mini website inside the window */
.portal-viewport{flex:1;min-height:0;position:relative;container-type:size;overflow:hidden;background:#f1f2f7}
.mini-site{position:absolute;inset:0;display:grid;grid-template-rows:auto 1fr auto;padding:0 max(22px,5cqi);background:radial-gradient(ellipse at 100% 100%,#c9d1ff99,transparent 60%),#f1f2f7}
.mini-nav{display:flex;align-items:center;gap:24px;height:clamp(50px,11cqh,76px);border-bottom:1px solid #d9dce8}
.mini-brand{display:flex;align-items:center;gap:8px;font-weight:750;letter-spacing:-.05em;font-size:clamp(14px,1.5cqi,20px)}
.mini-brand svg{width:1.25em;height:1.25em;color:#5568d8}
.mini-links{margin-left:auto}
.mini-links .rv-in{display:flex;gap:clamp(14px,2.2cqi,32px);font-size:clamp(12px,1.05cqi,15px);color:#535c77}
.mini-pill{display:inline-block;padding:.55em 1.1em;border-radius:40px;background:#191d30;color:#fff;font-size:clamp(11px,1cqi,14px);font-weight:600}
.mini-hero{min-height:0;display:grid;grid-template-columns:1.1fr .9fr;gap:max(20px,4cqi);align-items:center;padding:clamp(14px,4cqh,40px) 0}
.mini-copy{min-width:0}
.mini-kicker{display:inline-block;font-size:clamp(10px,.95cqi,13px);color:#5a6391;background:#ffffffb3;border:1px solid #d5daf0;border-radius:30px;padding:.35em .9em}
.mini-title{margin-top:clamp(8px,2.2cqh,22px);font-weight:560;font-size:clamp(28px,min(5.4cqi,10.5cqh),96px);line-height:1;letter-spacing:-.055em;padding-bottom:.08em;color:#191d30}
.mini-title span{color:#5b6bd0}
.mini-lead{margin-top:clamp(8px,2.4cqh,22px);max-width:46ch;font-size:clamp(12px,min(1.3cqi,2.8cqh),19px);line-height:1.5;color:#4d536b}
.mini-actions{display:flex;align-items:center;gap:18px;margin-top:clamp(10px,3cqh,28px)}
.mini-actions .btn{min-height:0;padding:.75em 1.35em;font-size:clamp(12px,min(1.1cqi,2.4cqh),16px)}
.mini-ghost{font-size:clamp(12px,min(1.05cqi,2.3cqh),15px);font-weight:600;text-decoration:underline;text-underline-offset:4px;color:#2a3150}
.mini-art{position:relative;height:100%;min-height:0;max-height:min(62cqh,520px)}
.rv-photo,.rv-photo .rv-in,.mini-photo{height:100%}
.mini-photo{border-radius:clamp(12px,1.6cqi,22px);background:url(portal-bg.webp) center/cover,#dfe3f5;box-shadow:inset 0 0 0 1px #ffffff80,0 20px 60px #4a55c926}
.rv.float-a,.rv.float-b,.rv.float-c{position:absolute;z-index:2}
.float-a{left:-7%;top:14%}
.float-b{right:6%;top:-5%}
.float-c{right:-4%;bottom:10%}
.float-card{display:flex;align-items:center;gap:.8em;padding:.8em 1em;border-radius:14px;background:#fffffff2;box-shadow:0 14px 40px #1d23452e;font-size:clamp(10px,min(1cqi,2.2cqh),14px);color:#191d30;white-space:nowrap}
.float-card strong{display:block;font-weight:650}
.float-card small{display:block;color:#5d657b;font-size:.9em}
.live-dot{width:.7em;height:.7em;border-radius:50%;background:#2fb37d;box-shadow:0 0 0 .3em #2fb37d33}
.float-lang{gap:.2em;padding:.35em}
.float-lang b,.float-lang span{padding:.35em .75em;border-radius:9px;font-weight:650}
.float-lang b{background:#191d30;color:#fff}
.float-lang span{color:#5d657b}
.float-phone{flex-direction:column;align-items:stretch;gap:.35em;width:7.5em;padding:.9em}
.float-phone i{display:block;height:.45em;border-radius:4px;background:#dfe3f2}
.float-phone i:first-child{height:2.2em;background:linear-gradient(135deg,#c9d1ff,#cfeee8)}
.mini-prices{display:grid;grid-template-columns:repeat(3,1fr) 1.3fr;gap:max(14px,2.4cqi);align-items:end;padding:clamp(10px,2.6cqh,24px) 0 clamp(12px,3.2cqh,30px);border-top:1px solid #c7cbdb}
.mini-prices strong{display:block;font-weight:550;letter-spacing:-.045em;line-height:1.1;font-size:clamp(18px,min(2.4cqi,5.2cqh),40px)}
.mini-prices span{font-size:clamp(10px,min(.95cqi,2.1cqh),13px);color:#535c77}
.mini-note{font-size:clamp(9.5px,min(.85cqi,1.9cqh),12.5px);line-height:1.45;color:#535c77}

/* Scroll-linked build: wireframe blocks become the finished design. */
.rv{--r:clamp(0,calc((var(--p) - var(--d)) * 5),1);position:relative}
.rv:before{content:'';position:absolute;inset:0;border-radius:8px;background:repeating-linear-gradient(#d5d9e6 0 62%,transparent 62% 100%) 0 0/100% 1.35em;opacity:calc(1 - var(--r));pointer-events:none}
.rv-photo:before{background:#dde1ee;border-radius:clamp(12px,1.6cqi,22px)}
.rv-title:before{background-size:100% 1em}
.rv-in{opacity:var(--r);transform:translateY(calc((1 - var(--r)) * 14px))}
.float-a .rv-in,.float-b .rv-in,.float-c .rv-in{transform:translateY(calc((1 - var(--r)) * 22px)) scale(calc(.94 + var(--r) * .06))}
.float-a:before,.float-b:before,.float-c:before{border-radius:14px;background:#ffffff99}

@container (max-width:760px){
 .mini-links{display:none}
 .mini-pill{margin-left:auto}
 .mini-hero{grid-template-columns:1fr;align-content:start;gap:16px}
 .mini-art{height:clamp(90px,24cqh,220px)}
 .mini-title{font-size:clamp(28px,min(10.5cqi,8.2cqh),64px)}
 .mini-lead{font-size:clamp(12px,3.4cqi,16px)}
 .mini-actions .btn,.mini-ghost{font-size:13px}
 .mini-prices{grid-template-columns:repeat(3,1fr)}
 .rv-note{grid-column:1/-1}
 .mini-prices strong{font-size:clamp(17px,5cqi,26px)}
 .mini-prices span{font-size:11px}
 .mini-note{font-size:10.5px}
 .float-a{left:4%;top:auto;bottom:-10%}
 .float-c{display:none}
}
@media(max-height:760px) and (min-width:801px){.intro-heading{padding-top:22px}.intro-heading h1{font-size:clamp(3rem,5.2vw,4.6rem)}.intro-heading .label{margin-bottom:8px}.intro-lead{margin-top:10px;font-size:.95rem}.intro-heading .actions{margin-top:14px}.intro-heading .btn{min-height:44px;padding:10px 20px}.intro-price-line{margin-top:10px}}
@media(max-width:800px){.chrome-tabs,.chrome-toolbar>.ic:not(:first-child):not(:last-child),.omni-star{display:none}.chrome-toolbar{height:48px}.intro-heading{padding:34px 20px 0}.intro-heading h1{font-size:clamp(2.9rem,11vw,4.6rem)}.intro-lead{font-size:.93rem}.intro-bottom{left:20px;right:20px;font-size:.7rem}.intro-bottom>span:first-child{display:none}.intro-bottom{justify-content:center}.intro.motion-ready{height:210svh}.portal{height:560px}}
@media(max-width:500px){.intro-lead br{display:none}.intro-heading .actions .btn{font-size:.9rem;padding-inline:18px}.intro-price-line{font-size:.74rem}}
@media(prefers-reduced-motion:reduce){.scroll-track:before{animation:none}.intro.motion-ready{height:auto}}
.services-intro p{color:var(--muted);margin-top:27px;max-width:360px}.plan-intro{color:var(--muted);font-size:.925rem;margin-top:21px;min-height:76px}.featured .plan-intro{color:#525c75}
@media(max-width:800px){.services-intro p{max-width:600px}.plan-intro{min-height:0}}
.plan-extra{font-size:.78rem;color:var(--muted);margin-top:6px}.featured .plan-extra{color:#525c75}
.third-party{margin-top:46px;padding:32px;border:1px solid #424958;border-radius:13px;background:#171a22}.tp-head{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:26px}.tp-head .label{margin-bottom:14px}.tp-head h3{font-size:1.9rem;max-width:360px}.tp-head p{color:var(--muted);font-size:.9rem;max-width:560px}.tp-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:0 28px}.tp-list li{border-top:1px solid #3a404e;padding:16px 0}.tp-list li>div{display:flex;justify-content:space-between;gap:10px;align-items:baseline}.tp-list strong{font-weight:600;font-size:.95rem}.tp-tag{font-size:.7rem;color:var(--blue);white-space:nowrap}.tp-list p{font-size:.84rem;color:var(--muted);margin-top:6px}
.third-party.compact{margin:36px 0 10px;padding:24px}.compact .tp-head{display:block}.compact .tp-head p{margin-top:12px}.compact .tp-list{grid-template-columns:1fr 1fr}.editorial-body .third-party h3{margin:0}.editorial-body .tp-list{padding:0;color:inherit}.editorial-body .tp-list li{margin:0}.editorial-body .tp-list p{margin-bottom:0}
@media(max-width:1100px){.tp-list{grid-template-columns:1fr 1fr}}
@media(max-width:800px){.tp-head{display:block}.tp-head p{margin-top:14px}.third-party{padding:24px}}
@media(max-width:500px){.tp-list,.compact .tp-list{grid-template-columns:1fr}}
.intro-bottom>span:first-child{max-width:210px;line-height:1.4}
@container (max-width:760px){.mini-nav>.rv:last-child{margin-left:auto}}
.care-inline .care-price{font-size:2.25rem;color:var(--ink);margin:0}
@media(max-width:800px){.intro-bottom{display:none}}
.mini-links a,.mini-brand,.mini-ghost{color:inherit;text-decoration:none}.mini-links a:hover{color:#191d30;text-decoration:underline}.mini-ghost{text-decoration:underline}.mini-pill{text-decoration:none}.mini-pill:hover{background:#343d67}
.chrome-avatar{background:#111318}.chrome-avatar svg{width:13px;height:13px;color:var(--blue)}
.thumb-frame{position:absolute;left:0;top:0;width:1363px;height:936px;transform:scale(var(--thumb-scale,.4));transform-origin:0 0;pointer-events:none;background:#fff}.thumb-frame iframe{width:100%;height:100%;border:0;display:block}
.preview-viewport:has(.thumb-frame){cursor:pointer}
.dialog-tools{display:flex;align-items:center;gap:12px}.view-toggle{display:flex;border:1px solid #adb4c7;border-radius:30px;padding:3px}.view-toggle button{border:0;background:transparent;color:var(--ink);border-radius:30px;padding:7px 14px;font-size:.8rem;min-height:0}.view-toggle button[aria-pressed=true]{background:var(--ink);color:#fff}
.preview-dialog.is-live{height:92svh}.is-live .dialog-scroll{height:calc(92svh - 84px);max-height:none;overflow:hidden;padding:0;display:flex;justify-content:center;background:#d5dae8}
.live-wrap{position:relative;width:100%;height:100%;transition:width .25s}.live-wrap iframe{display:block;width:100%;height:100%;border:0;background:#fff;position:relative;z-index:1}.live-loading{position:absolute;inset:0;display:grid;place-items:center;color:#5a657f;font-size:.9rem;z-index:0}.live-wrap.loaded .live-loading{display:none}
.preview-dialog[data-view=mobile] .live-wrap{width:390px;max-width:100%;margin:18px 0;height:calc(100% - 36px);border-radius:22px;overflow:hidden;box-shadow:0 0 0 8px #191d30,0 20px 60px #0004}
.dialog-scroll img[hidden]{display:none}
.case-live{background:#e3e5ed;padding:22px;border-radius:12px}.case-live .preview-chrome{border-radius:8px 8px 0 0}.case-live iframe{display:block;width:100%;height:min(78svh,820px);border:0;background:#fff;box-shadow:0 15px 45px #0002}.case-live-note{margin-top:14px;font-size:.85rem;color:#59617a}
@media(max-width:800px){.dialog-head{flex-wrap:wrap}.view-toggle{display:none}.is-live .dialog-scroll{height:calc(92svh - 120px)}.case-live{padding:10px}.case-live iframe{height:70svh}}
.dialog-scroll{overscroll-behavior:contain}.dialog-scroll img{height:auto;border-radius:6px;box-shadow:0 10px 40px #1d234526}
.case-image{max-height:min(80svh,900px);overscroll-behavior:contain}.case-image img{height:auto}
/* ===== Before / blueprint / after wipe ===== */
.portal{--wa:100;--wb:100;--p:1}
.rv:before{content:none}
.rv-in{opacity:1;transform:none}
.float-a .rv-in,.float-b .rv-in,.float-c .rv-in{opacity:var(--r);transform:translateY(calc((1 - var(--r)) * 24px)) scale(calc(.9 + var(--r) * .1))}
.mini-site{clip-path:inset(0 0 0 0)}
.old-site,.bp-site{position:absolute;inset:0;pointer-events:none}
.old-site{clip-path:inset(0 0 0 calc(var(--wb) * 1%));background:#efe9d6 repeating-linear-gradient(45deg,#e6dfc8 0 6px,#efe9d6 6px 12px);font-family:'Times New Roman',Times,serif;color:#1a1a1a;display:flex;flex-direction:column;font-size:clamp(10px,min(1.15cqi,2.3cqh),16px);overflow:hidden}
.bp-site{clip-path:inset(0 calc((100 - var(--wb)) * 1%) 0 calc(var(--wa) * 1%));background:#16296b;background-image:linear-gradient(#ffffff14 1px,transparent 1px),linear-gradient(90deg,#ffffff14 1px,transparent 1px),linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:80px 80px,80px 80px,16px 16px,16px 16px}
.bp-site *{color:transparent!important;background:transparent!important;box-shadow:none!important;border-color:#a9b8ff66!important;text-decoration:none!important}
.bp-site svg{visibility:hidden}
.bp-site .mini-nav,.bp-site .mini-prices{border-color:#a9b8ffaa!important}
.bp-site .rv-in>*,.bp-site .mini-photo,.bp-site .float-card{outline:1.5px dashed #d4dcff;outline-offset:2px;border-radius:6px}
.bp-site .float-a .rv-in,.bp-site .float-b .rv-in,.bp-site .float-c .rv-in{opacity:1;transform:none}
.bp-site [data-bp]{position:relative}
.bp-site [data-bp]:after{content:attr(data-bp);position:absolute;left:0;top:-1.9em;font:600 11px/1.4 ui-monospace,Consolas,monospace;letter-spacing:.04em;color:#dfe5ff!important;background:#2b43a8!important;padding:.1em .5em;border-radius:3px;white-space:nowrap;text-transform:uppercase}
.bp-site .mini-photo:before{content:'';position:absolute;inset:0;background:linear-gradient(to top right,transparent calc(50% - .5px),#b9c6ff66 50%,transparent calc(50% + .5px)),linear-gradient(to top left,transparent calc(50% - .5px),#b9c6ff66 50%,transparent calc(50% + .5px))!important}
.bp-site .mini-photo{position:relative}
.wipe-line{position:absolute;top:0;bottom:0;left:calc(var(--wb) * 1%);width:3px;margin-left:-1.5px;background:#c8cfff;box-shadow:0 0 0 1px #5b6bd0,0 0 24px 4px #7f8dff99;opacity:0;pointer-events:none;z-index:5}
.portal.is-wiping .wipe-line{opacity:1}
.wipe-chip{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:8px;padding:7px 12px;border-radius:30px;background:#191d30;color:#fff;font:600 12px/1 'DM Sans',sans-serif;white-space:nowrap;box-shadow:0 10px 30px #0006}
.wipe-chip i{width:1px;height:12px;background:#ffffff55}
.wipe-chip em{font-style:normal;color:#aab2d4}
/* Old site styling */
.os-top{background:#000080;color:#ffff00;font:bold 1em Arial,sans-serif;padding:.35em 0;white-space:nowrap;overflow:hidden}
.os-top span{display:inline-block;padding-left:100%;animation:osmarquee 14s linear infinite}
@keyframes osmarquee{to{transform:translateX(-100%)}}
.os-head{display:flex;justify-content:space-between;align-items:center;padding:1em 1.6em;background:linear-gradient(#ffffff,#d9d2bb);border-bottom:3px double #7a6a3a}
.os-logo{font:bold 2.4em/1 'Comic Sans MS','Comic Sans',cursive;color:#b22222;text-shadow:2px 2px 0 #f4c542}
.os-logo small{font-size:.5em;color:#333;text-shadow:none}
.os-logo em{display:block;font:italic .38em Georgia,serif;color:#444;text-shadow:none;margin-top:.35em}
.os-phone{text-align:right;font:bold .95em Arial,sans-serif;color:#000}
.os-phone b{display:block;font-size:1.6em;color:#008000}
.os-nav{display:flex;gap:2px;padding:3px;background:#7a6a3a}
.os-nav span{flex:1;text-align:center;font:bold .85em Verdana,sans-serif;color:#fff;background:linear-gradient(#9c8a55,#5d5028);border:2px outset #c9b77f;padding:.45em 0}
.os-body{flex:1;min-height:0;display:grid;grid-template-columns:22% 1fr;gap:1em;padding:1em 1.6em}
.os-side{background:#fffbe6;border:2px ridge #b8a66b;padding:.8em;display:flex;flex-direction:column;gap:.45em;font-size:.95em}
.os-side b{font-family:Arial,sans-serif;color:#000080}
.os-side u{color:#0000ee;cursor:default}
.os-counter{margin-top:auto;background:#000;color:#0f0;font:.85em 'Courier New',monospace;padding:.4em;text-align:center}
.os-main{background:#fff;border:1px solid #999;padding:1em 1.2em;display:flex;flex-direction:column;gap:.8em;min-height:0;overflow:hidden}
.os-welcome{font:bold 2em 'Comic Sans MS','Comic Sans',cursive;color:#800080}
.os-row{display:flex;gap:1em;align-items:flex-start}
.os-photo{flex:none;width:34%;aspect-ratio:4/3;background:#c0c0c0;border:3px inset #888;display:grid;place-items:center;font:italic .85em Arial,sans-serif;color:#555}
.os-row p{margin:0;line-height:1.35;font-size:1.05em}
.os-construction{margin-top:auto;align-self:flex-start;background:repeating-linear-gradient(-45deg,#ffd400 0 10px,#111 10px 20px);padding:.35em;font:bold .9em Arial,sans-serif}
.os-construction:before{content:'';display:none}
.os-construction{color:#111;text-shadow:0 0 3px #ffd400,0 0 3px #ffd400}
.os-foot{text-align:center;font:.8em Arial,sans-serif;color:#555;padding:.5em;border-top:1px solid #b8a66b}
@container (max-width:760px){.old-site{font-size:clamp(9px,2.6cqi,13px)}.os-head{padding:.8em 1em}.os-logo{font-size:1.7em}.os-nav span:nth-child(n+5){display:none}.os-body{grid-template-columns:1fr;padding:.8em 1em}.os-side{display:none}.os-row{flex-direction:column}.os-photo{width:100%;aspect-ratio:16/7}}
/* Page load: address bar types, loading bar runs, old site paints in */
.load-bar{position:absolute;left:0;bottom:-1px;height:2px;width:0;background:#5b6bd0;opacity:0}
.chrome-toolbar{position:relative}
.portal.is-loading .load-bar{opacity:1;animation:loadbar 1.3s .6s cubic-bezier(.3,.7,.4,1) forwards}
@keyframes loadbar{0%{width:0;opacity:1}90%{width:100%;opacity:1}100%{width:100%;opacity:0}}
.portal.is-loading .old-site>*{opacity:0;animation:ospaint .35s ease forwards}
.portal.is-loading .os-top{animation-delay:1s}.portal.is-loading .os-head{animation-delay:1.15s}.portal.is-loading .os-nav{animation-delay:1.3s}.portal.is-loading .os-body{animation-delay:1.5s}.portal.is-loading .os-foot{animation-delay:1.7s}
@keyframes ospaint{to{opacity:1}}
.omni-host.typing:after{content:'';display:inline-block;width:1px;height:1em;background:#1f2436;margin-left:1px;vertical-align:-2px;animation:caret .8s steps(1) infinite}
@keyframes caret{50%{opacity:0}}
@media(prefers-reduced-motion:reduce){.os-top span{animation:none;padding-left:0}}
.bp-site .mini-nav[data-bp]:after,.bp-site .mini-photo[data-bp]:after,.bp-site .mini-prices[data-bp]:after{top:.6em;left:.6em}
@media(prefers-reduced-motion:reduce){.intro-bottom{display:none}}
