@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');

:root{--ink:#202338;--muted:#646779;--paper:#f5f5f2;--white:#fff;--line:#dedfe5;--purple:#6357e8;--purple-dark:#4d42c9;--lime:#19d9f2;--lavender:#e9e6ff;--bluegray:#e8eaf4;--radius:22px;--shadow:0 22px 70px rgba(36,37,65,.12);--shell:1160px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
img,svg{max-width:100%}
.shell{width:min(var(--shell),calc(100% - 56px));margin-inline:auto}
.skip-link{position:absolute;left:12px;top:-70px;padding:12px 18px;background:var(--ink);color:#fff;border-radius:10px;z-index:100}.skip-link:focus{top:12px}
.site-header{position:sticky;top:0;z-index:50;background:rgba(245,245,242,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(32,35,56,.08)}
.header-inner{height:86px;display:flex;align-items:center;justify-content:space-between;gap:26px}
.wordmark{display:inline-flex;align-items:center;gap:11px;font-family:Manrope,Arial,sans-serif;font-size:21px;font-weight:800;letter-spacing:-1.1px;line-height:1;flex:none}
.wordmark-light{font-weight:500;color:#77798d}
.wordmark small{display:block;margin-top:5px;font-family:'DM Sans',Arial,sans-serif;font-size:8px;font-weight:700;letter-spacing:1.7px;color:#8a8c9c}
.brand-mark{width:32px;height:32px;display:inline-flex;align-items:flex-end;gap:3px;padding:5px 6px;border-radius:10px;background:var(--purple);transform:rotate(-4deg)}
.brand-mark i{display:block;width:5px;border-radius:4px;background:white;transform:skew(-20deg)}.brand-mark i:nth-child(1){height:12px}.brand-mark i:nth-child(2){height:19px}.brand-mark i:nth-child(3){height:15px;background:var(--lime)}
.main-nav{display:flex;align-items:center;gap:clamp(14px,2.1vw,30px);margin-left:auto}
.main-nav a{font-size:13px;font-weight:600;color:#646779;transition:color .2s}.main-nav a:hover,.main-nav a.active{color:var(--ink)}.main-nav a.active{position:relative}.main-nav a.active:after{content:'';position:absolute;left:0;right:0;bottom:-8px;height:2px;background:var(--purple);border-radius:2px}
.header-actions{display:flex;align-items:center;gap:14px}.lang-switch{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-weight:800;font-size:11px;letter-spacing:.4px;transition:all .2s}.lang-switch:hover{border-color:var(--purple);color:var(--purple)}
.button{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:0 22px;border:1px solid var(--purple);border-radius:11px;background:var(--purple);color:white;font-size:14px;font-weight:700;box-shadow:0 7px 18px rgba(99,87,232,.18);transition:background .2s,transform .2s,box-shadow .2s}.button:hover{background:var(--purple-dark);transform:translateY(-2px);box-shadow:0 11px 24px rgba(99,87,232,.24)}.button span{font-size:17px}.button-small{min-height:42px;padding-inline:16px;font-size:12px;gap:9px}.button-quiet{background:transparent;color:var(--ink);border-color:#c8cad5;box-shadow:none}.button-quiet:hover{background:white;color:var(--purple);border-color:var(--purple);box-shadow:none}.button-light{background:var(--lime);border-color:var(--lime);color:var(--ink);box-shadow:none}.button-light:hover{background:#6be8f5;border-color:#6be8f5;color:var(--ink);box-shadow:none}
.menu-toggle{display:none;width:42px;height:42px;padding:10px;background:transparent;border:1px solid var(--line);border-radius:11px}.menu-toggle span{display:block;height:2px;margin:5px 0;background:var(--ink);border-radius:3px}
.eyebrow{margin:0 0 16px;color:#77798c;font-size:10px;font-weight:800;letter-spacing:1.8px;text-transform:uppercase}.eyebrow-pill{display:inline-flex;align-items:center;gap:10px;padding:9px 13px;border:1px solid rgba(99,87,232,.18);border-radius:50px;background:rgba(255,255,255,.72);color:#585b73;letter-spacing:1px}.status-dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:#8fae2e;box-shadow:0 0 0 4px rgba(214,239,104,.4)}
.hero-section{padding:86px 0 82px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:44px}.hero-copy{position:relative;z-index:2}.hero-copy h1,.page-hero h1{max-width:720px;margin:21px 0 18px;font-family:Manrope,Arial,sans-serif;font-size:clamp(46px,6.4vw,76px);font-weight:700;letter-spacing:-4.8px;line-height:1.05}.hero-lead,.page-lead{max-width:630px;margin:0;color:#626578;font-size:18px;line-height:1.7}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:31px}.hero-caption{display:flex;align-items:center;gap:12px;margin-top:44px;color:#77798b;font-size:12px}.caption-line{width:36px;height:1px;background:#aaa9bb}
.hero-art{position:relative;min-height:490px;display:grid;place-items:center}.hero-art:before{content:'';position:absolute;inset:7% 4%;border-radius:44% 56% 51% 49%/42% 44% 56% 58%;background:radial-gradient(circle at 63% 42%,#eeeaff 0,#e5e2ff 37%,rgba(233,230,255,.1) 71%);transform:rotate(-11deg)}.art-orbit{position:absolute;border:1px solid rgba(99,87,232,.22);border-radius:50%;transform:rotate(-18deg)}.orbit-one{width:455px;height:230px}.orbit-two{width:380px;height:335px;transform:rotate(45deg);border-color:rgba(32,35,56,.11)}
.browser-card{position:relative;width:min(390px,80%);min-height:300px;border:1px solid rgba(32,35,56,.14);border-radius:17px;background:#fff;overflow:hidden;box-shadow:var(--shadow);transform:rotate(-5deg);z-index:1}.browser-top{height:38px;display:flex;align-items:center;gap:5px;padding:0 14px;background:#f0f0f4;border-bottom:1px solid #e4e5eb}.browser-top>span{width:7px;height:7px;border-radius:50%;background:#c3c4cf}.browser-top>span:first-child{background:#e9a69d}.browser-top>span:nth-child(2){background:#39c9ee}.browser-top>span:nth-child(3){background:#a9cb88}.browser-top i{margin-left:auto;color:#9b9caf;font-size:9px;font-style:normal}.browser-body{padding:19px 24px}.browser-brand{display:flex;align-items:center;justify-content:space-between;color:#33364b;font-size:11px}.browser-brand b{font-family:Manrope,sans-serif;font-size:13px}.browser-brand>span{color:#73758a;font-size:16px}.browser-heading{margin-top:35px}.browser-heading em{display:block;width:82%;height:10px;margin:7px 0;border-radius:6px;background:#34374c}.browser-heading em:nth-child(2){width:61%;background:#787a8e}.browser-heading em:nth-child(3){width:48%;height:7px;background:#b9bac6}.browser-sublines{margin-top:14px}.browser-sublines i{display:block;width:72%;height:4px;margin:6px 0;border-radius:5px;background:#d1d2d9}.browser-sublines i:last-child{width:55%}.browser-cta{width:85px;height:24px;margin-top:17px;border-radius:6px;background:var(--purple)}.browser-bottom{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:24px}.browser-bottom b{height:46px;border-radius:8px;background:#f0efff}.browser-bottom b:nth-child(2){background:#f3f4eb}.browser-bottom b:nth-child(3){background:#f0f0f5}
.art-note{position:absolute;z-index:2;padding:11px 14px;border:1px solid rgba(32,35,56,.1);border-radius:12px;background:rgba(255,255,255,.92);box-shadow:0 9px 28px rgba(36,37,65,.08);font-size:11px;font-weight:700}.art-note span{display:inline-grid;place-items:center;width:22px;height:22px;margin-right:7px;border-radius:7px;background:var(--lavender);color:var(--purple);font-size:9px}.note-top{top:16%;right:1%}.note-bottom{bottom:9%;left:0;line-height:2.7}.art-stamp{position:absolute;right:2%;bottom:17%;z-index:2;display:flex;align-items:center;gap:10px;padding:11px 15px;border-radius:50px;background:var(--lime);font-size:10px;font-weight:800;transform:rotate(6deg)}.art-stamp span{font-size:18px}
.trust-strip{border-block:1px solid var(--line);background:#eeeeea}.trust-items{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:18px}.trust-items span{display:flex;align-items:center;gap:9px;color:#626578;font-size:11px;font-weight:700}.trust-items span:before{content:'✓';width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:var(--lime);color:#424a25;font-size:11px}
.section{padding:104px 0}.section-tight{padding-top:32px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:35px}.section-heading h2,.honesty-grid h2,.faq-layout h2,.portfolio-note h2,.closing-inner h2,.scope-callout h2,.about-content h2,.faq-aside h2{max-width:630px;margin:0;font-family:Manrope,Arial,sans-serif;font-size:clamp(30px,4vw,48px);font-weight:700;letter-spacing:-2.2px;line-height:1.12}.section-heading>p{max-width:365px;margin:0 0 4px;color:var(--muted);font-size:14px}.service-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:14px}.service-tile{position:relative;min-height:250px;padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;transition:transform .22s,border .22s,box-shadow .22s}.service-tile:hover{transform:translateY(-5px);border-color:#c5c0fb;box-shadow:0 17px 40px rgba(38,39,69,.08)}.tile-large{background:var(--lavender);border-color:transparent}.tile-index{position:absolute;right:20px;top:20px;color:#8b8c9a;font-size:10px;font-weight:700;letter-spacing:1px}.tile-icon{width:40px;height:40px;display:grid;place-items:center;margin:17px 0 24px;border-radius:12px;background:#f0efff;color:var(--purple);font-size:19px}.tile-large .tile-icon{background:#fff;color:var(--purple)}.service-tile h3{margin:0 0 7px;font-family:Manrope,sans-serif;font-size:18px;letter-spacing:-.4px}.service-tile p{max-width:300px;margin:0;color:var(--muted);font-size:13px}.tile-arrow{position:absolute;right:23px;bottom:20px;color:var(--purple);font-size:20px}.note-inline{margin:19px 0 0;color:#77798a;font-size:12px}
.process-section{background:#eeeff2}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #d6d7de}.process-step{min-height:165px;display:flex;gap:17px;padding:22px 19px 10px 0;border-right:1px solid #d6d7de}.process-step:not(:first-child){padding-left:20px}.process-step:last-child{border-right:0}.step-no{color:var(--purple);font-size:11px;font-weight:800;letter-spacing:1px}.process-step h3{margin:0 0 8px;font-family:Manrope,sans-serif;font-size:16px;letter-spacing:-.3px}.process-step p{margin:0;color:var(--muted);font-size:12px;line-height:1.7}
.pricing-section{background:#fff}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.price-card{padding:25px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.price-card.featured{border-color:#bdb8fa;background:#f8f7ff;box-shadow:0 12px 34px rgba(99,87,232,.08)}.price-top{display:flex;justify-content:space-between;align-items:center}.price-top .eyebrow{margin:0}.price-from{color:#7c7d8e;font-size:11px}.price-card h3{margin:28px 0 6px;font-family:Manrope,sans-serif;font-size:19px;letter-spacing:-.5px}.price-card>p{min-height:45px;margin:0;color:var(--muted);font-size:12px}.price-amount{margin:15px 0 20px;font-family:Manrope,sans-serif;font-size:32px;font-weight:800;letter-spacing:-1.4px}.price-amount span{font-size:16px;color:var(--purple)}.text-link{display:inline-flex;align-items:center;gap:8px;color:var(--purple);font-size:12px;font-weight:800}.text-link:hover{text-decoration:underline;text-underline-offset:4px}.center-action{text-align:center;margin-top:26px}
.honesty-section{padding-top:88px;padding-bottom:88px}.honesty-grid{display:grid;grid-template-columns:190px 1fr;align-items:center;gap:60px}.honesty-grid h2{max-width:680px}.honesty-grid .section-lead{max-width:650px;color:var(--muted);font-size:16px}.honesty-mark{position:relative;width:160px;height:160px;display:grid;place-items:center;border:1px solid #dadbe3;border-radius:45% 55% 50% 50%;background:#eeeff2;transform:rotate(-8deg)}.honesty-mark span{color:var(--purple);font-family:Manrope,sans-serif;font-size:69px;font-weight:800;letter-spacing:-8px}.honesty-mark i{position:absolute;right:-5px;top:3px;width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:var(--lime);font-style:normal;font-size:19px;transform:rotate(15deg)}
.no-portfolio{padding-top:40px;padding-bottom:90px}.portfolio-note{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:35px 40px;border:1px solid #dedee8;border-radius:var(--radius);background:var(--lavender)}.portfolio-note h2{font-size:clamp(24px,3vw,36px)}.portfolio-note p:not(.eyebrow){max-width:660px;margin:12px 0 0;color:#626578;font-size:13px}
.faq-section{padding-top:90px;background:#eeeff2}.faq-layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:90px}.faq-layout h2{margin-bottom:23px}.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-item summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;cursor:pointer;font-family:Manrope,sans-serif;font-size:15px;font-weight:700}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary span{width:27px;height:27px;display:grid;place-items:center;border:1px solid #d5d5e0;border-radius:50%;color:var(--purple);font-size:17px;font-weight:500;transition:transform .2s}.faq-item[open] summary span{transform:rotate(45deg)}.faq-item p{max-width:640px;margin:-5px 36px 20px 0;color:var(--muted);font-size:13px;line-height:1.75}
.closing-cta{padding:74px 0;background:var(--ink);color:white}.closing-inner{position:relative}.closing-inner:after{content:'W';position:absolute;right:3%;top:-35px;color:rgba(255,255,255,.035);font-family:Manrope,sans-serif;font-size:230px;font-weight:800;line-height:1}.closing-inner .eyebrow{color:#aaa9bd}.closing-inner h2{max-width:640px;margin:0 0 12px;font-family:Manrope,sans-serif;font-size:clamp(34px,5vw,54px);letter-spacing:-2.5px;line-height:1.1}.closing-inner>p:not(.eyebrow){max-width:550px;margin:0 0 25px;color:#c5c5d1;font-size:14px}.closing-inner .button{position:relative;z-index:1}
.site-footer{background:#191b2c;color:white}.footer-main{display:grid;grid-template-columns:1.3fr .7fr 1fr;gap:70px;padding-top:55px;padding-bottom:45px}.footer-mark{color:white}.footer-mark .wordmark-light{color:#babac8}.footer-copy{max-width:350px;margin:20px 0 0;color:#b1b2c0;font-size:12px}.footer-nav{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.footer-nav .eyebrow{margin:0 0 7px;color:#9798a9}.footer-nav a{color:#dadbe3;font-size:12px}.footer-nav a:hover{color:var(--lime)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding:16px 0;border-top:1px solid rgba(255,255,255,.12);color:#9e9faf;font-size:10px}
.page-hero{padding:90px 0 56px}.page-hero h1{max-width:760px;margin:18px 0 16px;font-size:clamp(44px,6vw,68px)}.page-lead{max-width:720px;font-size:17px}.service-detail-list{border-top:1px solid var(--line)}.service-detail{display:grid;grid-template-columns:70px 1fr 150px;gap:20px;align-items:start;padding:34px 0;border-bottom:1px solid var(--line);scroll-margin-top:100px}.detail-number{color:var(--purple);font-size:12px;font-weight:800}.detail-content h2{margin:0 0 9px;font-family:Manrope,sans-serif;font-size:27px;letter-spacing:-1px}.detail-lead{max-width:650px;margin:0 0 17px;color:var(--muted);font-size:14px}.check-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 20px;list-style:none;margin:0;padding:0}.check-list li{position:relative;padding-left:19px;color:#55586c;font-size:12px}.check-list li:before{content:'✓';position:absolute;left:0;color:#7f9826;font-weight:800}.service-detail>.text-link{margin-top:5px}.scope-callout{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:40px;padding:30px;border-radius:var(--radius);background:#eeeff2}.scope-callout h2{font-size:30px}.scope-callout p{max-width:700px;margin:10px 0 0;color:var(--muted);font-size:13px}
.price-grid-detailed .price-card{padding:28px}.price-grid-detailed .price-card h3{font-size:21px}.price-grid-detailed .price-card>p{min-height:auto}.price-grid-detailed .price-amount{margin:16px 0 24px;font-size:38px}.price-grid-detailed .price-card h4{margin:0 0 12px;font-size:12px}.price-grid-detailed .check-list{grid-template-columns:1fr;gap:9px;min-height:170px}.price-grid-detailed .text-link{margin-top:23px}.price-disclaimer{max-width:900px;margin:23px auto;color:#66697a;text-align:center;font-size:12px}.pricing-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:34px;padding:24px;border:1px solid var(--line);border-radius:16px;background:#fff}.pricing-bottom .eyebrow{max-width:620px;margin:0}
.about-grid{display:grid;grid-template-columns:300px 1fr;gap:80px}.about-aside{align-self:start;position:sticky;top:120px;padding:24px;border-radius:var(--radius);background:#eeeff2}.about-monogram{width:145px;height:145px;display:grid;place-items:center;border-radius:50%;background:var(--purple);color:white;font-family:Manrope,sans-serif;font-size:45px;font-weight:800;letter-spacing:-4px}.about-aside p{margin:19px 0 0;font-size:12px;font-weight:800;letter-spacing:1.2px}.about-aside p span{font-size:9px;color:#77798b;font-weight:600;letter-spacing:.7px}.about-content article{padding:0 0 32px;margin:0 0 35px;border-bottom:1px solid var(--line)}.about-content h2{margin-bottom:13px;font-size:32px}.about-content article>p:last-child{max-width:730px;margin:0;color:var(--muted);font-size:15px}.value-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;list-style:none;margin:0 0 48px;padding:0}.value-list li{display:flex;align-items:center;gap:10px;padding:13px;border:1px solid var(--line);border-radius:12px;background:white;font-size:12px;font-weight:700}.value-list li span{color:var(--purple)}.future-work{padding:28px;border-radius:var(--radius);background:#eeeff2}.future-work h2{font-size:27px}.future-work p{margin:10px 0 0;color:var(--muted);font-size:13px}
.faq-page-layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:75px}.faq-aside{align-self:start;position:sticky;top:115px}.faq-symbol{box-sizing:border-box;width:76px;height:76px;flex:0 0 76px;display:grid;place-items:center;margin-bottom:25px;border-radius:24px;background:var(--lavender);color:var(--purple);font-family:Manrope,sans-serif;font-size:48px;font-weight:700}.faq-aside h2{font-size:29px;margin-bottom:18px}.faq-list-large .faq-item summary{padding:24px 0;font-size:16px}.faq-list-large .faq-item p{font-size:14px}
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:25px;align-items:start}.contact-panel,.form-panel{padding:30px;border:1px solid var(--line);border-radius:var(--radius);background:white}.contact-panel>.eyebrow{margin-bottom:20px}.contact-line{display:flex;align-items:center;gap:15px;padding:14px 0;border-bottom:1px solid #ebebef}.contact-line>span:first-child{width:39px;height:39px;display:grid;place-items:center;border-radius:12px;background:#f0efff;color:var(--purple);font-size:17px}.contact-line>span:last-child{font-size:13px;font-weight:700}.contact-line small{display:block;margin-top:2px;color:#87899a;font-size:10px;font-weight:500}.contact-note{display:flex;gap:11px;margin-top:24px;padding:14px;border-radius:12px;background:#f6f6f2}.contact-note .status-dot{flex:none;margin-top:7px}.contact-note p{margin:0;color:#717385;font-size:11px}.form-panel form>label,.form-row label{display:flex;flex-direction:column;gap:7px;margin-bottom:17px;color:#45485c;font-size:12px;font-weight:700}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-panel input:not([type=checkbox]),.form-panel select,.form-panel textarea{width:100%;min-height:47px;padding:11px 13px;border:1px solid #d9dae2;border-radius:9px;outline:none;background:#fff;color:var(--ink);font-size:13px;font-weight:400;transition:border .2s,box-shadow .2s}.form-panel textarea{resize:vertical}.form-panel input:focus,.form-panel select:focus,.form-panel textarea:focus{border-color:var(--purple);box-shadow:0 0 0 3px rgba(99,87,232,.12)}.form-panel input::placeholder,.form-panel textarea::placeholder{color:#a1a2ae}.consent{display:flex;align-items:flex-start;gap:9px;margin:7px 0 18px;color:#696b7b;font-size:11px;font-weight:500;line-height:1.5}.consent input{accent-color:var(--purple);margin-top:2px}.form-submit{width:100%;cursor:pointer}.form-footnote{margin:12px 0 0;color:#8a8c9a;font-size:10px;line-height:1.55}.honeypot{position:absolute!important;left:-5000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}.thanks-section{min-height:65vh;display:grid;place-items:center;padding:60px 0}.thanks-card{max-width:650px;text-align:center;padding:50px 35px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}.thanks-icon{width:56px;height:56px;display:grid;place-items:center;margin:0 auto 24px;border-radius:50%;background:var(--lime);font-size:25px}.thanks-card h1{margin:0 0 11px;font-family:Manrope,sans-serif;font-size:42px;letter-spacing:-2px}.thanks-card>p:not(.eyebrow){color:var(--muted);margin:0 0 25px}.not-found{min-height:65vh;display:grid;place-items:center;text-align:center}
@media(max-width:1000px){.main-nav{gap:13px}.main-nav a{font-size:11px}.header-inner{gap:14px}.header-actions{gap:8px}.header-actions .button{padding-inline:12px}.hero-grid{gap:20px}.hero-art{min-height:420px}.orbit-one{width:390px}.orbit-two{width:340px}.faq-layout,.faq-page-layout{gap:45px}.about-grid{gap:50px}.footer-main{gap:35px}}
@media(max-width:800px){.shell{width:min(var(--shell),calc(100% - 38px))}.header-inner{height:74px}.main-nav{position:fixed;inset:74px 0 auto;display:none;flex-direction:column;align-items:stretch;gap:0;padding:15px 22px 22px;border-bottom:1px solid var(--line);background:var(--paper);box-shadow:0 20px 30px rgba(34,35,56,.08)}.main-nav.is-open{display:flex}.main-nav a{padding:13px 4px;border-bottom:1px solid #e6e6eb;font-size:14px}.main-nav a.active:after{display:none}.menu-toggle{display:block}.header-actions .button{display:none}.hero-section{padding:55px 0 48px}.hero-grid{grid-template-columns:1fr}.hero-copy h1{max-width:620px;font-size:clamp(44px,9vw,67px)}.hero-art{min-height:385px;margin-top:4px}.browser-card{width:min(380px,74%)}.trust-items{justify-content:flex-start;flex-wrap:wrap;padding-block:17px}.trust-items span{width:calc(50% - 10px)}.section{padding:75px 0}.section-heading{align-items:flex-start;flex-direction:column;gap:14px}.section-heading>p{max-width:620px}.service-grid{grid-template-columns:1fr 1fr}.tile-large{grid-column:span 2}.process-grid{grid-template-columns:1fr 1fr}.process-step:nth-child(2){border-right:0}.process-step:nth-child(3){padding-left:0;border-top:1px solid #d6d7de}.process-step:nth-child(4){border-top:1px solid #d6d7de}.price-grid{grid-template-columns:1fr}.price-card>p{min-height:0}.price-card{padding:22px}.honesty-grid{grid-template-columns:100px 1fr;gap:25px}.honesty-mark{width:94px;height:94px}.honesty-mark span{font-size:44px;letter-spacing:-5px}.honesty-mark i{width:31px;height:31px;font-size:14px}.portfolio-note{align-items:flex-start;flex-direction:column;padding:27px}.faq-layout,.faq-page-layout{grid-template-columns:1fr;gap:30px}.faq-layout>div:first-child{display:flex;align-items:flex-end;justify-content:space-between;gap:15px}.faq-layout h2{font-size:34px}.footer-main{grid-template-columns:1fr 1fr}.footer-main>div:first-child{grid-column:span 2}.about-grid{grid-template-columns:190px 1fr;gap:30px}.about-monogram{width:120px;height:120px}.contact-grid{grid-template-columns:1fr}.contact-panel{order:2}.form-panel{order:1}.page-hero{padding:62px 0 40px}.service-detail{grid-template-columns:45px 1fr;gap:10px}.service-detail>.text-link{grid-column:2}.scope-callout{align-items:flex-start;flex-direction:column}.price-grid-detailed .check-list{min-height:0}.pricing-bottom{align-items:flex-start;flex-direction:column}}
@media(max-width:540px){body{font-size:15px}.shell{width:calc(100% - 32px)}.wordmark{font-size:19px}.brand-mark{width:29px;height:29px}.header-actions{gap:8px}.lang-switch{width:35px;height:35px}.hero-section{padding-top:39px}.hero-copy h1{font-size:43px;letter-spacing:-2.8px}.hero-lead,.page-lead{font-size:15px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .button{width:100%}.hero-caption{margin-top:29px}.hero-art{min-height:315px}.browser-card{width:76%;min-height:250px}.browser-body{padding:14px 17px}.browser-heading{margin-top:25px}.browser-bottom{margin-top:18px}.orbit-one{width:300px;height:190px}.orbit-two{width:270px;height:250px}.art-note{font-size:9px;padding:8px 9px}.note-top{top:8%;right:-2%}.note-bottom{left:-2%;bottom:3%}.art-stamp{right:-1%;bottom:13%;font-size:8px}.trust-items span{width:100%;font-size:10px}.section{padding:62px 0}.section-heading h2,.honesty-grid h2,.faq-layout h2,.portfolio-note h2,.closing-inner h2{font-size:32px;letter-spacing:-1.5px}.service-grid{grid-template-columns:1fr}.tile-large{grid-column:auto}.service-tile{min-height:210px}.process-grid{grid-template-columns:1fr}.process-step,.process-step:not(:first-child){min-height:auto;padding:19px 0;border-right:0;border-top:1px solid #d6d7de}.process-step:first-child{border-top:0}.honesty-grid{grid-template-columns:1fr;gap:22px}.honesty-mark{width:86px;height:86px}.portfolio-note{padding:24px}.faq-layout>div:first-child{align-items:flex-start;flex-direction:column}.closing-cta{padding:60px 0}.closing-inner:after{font-size:150px;right:-2%;top:0}.footer-main{grid-template-columns:1fr;gap:31px;padding-top:39px}.footer-main>div:first-child{grid-column:auto}.footer-bottom{flex-direction:column;gap:5px}.page-hero{padding:48px 0 30px}.page-hero h1{font-size:43px;letter-spacing:-2.7px}.service-detail{grid-template-columns:32px 1fr;padding:27px 0}.detail-content h2{font-size:23px}.check-list{grid-template-columns:1fr}.about-grid{grid-template-columns:1fr}.about-aside{position:static;display:flex;align-items:center;gap:18px;padding:17px}.about-monogram{width:64px;height:64px;font-size:24px;letter-spacing:-2px}.about-aside p{margin:0}.about-content h2{font-size:27px}.value-list{grid-template-columns:1fr}.faq-aside{position:static}.faq-symbol{width:58px;height:58px;flex:0 0 58px;font-size:35px}.contact-panel,.form-panel{padding:21px}.form-row{grid-template-columns:1fr;gap:0}.thanks-card{padding:37px 20px}.thanks-card h1{font-size:34px}.pricing-bottom .button{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Web Forge visual refresh: vivid, editorial, and still easy to scan. */
:root{--ink:#16172b;--muted:#666981;--paper:#f7f7fb;--white:#fff;--line:#e1e2ec;--purple:#6548ff;--purple-dark:#4c32db;--lime:#19d9f2;--lavender:#eeeaff;--bluegray:#e5e9ff;--radius:25px;--shadow:0 24px 70px rgba(25,22,72,.14)}
body{background:radial-gradient(ellipse at 90% 4%,rgba(101,72,255,.07),transparent 27%),var(--paper)}
.site-header{background:rgba(18,19,42,.96);border-bottom:1px solid rgba(255,255,255,.12);color:#fff}
.wordmark{color:#fff}.wordmark-light{color:#c7c6da}.wordmark small{color:#a6a6c2}.brand-mark{background:var(--lime);box-shadow:0 5px 20px rgba(25,217,242,.18)}.brand-mark i{background:#17182e}.brand-mark i:nth-child(3){background:var(--purple)}
.main-nav a{color:#c8c8dc}.main-nav a:hover,.main-nav a.active{color:#fff}.main-nav a.active:after{background:var(--lime)}
.lang-switch{border-color:rgba(255,255,255,.26);color:#fff}.lang-switch:hover{border-color:var(--lime);color:var(--lime)}
.button{border-radius:14px;font-size:14px;font-weight:800;box-shadow:0 9px 25px rgba(101,72,255,.28)}.button-light{background:var(--lime);border-color:var(--lime);color:#17182e;box-shadow:0 9px 24px rgba(25,217,242,.12)}
.hero-section{position:relative;isolation:isolate;padding:94px 0 86px;overflow:hidden;background:radial-gradient(ellipse at 77% 49%,rgba(101,72,255,.38),transparent 36%),radial-gradient(ellipse at 8% 110%,rgba(27,190,220,.14),transparent 35%),#11132d;color:#fff}
.hero-section:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.18) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(90deg,transparent 0,#000 60%,#000)}
.hero-copy h1{max-width:760px;color:#fff;font-size:clamp(50px,7vw,86px);letter-spacing:-5.5px;line-height:.99}.hero-lead{color:#c7c9dc}.hero-caption{color:#c4c5d7}.caption-line{background:var(--lime)}
.eyebrow-pill{border-color:rgba(25,217,242,.4);background:rgba(255,255,255,.07);color:#e7e8f6}.hero-section .status-dot{background:var(--lime);box-shadow:0 0 0 4px rgba(25,217,242,.15)}
.hero-art:before{background:radial-gradient(circle at 55% 46%,rgba(113,84,255,.5),rgba(59,49,150,.22) 40%,transparent 72%)}.art-orbit{border-color:rgba(25,217,242,.36)}.orbit-two{border-color:rgba(255,255,255,.18)}
.browser-card{border-color:rgba(255,255,255,.3);box-shadow:0 30px 90px rgba(0,0,0,.35);animation:forge-float 6s ease-in-out infinite}.browser-top{background:#22243f;border-color:#363856}.browser-top>span{opacity:.9}.browser-top i{color:#c7c8da}.browser-brand{color:#292b43}.browser-cta{background:var(--purple)}.browser-bottom b:nth-child(2){background:#d5f8ff}.art-note{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.96);box-shadow:0 14px 38px rgba(0,0,0,.2)}.art-note span{background:#eeebff;color:var(--purple)}.art-stamp{background:var(--lime);box-shadow:0 9px 27px rgba(25,217,242,.18)}
.trust-strip{background:var(--lime);border-color:var(--lime)}.trust-items span{color:#22233a}.trust-items span:before{background:#22233a;color:var(--lime)}
.section-heading h2,.honesty-grid h2,.faq-layout h2,.portfolio-note h2,.closing-inner h2,.scope-callout h2,.about-content h2,.faq-aside h2{letter-spacing:-2.5px}
.service-tile{border-color:#e3e3ed;background:linear-gradient(145deg,#fff,#fbfbff);box-shadow:0 8px 24px rgba(30,31,70,.035)}.tile-large{background:linear-gradient(145deg,#eae6ff,#f7f4ff);border-color:#ded8ff}.tile-icon{background:#ece8ff;color:var(--purple)}.service-tile:hover{border-color:var(--purple);box-shadow:0 20px 45px rgba(60,44,171,.13)}
.process-step{position:relative}.process-number,.step-number{color:var(--purple)}
.price-card{border:1px solid #e0e0eb;border-radius:25px;box-shadow:0 12px 32px rgba(35,32,85,.06)}.price-card.featured{border-color:#201d45;background:linear-gradient(145deg,#1d1c3e,#13152c);color:#fff;box-shadow:0 22px 56px rgba(25,22,72,.24);transform:translateY(-8px)}.price-card.featured p,.price-card.featured li,.price-card.featured .price-from{color:#cbcce0}.price-card.featured .price-amount{color:var(--lime)}.price-card.featured .check-list li:before{color:var(--lime)}.price-card.featured .button-quiet{color:#fff;border-color:rgba(255,255,255,.35)}
.portfolio-note{border:1px solid #ddd8ff;background:linear-gradient(110deg,#efedff,#fff)}.honesty-mark{background:linear-gradient(145deg,#ded9ff,#f6f4ff)}
.faq-item{border-color:#dedfe9}.faq-item summary{font-weight:750}.faq-item summary span{color:var(--purple)}
.page-hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 85% 30%,rgba(101,72,255,.32),transparent 38%),#11132d;color:#fff}.page-hero:after{content:"";position:absolute;width:310px;height:310px;right:-70px;top:-140px;border:1px solid rgba(25,217,242,.25);border-radius:50%;box-shadow:0 0 0 28px rgba(25,217,242,.025),0 0 0 58px rgba(255,255,255,.025);pointer-events:none}.page-hero .eyebrow{color:#dddafc}.page-hero .page-lead{color:#c7c9dc}.page-hero h1{color:#fff;letter-spacing:-4px}
.service-detail{border-top-color:#dbdce8}.detail-index{color:var(--purple)}.check-list li:before{color:#4c7b00}
.contact-panel,.form-panel,.thanks-card{border-color:#e3e3ed;box-shadow:0 12px 38px rgba(32,28,86,.06)}.contact-line>span:first-child{background:#efedff;color:var(--purple)}
.closing-cta{background:radial-gradient(ellipse at 80% 30%,rgba(120,102,255,.38),transparent 35%),#11132d;color:#fff}.closing-inner h2{color:#fff}.closing-inner>p{color:#c7c9dc}.closing-inner:after{color:rgba(25,217,242,.09)}
.site-footer{background:#0e1026;color:#fff}.site-footer .footer-copy,.site-footer .footer-nav a,.site-footer .footer-bottom{color:#b7b9ce}.site-footer .footer-nav a:hover{color:var(--lime)}.site-footer .wordmark-light{color:#b7b9ce}.site-footer .wordmark small{color:#999bb8}.site-footer .footer-bottom{border-top-color:rgba(255,255,255,.13)}
@keyframes forge-float{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-12px) rotate(-3.5deg)}}
@media(max-width:800px){.main-nav{background:#11132d;border-bottom-color:rgba(255,255,255,.14)}.main-nav a{color:#d7d7e8;border-bottom-color:rgba(255,255,255,.12)}.main-nav a:hover,.main-nav a.active{color:var(--lime)}.price-card.featured{transform:none}}
@media(max-width:540px){.hero-section{padding:57px 0 50px}.hero-copy h1{font-size:clamp(43px,12vw,58px);letter-spacing:-3.2px}.hero-art{min-height:330px}.page-hero h1{letter-spacing:-2.8px}}
@media(prefers-reduced-motion:reduce){.browser-card{animation:none}}

/* Web Forge Apple-inspired pass: spacious, product-led, and crisp. */
:root{--ink:#1d1d1f;--muted:#6e6e73;--paper:#fff;--white:#fff;--line:#d2d2d7;--purple:#0071e3;--purple-dark:#005bb5;--lime:#19d9f2;--lavender:#f5f5f7;--bluegray:#edf4ff;--radius:28px;--shadow:0 24px 70px rgba(0,0,0,.11)}
body{background:#fff;color:#1d1d1f;font-family:-apple-system,BlinkMacSystemFont,'DM Sans',Arial,sans-serif;font-size:17px}
.site-header{background:rgba(255,255,255,.9);border-bottom:1px solid rgba(0,0,0,.08);color:#1d1d1f}
.wordmark{color:#1d1d1f}.wordmark-light{color:#6e6e73}.wordmark small{color:#86868b}.brand-mark{background:#1d1d1f;box-shadow:none}.brand-mark i{background:white}.brand-mark i:nth-child(3){background:#5ac8fa}
.main-nav a{color:#515154}.main-nav a:hover,.main-nav a.active{color:#0071e3}.main-nav a.active:after{background:#0071e3}
.lang-switch{border-color:#d2d2d7;color:#1d1d1f}.lang-switch:hover{border-color:#0071e3;color:#0071e3}
.button{background:#0071e3;border-color:#0071e3;border-radius:999px;box-shadow:none;font-weight:650}.button:hover{background:#005bb5;border-color:#005bb5;box-shadow:none}.button-quiet{background:transparent;color:#0071e3;border-color:#0071e3}.button-quiet:hover{background:#0071e3;color:#fff}.button-light{background:#19d9f2;border-color:#19d9f2;color:#1d1d1f}
.hero-section{background:linear-gradient(180deg,#fff 0%,#fbfbfd 100%);color:#1d1d1f;padding:92px 0 88px}.hero-section:before{opacity:.22;background-image:radial-gradient(rgba(0,113,227,.2) .8px,transparent .8px);background-size:22px 22px;mask-image:radial-gradient(ellipse at 85% 45%,#000,transparent 68%)}
.hero-copy h1{color:#1d1d1f;max-width:720px;font-size:clamp(54px,7vw,88px);font-weight:700;letter-spacing:-5px;line-height:.98}.hero-lead{color:#6e6e73;font-size:20px;line-height:1.55}.hero-caption{color:#6e6e73}.caption-line{background:#0071e3}.eyebrow-pill{border-color:#d2e5ff;background:#f5faff;color:#305f91}.hero-section .status-dot{background:#0071e3;box-shadow:0 0 0 4px rgba(0,113,227,.12)}
.hero-art:before{inset:2% 1%;background:radial-gradient(circle at 52% 42%,#c5e7ff 0,#e5f3ff 38%,rgba(255,255,255,0) 72%);transform:rotate(-5deg)}.art-orbit{border-color:rgba(0,113,227,.18)}.orbit-two{border-color:rgba(29,29,31,.1)}.browser-card{border:1px solid rgba(29,29,31,.08);box-shadow:0 25px 65px rgba(30,50,90,.16);animation:forge-float 7s ease-in-out infinite}.browser-top{background:#f5f5f7;border-color:#e5e5e7}.browser-brand{color:#1d1d1f}.browser-cta{background:#0071e3}.browser-bottom b{background:#eaf4ff}.browser-bottom b:nth-child(2){background:#d5f8ff}.art-note{border-color:#e5e5ea;background:rgba(255,255,255,.96);box-shadow:0 12px 35px rgba(0,0,0,.1)}.art-note span{background:#edf5ff;color:#0071e3}.art-stamp{background:#19d9f2;box-shadow:0 8px 24px rgba(0,135,255,.15)}
.trust-strip{background:#f5f5f7;border-color:#e5e5e7}.trust-items span{color:#424245;font-size:12px}.trust-items span:before{background:#0071e3;color:white}
.section{padding:112px 0}.section-heading h2,.honesty-grid h2,.faq-layout h2,.portfolio-note h2,.closing-inner h2,.scope-callout h2,.about-content h2,.faq-aside h2{font-weight:700;letter-spacing:-2px}.section-heading>p{color:#6e6e73;font-size:16px}
.service-grid{gap:18px}.service-tile{min-height:276px;padding:30px;border:1px solid #e5e5ea;border-radius:28px;background:#fff;box-shadow:0 6px 24px rgba(0,0,0,.035)}.service-tile:hover{transform:translateY(-4px);border-color:#c7e2ff;box-shadow:0 18px 40px rgba(0,75,150,.1)}.tile-large{background:#f5f5f7;border-color:#f5f5f7}.tile-icon{background:#eaf4ff;color:#0071e3}.tile-large .tile-icon{background:white;color:#0071e3}.tile-index{color:#0071e3}
.process-step{border-color:#d2d2d7}.price-card{border-color:#e5e5ea;box-shadow:0 8px 28px rgba(0,0,0,.045)}.price-card.featured{background:#1d1d1f;border-color:#1d1d1f;box-shadow:0 22px 48px rgba(0,0,0,.16)}.price-card.featured .button{background:#0071e3;border-color:#0071e3}
.portfolio-note{border-color:#e5e5ea;background:#f5f5f7}.honesty-mark{background:linear-gradient(145deg,#dceeff,#f5faff)}
.page-hero{background:radial-gradient(ellipse at 88% 10%,rgba(0,113,227,.1),transparent 34%),linear-gradient(180deg,#fff,#fbfbfd);color:#1d1d1f}.page-hero:after{border-color:rgba(0,113,227,.15);box-shadow:0 0 0 28px rgba(0,113,227,.025),0 0 0 58px rgba(0,0,0,.015)}.page-hero .eyebrow{color:#636367}.page-hero .page-lead{color:#6e6e73}.page-hero h1{color:#1d1d1f;letter-spacing:-3.5px}
.contact-panel,.form-panel,.thanks-card{border-color:#e5e5ea;box-shadow:0 8px 28px rgba(0,0,0,.045)}.contact-line>span:first-child{background:#edf5ff;color:#0071e3}.form-panel input:focus,.form-panel select:focus,.form-panel textarea:focus{border-color:#0071e3;box-shadow:0 0 0 3px rgba(0,113,227,.12)}
.closing-cta{background:linear-gradient(130deg,#0071e3,#3155e7 58%,#6848e8);color:#fff}.closing-inner h2{color:#fff}.closing-inner>p{color:rgba(255,255,255,.82)}.closing-inner:after{color:rgba(255,255,255,.09)}
.site-footer{background:#1d1d1f;color:#fff}.site-footer .footer-copy,.site-footer .footer-nav a,.site-footer .footer-bottom{color:#a1a1a6}.site-footer .footer-nav a:hover{color:#fff}.site-footer .wordmark,.site-footer .wordmark-light{color:#fff}.site-footer .wordmark small{color:#a1a1a6}.site-footer .brand-mark{background:#fff}.site-footer .brand-mark i{background:#1d1d1f}.site-footer .brand-mark i:nth-child(3){background:#0071e3}.site-footer .footer-bottom{border-top-color:rgba(255,255,255,.16)}
@media(max-width:800px){.main-nav{background:#fff;border-bottom-color:#e5e5ea;box-shadow:0 20px 30px rgba(0,0,0,.08)}.main-nav a{color:#424245;border-bottom-color:#e5e5ea}.main-nav a:hover,.main-nav a.active{color:#0071e3}.hero-section{padding:58px 0 55px}.section{padding:78px 0}}
@media(max-width:540px){.hero-copy h1{font-size:clamp(44px,12vw,62px);letter-spacing:-3px}.hero-lead{font-size:17px}.section{padding:64px 0}.page-hero h1{letter-spacing:-2.8px}}


/* Web Forge lively art direction: rich contrast, vivid color, restrained motion. */
:root{--purple:#0879ff;--purple-dark:#0059d6;--lime:#19d9f2}
.hero-section{background:radial-gradient(ellipse at 79% 48%,rgba(58,82,255,.56),transparent 37%),radial-gradient(ellipse at 15% 100%,rgba(0,188,255,.2),transparent 35%),#080b19;color:#fff}
.hero-section:before{opacity:.12;background-image:linear-gradient(rgba(255,255,255,.24) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.24) 1px,transparent 1px);background-size:48px 48px}
.hero-copy h1{color:#fff}.hero-lead{color:#c7cce0}.hero-caption{color:#b3bad2}.eyebrow-pill{border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.08);color:#f3f5ff}.hero-section .button-quiet{color:#fff;border-color:rgba(255,255,255,.45)}.hero-section .button-quiet:hover{background:#fff;color:#101225}
.hero-art:before{background:radial-gradient(circle at 50% 48%,rgba(25,119,255,.76),rgba(82,68,255,.3) 42%,transparent 73%)}.art-orbit{border-color:rgba(114,196,255,.38)}.orbit-two{border-color:rgba(255,255,255,.2)}.browser-card{box-shadow:0 36px 100px rgba(0,0,0,.48)}
.motion-showcase{position:relative;overflow:hidden;padding:100px 0;background:linear-gradient(112deg,#101229 0%,#18194a 54%,#143d91 100%);color:#fff}.motion-showcase:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 80% 50%,rgba(41,158,255,.32),transparent 35%),radial-gradient(ellipse at 10% 5%,rgba(121,83,255,.24),transparent 36%);pointer-events:none}.motion-grid{position:relative;display:grid;grid-template-columns:.82fr 1.18fr;align-items:center;gap:60px}.motion-copy .eyebrow{color:#8ccaff}.motion-copy h2{max-width:500px;margin:0 0 18px;font-family:Manrope,-apple-system,sans-serif;font-size:clamp(36px,4.6vw,58px);line-height:1.02;letter-spacing:-3px}.motion-copy>p:not(.eyebrow){max-width:470px;margin:0 0 25px;color:#c3c8df;font-size:16px;line-height:1.7}.motion-copy .text-link{color:#8ccaff}.motion-frame{position:relative;min-height:430px;display:grid;place-items:center;isolation:isolate}.motion-frame:before{content:"";position:absolute;inset:9% 2%;border-radius:50%;background:radial-gradient(ellipse,rgba(74,127,255,.42),rgba(93,78,255,.12) 48%,transparent 72%);filter:blur(2px);z-index:-1}.motion-window{position:absolute;width:min(440px,88%);overflow:hidden;border:1px solid rgba(255,255,255,.34);border-radius:19px;background:#fff;box-shadow:0 34px 90px rgba(0,0,0,.38)}.motion-window-back{width:min(385px,78%);transform:translate(60px,-30px) rotate(8deg);opacity:.74;animation:window-drift 7s ease-in-out infinite}.motion-window-front{transform:translate(-14px,20px) rotate(-4deg);animation:window-float 6s ease-in-out infinite}.motion-window-bar{height:35px;display:flex;align-items:center;gap:5px;padding:0 12px;background:#f3f4f8;border-bottom:1px solid #e6e7ed}.motion-window-bar i,.motion-window-bar i:nth-child(2),.motion-window-bar i:nth-child(3){width:7px;height:7px;border-radius:50%;background:#fb6b69}.motion-window-bar i:nth-child(2){background:#39c9ee}.motion-window-bar i:nth-child(3){background:#49c784}.motion-window-bar span{margin-left:auto;color:#73768b;font-size:9px}.motion-page{padding:22px 25px 25px}.motion-page-kicker{width:78px;height:7px;border-radius:8px;background:#71b9ff}.motion-page-title{margin-top:15px}.motion-page-title b{display:block;width:78%;height:15px;margin:7px 0;border-radius:8px;background:#151933}.motion-page-title b:nth-child(2){width:55%;background:#313b66}.motion-page-copy{margin-top:13px}.motion-page-copy i{display:block;width:78%;height:5px;margin:6px 0;border-radius:6px;background:#d9ddea}.motion-page-copy i:nth-child(2){width:64%}.motion-page-copy i:nth-child(3){width:48%}.motion-page-cta{width:112px;height:27px;margin-top:17px;border-radius:18px;background:linear-gradient(90deg,#0879ff,#6d5cff)}.motion-page-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:20px}.motion-page-cards i{height:58px;border-radius:9px;background:linear-gradient(145deg,#e9f5ff,#d3e8ff)}.motion-page-cards i:nth-child(2){background:linear-gradient(145deg,#f0eaff,#dcd4ff)}.motion-page-cards i:nth-child(3){background:linear-gradient(145deg,#efffdc,#d8f6a8)}.motion-window-back .motion-window-bar{height:31px}.motion-back-lines{padding:18px}.motion-back-lines b{display:block;width:66%;height:9px;margin:7px 0;border-radius:6px;background:#d7dbeb}.motion-back-lines b:first-child{width:42%;background:#a5b5ff}.motion-back-image{height:110px;margin:0 18px 18px;border-radius:10px;background:linear-gradient(120deg,#29c2ff,#4b66ff 50%,#bb5bff)}.motion-orbit{position:absolute;z-index:-1;border:1px solid rgba(146,196,255,.28);border-radius:50%}.motion-orbit-one{width:510px;height:255px;transform:rotate(-18deg)}.motion-orbit-two{width:390px;height:390px;border-color:rgba(255,255,255,.14)}.motion-spark{position:absolute;top:13%;right:14%;color:#19d9f2;font-size:34px;animation:spark-turn 16s linear infinite}.motion-label{position:absolute;right:2%;bottom:3%;padding:10px 14px;border:1px solid rgba(255,255,255,.18);border-radius:30px;background:rgba(9,13,39,.66);color:#e3e8ff;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(12px)}
.trust-strip{background:#19d9f2;border-color:#19d9f2}.trust-items{min-height:78px}.trust-items span{color:#191a2a;font-size:12px}.trust-items span:before{background:#17182e;color:#19d9f2}
.section-services{background:#f1f4fa}.section-services .service-tile{background:#fff;border-color:#e2e7f0}.section-services .tile-large{background:linear-gradient(145deg,#dceeff,#f4f8ff);border-color:#dceeff}.section-services .tile-icon{background:#e8f3ff;color:#0879ff}.section-services .tile-index,.section-services .tile-arrow{color:#0879ff}
.process-section{background:linear-gradient(120deg,#075fe6,#2758e8 58%,#6546eb);color:#fff}.process-section .eyebrow,.process-section .step-no{color:#b9dcff}.process-section .section-heading>p,.process-section .process-step p{color:rgba(255,255,255,.78)}.process-section .process-grid,.process-section .process-step{border-color:rgba(255,255,255,.23)}
.pricing-section{background:#f5f5f7}.price-card{background:#fff}.price-card.featured{background:linear-gradient(145deg,#17182c,#232d61);border-color:#232d61}.price-card.featured .price-amount{color:#19d9f2}.price-card.featured .text-link{color:#9ecbff}
.honesty-section{background:#0d1022;color:#fff}.honesty-section .eyebrow{color:#8ccaff}.honesty-grid .section-lead{color:#c3c8df}.honesty-mark{border-color:rgba(255,255,255,.15);background:linear-gradient(145deg,#273f7e,#221c52)}.honesty-mark span{color:#fff}.honesty-mark i{background:#19d9f2;color:#15182d}.honesty-section .text-link{color:#8ccaff}
.no-portfolio{padding-top:64px;padding-bottom:90px;background:#f5f5f7}.portfolio-note{border:0;background:linear-gradient(110deg,#eaf3ff,#ece9ff)}.portfolio-note .button-quiet{background:#0879ff;color:#fff;border-color:#0879ff}.portfolio-note .button-quiet:hover{background:#0059d6}
.faq-section{background:#fff}.closing-cta{background:linear-gradient(118deg,#0879ff,#315eea 48%,#713eff)}
.page-hero{background:radial-gradient(ellipse at 86% 25%,rgba(56,119,255,.44),transparent 38%),linear-gradient(115deg,#080b19,#171b45 68%,#182f6f);color:#fff}
@keyframes window-float{0%,100%{transform:translate(-14px,20px) rotate(-4deg)}50%{transform:translate(-14px,8px) rotate(-2deg)}}@keyframes window-drift{0%,100%{transform:translate(60px,-30px) rotate(8deg)}50%{transform:translate(72px,-40px) rotate(10deg)}}@keyframes spark-turn{to{transform:rotate(360deg)}}
@media(max-width:800px){.motion-showcase{padding:74px 0}.motion-grid{grid-template-columns:1fr;gap:22px}.motion-copy h2{max-width:650px}.motion-frame{min-height:380px}.motion-window-back{transform:translate(42px,-23px) rotate(8deg)}.motion-window-front{transform:translate(-10px,16px) rotate(-4deg)}.process-section .process-step:nth-child(3),.process-section .process-step:nth-child(4){border-top-color:rgba(255,255,255,.23)}}
@media(max-width:540px){.motion-showcase{padding:58px 0}.motion-copy h2{font-size:37px;letter-spacing:-2px}.motion-copy>p:not(.eyebrow){font-size:14px}.motion-frame{min-height:315px}.motion-window{width:86%}.motion-window-back{width:75%}.motion-window-front{transform:translate(-8px,12px) rotate(-4deg)}.motion-window-back{transform:translate(36px,-18px) rotate(8deg)}.motion-orbit-one{width:320px;height:190px}.motion-orbit-two{width:270px;height:270px}.motion-label{right:0;bottom:0;font-size:8px}}
@media(prefers-reduced-motion:reduce){.motion-window-front,.motion-window-back,.motion-spark{animation:none}}

/* Apple-like product reveal: a laptop opens to a concept site, not a customer case. */
.motion-frame{min-height:500px;perspective:1500px}.laptop-scene{position:relative;width:min(690px,100%);height:420px;display:grid;place-items:center;perspective:1500px}.laptop-device{position:relative;width:min(590px,90%);height:390px;transform:rotateY(-11deg) rotateX(4deg);transform-style:preserve-3d;filter:drop-shadow(0 36px 46px rgba(0,0,0,.38));animation:device-arrive 1s cubic-bezier(.2,.75,.25,1) both}.laptop-lid{position:absolute;z-index:2;left:7%;right:7%;bottom:90px;height:300px;padding:12px 12px 16px;border:2px solid #8e95a8;border-bottom:0;border-radius:20px 20px 5px 5px;background:linear-gradient(145deg,#626a7d,#181c2c 24%,#080b15 85%);transform-origin:50% 100%;transform:rotateX(90deg);animation:lid-open 1.45s .12s cubic-bezier(.18,.8,.22,1) both;backface-visibility:hidden}.laptop-display{position:relative;width:100%;height:100%;overflow:hidden;border:1px solid rgba(255,255,255,.5);border-radius:10px 10px 3px 3px;background:#fff}.demo-browser-bar{height:20px;display:flex;align-items:center;gap:4px;padding:0 8px;background:#e9ebf1}.demo-browser-bar i{width:5px;height:5px;border-radius:50%;background:#fc625d}.demo-browser-bar i:nth-child(2){background:#f4bd4f}.demo-browser-bar i:nth-child(3){background:#42c768}.demo-browser-bar span{margin-left:auto;color:#777d8d;font-size:6px}.demo-site{height:calc(100% - 20px);padding:9px 12px;background:linear-gradient(135deg,#fbfcff,#f4f7ff)}.demo-site header{display:flex;align-items:center;justify-content:space-between;color:#14182e;font-size:9px}.demo-site header b{font-family:Manrope,-apple-system,sans-serif;font-size:11px;letter-spacing:-.5px}.demo-site nav{display:flex;align-items:center;gap:8px}.demo-site nav i{width:19px;height:3px;border-radius:3px;background:#c8cedc}.demo-site nav em{width:48px;height:13px;border-radius:10px;background:#0879ff}.demo-hero{position:relative;height:72%;margin-top:9px;padding:19px 16px;border-radius:8px;overflow:hidden;background:radial-gradient(ellipse at 80% 50%,rgba(80,117,255,.7),transparent 40%),linear-gradient(110deg,#10132c,#181e49);color:#fff}.demo-kicker{display:block;width:50px;height:3px;border-radius:3px;background:#19d9f2}.demo-hero strong{position:relative;z-index:1;display:block;width:45%;height:9px;margin-top:9px;border-radius:5px;background:#fff}.demo-hero strong:nth-of-type(2){width:36%;margin-top:5px;background:#9ea9cb}.demo-hero p{position:relative;z-index:1;width:38%;height:3px;margin:8px 0 0;border-radius:4px;background:rgba(255,255,255,.42)}.demo-hero p+p{width:31%;margin-top:4px}.demo-hero button{position:relative;z-index:1;width:54px;height:14px;margin-top:10px;border:0;border-radius:10px;background:#0879ff}.demo-product{position:absolute;right:6%;top:15%;width:37%;height:78%;display:grid;place-items:center}.demo-orb{position:absolute;width:68%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#baf3ff,#3c95ff 42%,#654eff 74%,transparent 75%);filter:drop-shadow(0 0 17px rgba(72,150,255,.7));animation:product-glow 4s ease-in-out infinite alternate}.demo-box{position:relative;width:34%;height:49%;border:1px solid rgba(255,255,255,.85);border-radius:5px;background:linear-gradient(135deg,rgba(255,255,255,.75),rgba(141,181,255,.25));box-shadow:12px 10px 0 rgba(102,89,255,.55);transform:rotate(-18deg) skewY(5deg)}.demo-orbit{position:absolute;width:110%;height:45%;border:1px solid rgba(183,219,255,.7);border-radius:50%;transform:rotate(-28deg)}.demo-bottom{display:flex;gap:7px;margin-top:8px}.demo-bottom i{height:18px;flex:1;border:1px solid #e2e7f1;border-radius:4px;background:linear-gradient(135deg,#fff,#e8f1ff)}.laptop-base{position:absolute;z-index:3;left:1%;right:1%;bottom:23px;height:82px;border:1px solid #adb2c0;border-radius:3px 3px 25px 25px;background:linear-gradient(180deg,#c9cdd7 0,#83899a 6%,#d8dbe2 13%,#7c8291 75%,#454b59 100%);clip-path:polygon(8% 0,92% 0,100% 84%,96% 100%,4% 100%,0 84%);transform:rotateX(61deg);transform-origin:top center;box-shadow:inset 0 3px 4px rgba(255,255,255,.65)}.laptop-keys{position:absolute;left:16%;right:16%;top:13px;height:35px;border:1px solid rgba(44,49,64,.48);border-radius:5px;background:repeating-linear-gradient(90deg,rgba(28,33,48,.85) 0 12px,transparent 12px 15px),repeating-linear-gradient(0deg,transparent 0 9px,rgba(240,243,249,.35) 9px 11px)}.laptop-trackpad{position:absolute;left:39%;right:39%;top:52px;height:17px;border:1px solid rgba(51,56,69,.4);border-radius:3px;background:rgba(242,244,248,.35)}.motion-orbit-one{width:560px;height:280px}.motion-orbit-two{width:420px;height:420px}
@keyframes lid-open{0%{transform:rotateX(90deg)}72%{transform:rotateX(-8deg)}100%{transform:rotateX(0deg)}}@keyframes device-arrive{from{opacity:0;transform:translateY(30px) rotateY(-14deg) rotateX(4deg)}to{opacity:1;transform:translateY(0) rotateY(-11deg) rotateX(4deg)}}@keyframes product-glow{from{transform:scale(.9);opacity:.75}to{transform:scale(1.05);opacity:1}}
@media(max-width:800px){.motion-frame{min-height:405px}.laptop-scene{height:370px}.laptop-device{width:94%;height:350px}.laptop-lid{height:270px;bottom:78px}.laptop-base{bottom:20px;height:72px}.laptop-keys{height:29px}.laptop-trackpad{top:46px}.motion-orbit-one{width:440px;height:240px}.motion-orbit-two{width:340px;height:340px}}
@media(max-width:540px){.motion-frame{min-height:310px}.laptop-scene{height:285px}.laptop-device{width:100%;height:265px;transform:rotateY(-8deg) rotateX(4deg);animation-name:device-arrive-small}.laptop-lid{left:6%;right:6%;height:205px;bottom:59px;padding:8px 8px 10px;border-radius:14px 14px 4px 4px}.demo-browser-bar{height:15px;padding-inline:5px}.demo-site{height:calc(100% - 15px);padding:6px 8px}.demo-site header{font-size:7px}.demo-site header b{font-size:8px}.demo-site nav{gap:5px}.demo-site nav i{width:12px;height:2px}.demo-site nav em{width:32px;height:9px}.demo-hero{margin-top:6px;padding:12px 10px}.demo-hero strong{height:6px;margin-top:6px}.demo-hero strong:nth-of-type(2){margin-top:4px}.demo-hero p{height:2px;margin-top:5px}.demo-hero button{width:38px;height:10px;margin-top:7px}.demo-bottom i{height:13px}.laptop-base{bottom:14px;height:55px;border-radius:2px 2px 17px 17px}.laptop-keys{top:8px;height:24px}.laptop-trackpad{top:36px;height:12px}.motion-orbit-one{width:300px;height:170px}.motion-orbit-two{width:260px;height:260px}.motion-spark{top:7%;right:8%}}
@keyframes device-arrive-small{from{opacity:0;transform:translateY(18px) rotateY(-12deg) rotateX(4deg)}to{opacity:1;transform:translateY(0) rotateY(-8deg) rotateX(4deg)}}
@media(prefers-reduced-motion:reduce){.laptop-lid{animation:none;transform:rotateX(0)}.laptop-device,.demo-orb{animation:none}}

/* Keep the laptop product reveal in the first screen, Apple-style. */
.hero-art{min-height:490px}.hero-art .laptop-scene{width:100%;height:430px;display:grid;place-items:center;perspective:1500px}.hero-art .laptop-device{width:min(590px,96%);height:390px}.hero-art .motion-orbit{z-index:0;pointer-events:none}.hero-art .laptop-device{z-index:2}.hero-art .motion-spark{z-index:3}.hero-art .art-note{background:rgba(13,18,42,.94);border-color:rgba(255,255,255,.22);color:#fff;backdrop-filter:blur(12px)}.hero-art .art-note span{background:#19d9f2;color:#17182e}.hero-art .art-stamp{z-index:3}
@media(max-width:800px){.hero-art .laptop-scene{height:405px}.hero-art .laptop-device{width:min(590px,96%);height:350px}}
@media(max-width:540px){.hero-art{min-height:330px}.hero-art .laptop-scene{height:285px}.hero-art .laptop-device{width:100%;height:265px;transform:rotateY(-8deg) rotateX(4deg);animation-name:device-arrive-small}.hero-art .motion-orbit-one{width:300px;height:170px}.hero-art .motion-orbit-two{width:260px;height:260px}}
.hero-grid{grid-template-columns:1fr 1fr;gap:36px}.hero-copy h1{font-size:clamp(48px,5vw,68px);letter-spacing:-4px;line-height:1.01}
/* Leave a complete static fallback while the lid-opening motion runs. */
.laptop-device{opacity:1;animation:none}.laptop-lid{transform:rotateX(0deg);animation:lid-open 1.45s .12s cubic-bezier(.18,.8,.22,1) both}


/* Web Forge brand mark: based on the user's selected logo artwork. */
.wordmark{gap:10px;letter-spacing:-.7px}
.wordmark .brand-mark{display:block;width:38px;height:38px;flex:none;object-fit:cover;border-radius:10px;transform:none;background:#071327;box-shadow:0 0 18px rgba(0,190,255,.2)}
.wordmark .brand-name{display:block;color:#f7faff;font-size:20px;font-weight:750;letter-spacing:-.8px;line-height:1}
.wordmark .wordmark-light{font-weight:750;color:#09c7ed}
.wordmark small{display:block;margin-top:5px;font-size:7px;font-weight:700;letter-spacing:1.25px;color:#a6b7cc}
.site-footer .wordmark .brand-name{color:#fff}
.site-footer .wordmark .wordmark-light{color:#20d5f3}
.site-footer .wordmark small{color:#a6b7cc}
@media(max-width:540px){.wordmark{gap:8px}.wordmark .brand-mark{width:34px;height:34px}.wordmark .brand-name{font-size:18px}.wordmark small{font-size:6.5px;letter-spacing:1px}}

.language-switcher{display:flex;align-items:center;gap:3px;padding:3px;border:1px solid rgba(32,35,56,.13);border-radius:999px;background:rgba(255,255,255,.52);flex:none}.language-switcher a{min-width:29px;padding:5px 6px;text-align:center;border-radius:999px;font-size:9px;font-weight:800;letter-spacing:.25px;color:#717789;line-height:1.2}.language-switcher a:hover,.language-switcher a.active{background:#071327;color:#fff}.site-footer .wordmark .brand-mark{box-shadow:0 0 18px rgba(0,190,255,.15)}@media(max-width:540px){.language-switcher{gap:1px;padding:2px}.language-switcher a{min-width:25px;padding:5px 4px;font-size:8px}}

/* Web Forge palette refinement: midnight navy, electric blue, and cyan; no yellow accents. */
:root{--ink:#eaf2ff;--muted:#b1bfd5;--paper:#081222;--white:#101c30;--line:#263955;--purple:#0879ff;--purple-dark:#0059d6;--lime:#19d9f2;--lavender:#142443;--bluegray:#102541;--shadow:0 24px 70px rgba(0,0,0,.34)}
body{background:radial-gradient(ellipse at 78% 0%,rgba(13,96,195,.13),transparent 34%),#081222;color:#eaf2ff}
.site-header{background:rgba(7,16,31,.94);border-bottom-color:rgba(135,176,229,.16);color:#fff}
.main-nav a{color:#b6c4d9}.main-nav a:hover,.main-nav a.active{color:#fff}.main-nav a.active:after{background:#19d9f2}
.language-switcher{background:rgba(255,255,255,.04);border-color:rgba(182,207,238,.2)}.language-switcher a{color:#bac9dc}.language-switcher a:hover,.language-switcher a.active{background:#0879ff;color:#fff}
.button{background:linear-gradient(100deg,#0879ff,#13bde9);border-color:#13bde9;color:#041326;box-shadow:0 8px 26px rgba(0,134,255,.22)}.button:hover{background:linear-gradient(100deg,#1690ff,#2de0f2);border-color:#2de0f2;color:#041326}.button-quiet{background:rgba(255,255,255,.04);border-color:rgba(190,214,242,.36);color:#edf6ff}.button-quiet:hover{background:rgba(25,217,242,.12);border-color:#19d9f2;color:#fff}.button-light{background:#19d9f2;border-color:#19d9f2;color:#041326}.button-light:hover{background:#54e9f7;border-color:#54e9f7;color:#041326}
.eyebrow,.section-heading>p,.hero-caption,.hero-lead,.page-lead{color:#b1bfd5}.eyebrow-pill{background:rgba(255,255,255,.055);border-color:rgba(25,217,242,.3);color:#dcecff}.status-dot,.hero-section .status-dot{background:#19d9f2;box-shadow:0 0 0 4px rgba(25,217,242,.15)}
.hero-section{background:radial-gradient(ellipse at 79% 48%,rgba(25,89,230,.48),transparent 38%),radial-gradient(ellipse at 12% 105%,rgba(0,193,231,.16),transparent 35%),#07101f;color:#fff}.hero-section:before{opacity:.11}.hero-art:before{background:radial-gradient(circle at 50% 48%,rgba(20,125,255,.63),rgba(60,65,190,.22) 43%,transparent 74%)}.art-orbit{border-color:rgba(25,217,242,.26)}.art-stamp{background:#0e2743;border:1px solid rgba(25,217,242,.48);color:#dffaff;box-shadow:0 9px 27px rgba(0,135,255,.2)}.art-note{background:rgba(9,20,39,.94);border-color:rgba(190,214,242,.19);color:#eaf2ff}.art-note span{background:#0f3557;color:#19d9f2}
.trust-strip{background:#0d1c32;border-color:#263955}.trust-items span{color:#cedcf0}.trust-items span:before{background:#19d9f2;color:#061222}
.section-services,.pricing-section{background:#0b172a}.service-tile,.section-services .service-tile{border-color:#273b58;background:linear-gradient(145deg,#12223a,#0e1a2e);color:#f0f6ff;box-shadow:0 8px 26px rgba(0,0,0,.16)}.tile-large,.section-services .tile-large{background:linear-gradient(145deg,#12345a,#10233e);border-color:#1c5685}.service-tile h3{color:#f3f8ff}.service-tile p,.note-inline{color:#b1bfd5}.tile-index,.tile-arrow,.section-services .tile-index,.section-services .tile-arrow{color:#39d9f3}.tile-icon,.section-services .tile-icon,.tile-large .tile-icon{background:#15395d;color:#48dbf2}.service-tile:hover{border-color:#11bce9;box-shadow:0 18px 42px rgba(0,117,255,.16)}
.process-section{background:linear-gradient(120deg,#075fe6,#174cbf 58%,#252979)}.process-section .eyebrow,.process-section .step-no{color:#b9e5ff}
.price-card{background:linear-gradient(145deg,#13243c,#0e1a2e);border-color:#2b405e;color:#edf4ff;box-shadow:0 12px 30px rgba(0,0,0,.2)}.price-card p,.price-card li,.price-card .price-from{color:#b6c4d9}.price-card .price-amount,.price-card.featured .price-amount{color:#36dff3}.price-card.featured{background:linear-gradient(145deg,#102648,#151d43);border-color:#1679c4;box-shadow:0 22px 52px rgba(0,80,170,.22)}.price-card.featured .check-list li:before{color:#32dff3}.price-card.featured .button-quiet{color:#f0f7ff;border-color:rgba(255,255,255,.38)}
.portfolio-note{border-color:#28456b;background:linear-gradient(120deg,#112642,#0d192e);color:#edf4ff}.portfolio-note p,.honesty-grid .section-lead{color:#b6c4d9}.honesty-section{background:#07101f;color:#edf4ff}.honesty-mark{border-color:rgba(25,217,242,.24);background:linear-gradient(145deg,#12365b,#1c2250)}.honesty-mark i{background:#19d9f2;color:#041326}
.page-hero{background:radial-gradient(ellipse at 86% 20%,rgba(20,121,255,.25),transparent 38%),linear-gradient(180deg,#0b172a,#081222);color:#f2f7ff}.page-hero h1{color:#f4f8ff}.page-hero .eyebrow{color:#b9d2ee}.page-hero .page-lead{color:#b1bfd5}.page-hero:after{border-color:rgba(25,217,242,.19);box-shadow:0 0 0 28px rgba(25,217,242,.025),0 0 0 58px rgba(255,255,255,.018)}
.section,.section-tight{color:#eaf2ff}.section-heading h2,.honesty-grid h2,.faq-layout h2,.portfolio-note h2,.closing-inner h2,.scope-callout h2,.about-content h2,.faq-aside h2{color:#f3f7ff}.service-detail{border-top-color:#263955;color:#eaf2ff}.service-detail p,.detail-lead,.check-list{color:#bac8dc}.check-list li:before{color:#31d9f2}.scope-callout{border-color:#28456b;background:#0e1c31;color:#ecf4ff}.scope-callout p{color:#b8c7dc}
.faq-item{border-color:#293e5c;color:#edf4ff}.faq-item summary span{color:#32d9f2}.faq-item p{color:#b8c7dc}.faq-aside{background:#10223c;border-color:#274564;color:#edf4ff}.contact-panel,.form-panel,.thanks-card{background:linear-gradient(145deg,#12223a,#0d1a2c);border-color:#2a3f5c;color:#ecf4ff;box-shadow:0 12px 38px rgba(0,0,0,.2)}.contact-panel p,.form-panel p,.form-panel label{color:#cfdaea}.contact-line>span:first-child{background:#123b60;color:#2ad9f1}.form-panel input,.form-panel select,.form-panel textarea{background:#081729;border-color:#35506e;color:#f3f8ff}.form-panel input::placeholder,.form-panel textarea::placeholder{color:#8fa4bf}.form-panel input:focus,.form-panel select:focus,.form-panel textarea:focus{border-color:#19d9f2;box-shadow:0 0 0 3px rgba(25,217,242,.15)}
.closing-cta{background:radial-gradient(ellipse at 82% 30%,rgba(0,203,255,.3),transparent 35%),linear-gradient(120deg,#0753ba,#12327b 60%,#21205e);color:#fff}.closing-inner:after{color:rgba(25,217,242,.08)}.site-footer{background:#050b16;color:#f1f6ff;border-top:1px solid rgba(110,162,219,.17)}.site-footer .footer-copy,.site-footer .footer-nav a,.site-footer .footer-bottom{color:#afbed2}.site-footer .footer-nav a:hover{color:#27d9f1}.site-footer .footer-bottom{border-top-color:rgba(151,188,229,.18)}
@media(max-width:800px){.main-nav{background:#081729;border-bottom-color:#263955;box-shadow:0 20px 30px rgba(0,0,0,.32)}.main-nav a{color:#cedcf0;border-bottom-color:rgba(182,207,238,.13)}.main-nav a:hover,.main-nav a.active{color:#19d9f2}}
@media(prefers-reduced-motion:reduce){.laptop-lid{animation:none;transform:rotateX(0)}}


/* Subtle motion for the service and interface icons. */
.tile-icon,.faq-symbol,.thanks-icon,.honesty-mark span,.contact-line>span:first-child{animation:icon-breathe 3.6s ease-in-out infinite;transform-origin:center}
.tile-icon:nth-child(3n),.contact-line:nth-of-type(2)>span:first-child{animation-delay:.55s}
.trust-items span:before{animation:icon-glow 3.2s ease-in-out infinite}
.faq-item summary span{display:inline-block;transition:transform .25s,color .25s}.faq-item summary:hover span,.faq-item[open] summary span{transform:rotate(45deg);color:#19d9f2}
.service-tile:hover .tile-icon{animation:icon-pop .55s ease-out;filter:drop-shadow(0 0 9px rgba(25,217,242,.4))}
.service-tile:hover .tile-arrow{transform:translate(4px,-4px);color:#4ce6f5}.tile-arrow{transition:transform .22s,color .22s}
.art-stamp span{display:inline-block;animation:icon-breathe 2.8s ease-in-out infinite}
.button span{display:inline-block;transition:transform .22s}.button:hover span{transform:translate(3px,-2px)}
@keyframes icon-breathe{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.045)}}
@keyframes icon-glow{0%,100%{box-shadow:0 0 0 0 rgba(25,217,242,.08)}50%{box-shadow:0 0 0 5px rgba(25,217,242,.17)}}
@keyframes icon-pop{0%{transform:scale(1) rotate(0)}45%{transform:scale(1.12) rotate(-5deg)}100%{transform:scale(1.04) rotate(0)}}
@media(prefers-reduced-motion:reduce){.tile-icon,.faq-symbol,.thanks-icon,.honesty-mark span,.contact-line>span:first-child,.trust-items span:before,.art-stamp span{animation:none!important}.faq-item summary span,.tile-arrow,.button span{transition:none!important}.service-tile:hover .tile-icon{animation:none;filter:none}}


/* Full supplied Web Forge brand artwork in the home hero. */
.brand-hero-art{min-height:0;display:flex;align-items:center;justify-content:center;padding:8px;background:transparent}
.brand-hero-art:before{display:none}
.brand-hero-art img{display:block;width:min(100%,590px);height:auto;object-fit:contain;border-radius:18px;filter:drop-shadow(0 28px 48px rgba(0,110,220,.22))}
@media(max-width:800px){.brand-hero-art{padding:0}.brand-hero-art img{width:min(100%,520px);border-radius:14px}}

/* Keep every formerly pale information panel readable in the midnight palette. */
.about-aside,.pricing-bottom{background:linear-gradient(145deg,#12243c,#0d192c);border-color:#2b405e;color:#edf4ff}
.about-aside p,.about-aside li,.pricing-bottom p,.pricing-bottom .eyebrow{color:#c7d4e7}
.price-disclaimer{color:#bac8dc}
.check-list li{color:#c5d2e4}
.browser-card{background:#11213a;border-color:#2a4568}
.browser-top{background:#0a1729;border-bottom-color:#29415e}
.browser-brand{color:#eef5ff}
.browser-brand>span{color:#b9c8dc}
.browser-heading em,.browser-heading em:nth-child(2),.browser-heading em:nth-child(3){background:#3f5d81}
.browser-sublines i{background:#334c6d}
.browser-bottom b,.browser-bottom b:nth-child(2),.browser-bottom b:nth-child(3){background:#193454}


/* Interactive shimmer for the complete Web Forge brand artwork. */
.brand-hero-art{position:relative;overflow:hidden;border-radius:18px;isolation:isolate}
.brand-hero-art img{position:relative;z-index:0;border-radius:18px;transform:translateY(0) scale(1);transition:transform .55s cubic-bezier(.2,.75,.25,1),filter .55s ease}
.brand-hero-art:after{content:"";position:absolute;z-index:1;inset:-25% auto -25% -55%;width:38%;pointer-events:none;transform:skewX(-18deg) translateX(-165%);background:linear-gradient(90deg,transparent,rgba(168,245,255,.04) 28%,rgba(78,220,255,.32) 50%,rgba(255,255,255,.16) 58%,transparent);filter:blur(3px);transition:transform 1.05s cubic-bezier(.2,.7,.25,1)}
@media(hover:hover) and (pointer:fine){.brand-hero-art:hover img{transform:translateY(-4px) scale(1.025);filter:brightness(1.08) saturate(1.14) drop-shadow(0 0 28px rgba(0,190,255,.35))}.brand-hero-art:hover:after{transform:skewX(-18deg) translateX(520%)}}
@media(prefers-reduced-motion:reduce){.brand-hero-art img,.brand-hero-art:after{transition:none!important}.brand-hero-art:hover img{transform:none;filter:none}}


/* Animated electric-blue colour flow through the header wordmark. */
.site-header .wordmark .brand-name{background:linear-gradient(105deg,#f0fcff 0%,#19daf2 19%,#1689ff 39%,#ecfaff 51%,#8e70ff 68%,#19d9f2 84%,#f0fcff 100%);background-size:240% 100%;background-position:0% 50%;animation:webforge-wordmark-flow 5.5s ease-in-out infinite;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.site-header .wordmark .brand-name>span{color:transparent!important;-webkit-text-fill-color:transparent}
@keyframes webforge-wordmark-flow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@media(prefers-reduced-motion:reduce){.site-header .wordmark .brand-name{animation:none;background-position:50% 50%}}


/* Slow, continuous cyan-blue-violet light play across the full brand artwork. */
.brand-hero-art{animation:webforge-brand-aura 9s ease-in-out infinite}
.brand-hero-art:before{content:"";display:block!important;position:absolute;z-index:1;inset:0;border-radius:inherit;pointer-events:none;opacity:.24;background:radial-gradient(ellipse at 18% 24%,rgba(0,191,255,.24),transparent 48%),radial-gradient(ellipse at 82% 32%,rgba(96,88,255,.22),transparent 47%),radial-gradient(ellipse at 53% 88%,rgba(0,225,235,.18),transparent 48%);background-size:150% 150%;mix-blend-mode:screen;animation:webforge-brand-colour-drift 10s ease-in-out infinite alternate}
.brand-hero-art img{z-index:0}
.brand-hero-art:after{z-index:2}
.site-header .wordmark .brand-name{background-image:linear-gradient(105deg,#f3fdff 0%,#23e4f7 15%,#1684ff 34%,#f5fcff 45%,#9a70ff 58%,#1adbf2 75%,#f3fdff 90%);background-size:260% 100%;animation-duration:4.8s}
@keyframes webforge-brand-colour-drift{0%{background-position:0% 15%;opacity:.16}50%{opacity:.28}100%{background-position:100% 85%;opacity:.19}}
@keyframes webforge-brand-aura{0%,100%{box-shadow:0 16px 48px rgba(0,108,230,.14),0 0 0 rgba(23,215,242,0)}50%{box-shadow:0 20px 58px rgba(57,76,255,.18),0 0 26px rgba(23,215,242,.1)}}
@media(prefers-reduced-motion:reduce){.brand-hero-art,.brand-hero-art:before{animation:none!important}.brand-hero-art:before{opacity:.17}}

/* Increase the colour play enough to remain visible on the dark artwork. */
.brand-hero-art:before{background-image:radial-gradient(ellipse at 18% 24%,rgba(0,191,255,.48),transparent 48%),radial-gradient(ellipse at 82% 32%,rgba(105,83,255,.44),transparent 47%),radial-gradient(ellipse at 53% 88%,rgba(0,225,235,.38),transparent 48%);animation-duration:8.5s}
@keyframes webforge-brand-colour-drift{0%{background-position:0% 15%;opacity:.34}50%{opacity:.52}100%{background-position:100% 85%;opacity:.38}}
@keyframes webforge-brand-aura{0%,100%{box-shadow:0 18px 50px rgba(0,164,255,.22),0 0 12px rgba(23,215,242,.12)}50%{box-shadow:0 22px 62px rgba(101,77,255,.27),0 0 34px rgba(23,215,242,.2)}}

/* Nudge the header wordmark toward the navigation for a more balanced header. */
.site-header .wordmark{margin-left:clamp(44px,3.2vw,68px)}
@media(max-width:800px){.site-header .wordmark{margin-left:16px}}
@media(max-width:540px){.site-header .wordmark{margin-left:0}}


/* Twinkling stars over the digital globe: no sweeping colour wash. */
.brand-hero-art{animation:none!important;box-shadow:0 18px 52px rgba(0,116,220,.18)}
.brand-hero-art:before,.brand-hero-art:after{content:none!important;display:none!important}
.brand-hero-art img{z-index:0}
.brand-starfield{position:absolute;z-index:3;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none}
.brand-star{position:absolute;left:50%;top:10%;width:3px;height:3px;border-radius:50%;background:#ecffff;opacity:0;box-shadow:0 0 5px 2px rgba(22,215,255,.72),0 0 12px 4px rgba(0,125,255,.32);animation:brand-star-twinkle 3.8s ease-in-out infinite}
.brand-star:nth-child(1){left:63%;top:7%;animation-delay:.2s}.brand-star:nth-child(2){left:73%;top:11%;animation-delay:1.6s}.brand-star:nth-child(3){left:82%;top:18%;animation-delay:.8s}.brand-star:nth-child(4){left:91%;top:28%;animation-delay:2.4s}.brand-star:nth-child(5){left:86%;top:37%;animation-delay:1.1s}.brand-star:nth-child(6){left:77%;top:29%;animation-delay:2.9s}.brand-star:nth-child(7){left:68%;top:20%;animation-delay:1.9s}.brand-star:nth-child(8){left:57%;top:13%;animation-delay:3.2s}.brand-star:nth-child(9){left:50%;top:21%;animation-delay:.5s}.brand-star:nth-child(10){left:94%;top:39%;animation-delay:2s}.brand-star:nth-child(11){left:72%;top:39%;animation-delay:3.5s}.brand-star:nth-child(12){left:87%;top:12%;animation-delay:2.7s}.brand-star:nth-child(13){left:59%;top:31%;animation-delay:1.3s}.brand-star:nth-child(14){left:81%;top:43%;animation-delay:.9s}
.brand-star:nth-child(4n){width:4px;height:4px;border-radius:0;clip-path:polygon(50% 0,62% 37%,100% 50%,62% 63%,50% 100%,38% 63%,0 50%,38% 37%);box-shadow:0 0 7px 2px rgba(179,249,255,.8);background:#f4ffff}
@keyframes brand-star-twinkle{0%,100%{opacity:.08;transform:scale(.55)}35%{opacity:.88;transform:scale(1.25)}62%{opacity:.28;transform:scale(.8)}}
@media(hover:hover) and (pointer:fine){.brand-hero-art:hover img{transform:translateY(-3px) scale(1.015);filter:brightness(1.04) saturate(1.08) drop-shadow(0 0 22px rgba(0,190,255,.27))}.brand-hero-art:hover .brand-star{animation-duration:2.1s;box-shadow:0 0 7px 3px rgba(22,215,255,.9),0 0 16px 5px rgba(0,125,255,.42)}}
@media(prefers-reduced-motion:reduce){.brand-star{animation:none;opacity:.55}.brand-hero-art:hover img{transform:none;filter:none}}

/* Make the twinkles visible as individual stars rather than a colour wash. */
.brand-star{width:4px;height:4px;background:#fff;box-shadow:0 0 8px 3px rgba(22,215,255,.92),0 0 18px 6px rgba(0,125,255,.5)}
.brand-star:nth-child(4n){width:7px;height:7px;box-shadow:0 0 10px 4px rgba(179,249,255,.95),0 0 21px 7px rgba(0,125,255,.48)}
@keyframes brand-star-twinkle{0%,100%{opacity:.04;transform:scale(.35)}32%{opacity:1;transform:scale(1.55)}55%{opacity:.42;transform:scale(.85)}76%{opacity:.9;transform:scale(1.2)}}


/* Let the full brand artwork sit directly on the page; keep the W mark's own frame intact. */
.brand-hero-art{overflow:visible;border-radius:0;box-shadow:none}
.brand-hero-art img{border-radius:0;mix-blend-mode:normal;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 26%,#000 94%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 6%,#000 94%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent 0%,#000 26%,#000 94%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 6%,#000 94%,transparent 100%);mask-composite:intersect}


/* Keep the main promise at a consistent size and two-line rhythm in all languages. */
@media(min-width:801px){html[lang="ru"] .hero-copy h1,html[lang="uk"] .hero-copy h1{font-size:clamp(48px,4vw,56px);letter-spacing:-3.2px;line-height:1.06}html[lang="en"] .hero-copy h1{font-size:clamp(44px,3.4vw,48px);letter-spacing:-3.2px;line-height:1.06}}


/* Use the Web Forge emblem in the AI approach badge instead of a lone W. */
.honesty-mark img{width:126px;height:126px;object-fit:contain;mix-blend-mode:lighten}
@media(max-width:800px){.honesty-mark img{width:76px;height:76px}}
@media(max-width:540px){.honesty-mark img{width:70px;height:70px}}


/* Home-page quick FAQ: refined cool-grey panel with high-contrast dark text. */
.faq-section{position:relative;background:linear-gradient(125deg,#c1c9d2 0%,#d7dce1 48%,#bbc5cf 100%);border-block:1px solid #8996a4;color:#111a24}
.faq-section .faq-layout h2{color:#111820}.faq-section .eyebrow{color:#34485b}.faq-section .faq-item{border-color:#8794a1;color:#111a24}.faq-section .faq-item summary{color:#101820}.faq-section .faq-item summary span{border-color:#65788a;color:#13283a}.faq-section .faq-item p{color:#293744}.faq-section .faq-layout .text-link{color:#102f4a}

/* Compact globe-and-W emblem in the site header. */
.site-header .wordmark{display:flex;align-items:center;justify-content:center;flex:none;width:48px;height:48px;margin-left:clamp(44px,3.2vw,68px);padding:0}
.site-header .wordmark .header-emblem{display:block;width:48px;height:48px;object-fit:contain;flex:none;mix-blend-mode:screen;filter:drop-shadow(0 0 9px rgba(10,190,255,.24));transition:transform .3s ease,filter .3s ease}
.site-header .wordmark:hover .header-emblem{transform:scale(1.06);filter:drop-shadow(0 0 14px rgba(10,210,255,.48))}
@media(max-width:800px){.site-header .wordmark{width:44px;height:44px;margin-left:16px}.site-header .wordmark .header-emblem{width:44px;height:44px}}
@media(max-width:540px){.site-header .wordmark{width:38px;height:38px;margin-left:0}.site-header .wordmark .header-emblem{width:38px;height:38px}}
@media(prefers-reduced-motion:reduce){.site-header .wordmark .header-emblem{transition:none}}

/* Show the digital globe and framed W together in the compact header emblem. */
.site-header .wordmark{position:relative;overflow:hidden}
.site-header .wordmark .header-emblem{position:absolute;width:223%;height:auto;max-width:none;left:-44.6%;top:-0.4%;object-fit:initial}

/* Keep the brand mark and primary navigation together, like Apple's compact header grouping. */
@media(min-width:1241px){.header-inner{justify-content:flex-start}.site-header .main-nav{margin-left:clamp(40px,3vw,64px)}.site-header .header-actions{margin-left:auto}}


/* Center the desktop header as one compact group and use the clean W emblem. */
@media(min-width:801px){.header-inner{justify-content:center;gap:clamp(20px,2.4vw,34px)}.site-header .wordmark{margin-left:0}.site-header .main-nav{margin-left:0;gap:clamp(12px,1.45vw,22px)}.site-header .header-actions{margin-left:0;gap:10px}}
.site-header .wordmark .header-emblem{width:52px;height:auto;left:50%;top:-2.8px;transform:translateX(-50%)}
.site-header .wordmark:hover .header-emblem{transform:translateX(-50%) scale(1.06)}
@media(max-width:800px){.site-header .wordmark .header-emblem{width:48px;top:-2.5px}}

/* Soften the bright main brand artwork slightly for comfortable viewing. */
.brand-hero-art img{filter:brightness(.88) saturate(.88)}
@media(hover:hover) and (pointer:fine){.brand-hero-art:hover img{filter:brightness(.96) saturate(1.02) drop-shadow(0 0 20px rgba(0,190,255,.24))}}
@media(prefers-reduced-motion:reduce){.brand-hero-art img{filter:brightness(.88) saturate(.88)}}

/* Blend and gently round the hero artwork's outer edge without changing the artwork itself. */
.brand-hero-art{isolation:auto;overflow:hidden;border-radius:clamp(20px,3.2vw,38px)}
.brand-hero-art img{mix-blend-mode:screen;border-radius:inherit}

/* One balanced desktop row, with the language selector between navigation and contact action. */
@media(min-width:1241px){
  .site-header .header-inner{display:grid;grid-template-columns:44px minmax(0,1fr) auto auto;justify-content:initial;gap:clamp(18px,2vw,30px)}
  .site-header .wordmark{width:44px;height:44px;margin:0}
  .site-header .wordmark .header-emblem{width:48px;top:-2px}
  .site-header .main-nav{min-width:0;display:flex;justify-content:space-between;gap:clamp(11px,1.1vw,18px);margin:0}
  .site-header .header-actions{display:contents}
}
@media(min-width:801px) and (max-width:1240px){
  .site-header .wordmark{width:44px;height:44px}
  .site-header .wordmark .header-emblem{width:48px}
}

/* Use the exact clean W emblem from the header in the approach section. */
.honesty-mark{width:160px;height:160px;border:0;background:transparent;box-shadow:none;transform:none}
.honesty-mark img{width:142px;height:142px;mix-blend-mode:screen;filter:drop-shadow(0 0 12px rgba(10,190,255,.2))}
@media(max-width:800px){.honesty-mark{width:116px;height:116px}.honesty-mark img{width:100px;height:100px}}
@media(max-width:540px){.honesty-mark{width:104px;height:104px}.honesty-mark img{width:90px;height:90px}}

/* Apple-like desktop navigation: compact controls distributed across one row. */
@media(min-width:1241px){
  .site-header .header-inner{
    width:min(1160px,calc(100% - 72px));
    height:60px;
    grid-template-columns:34px max-content max-content max-content;
    justify-content:center;
    gap:clamp(18px,1.8vw,26px);
  }
  .site-header .wordmark{width:34px;height:34px}
  .site-header .wordmark .header-emblem{width:36px;top:-1px}
  .site-header .main-nav{justify-content:flex-start;gap:clamp(16px,1.7vw,25px)}
  .site-header .main-nav a{font-size:13px;white-space:nowrap}
  .site-header .header-actions{gap:14px}
  .site-header .language-switcher{padding:2px;gap:2px}
  .site-header .language-switcher a{min-width:26px;padding:4px 5px;font-size:9px}
  .site-header .header-actions .button-small{min-height:34px;padding:0 13px;gap:7px;font-size:12px;white-space:nowrap}
.site-header .header-actions .button-small span{font-size:14px}
}

/* Match the About-page emblem to the FAQ icon in artwork size and treatment. */
.about-aside img.about-monogram{display:block;width:76px;height:76px;background:transparent;border-radius:0;object-fit:contain;mix-blend-mode:screen;filter:drop-shadow(0 0 10px rgba(10,190,255,.2))}
.about-content .value-list li{background:#102541;border-color:#2b4568;color:#edf5ff}
.about-content .value-list li span{color:#24d8f3}

/* Keep service cards consistent and make text in white contact fields readable. */
.section-services .service-tile,.section-services .service-tile.tile-large{background:linear-gradient(145deg,#12223a,#0e1a2e);border-color:#273b58}
.section-services .tile-icon,.section-services .tile-large .tile-icon{background:#15395d;color:#48dbf2}
.form-panel input:not([type=checkbox]),.form-panel select,.form-panel textarea{background:#fff;color:#111827!important;color-scheme:light}
.form-panel input::placeholder,.form-panel textarea::placeholder{color:#596579!important;opacity:1}
.form-panel form>label,.form-panel .form-row label{color:#edf4ff}
.contact-panel .contact-line small{color:#b7c8dd}
.contact-panel .contact-note{background:#10223c;border:1px solid #274564}
.contact-panel .contact-note p{color:#edf4ff}


/* Soften bright white surfaces consistently across every language. */
:root{--white:#e8edf2}
.form-panel input:not([type=checkbox]),.form-panel select,.form-panel textarea{background:#e8edf2!important;color:#111827!important;color-scheme:light}


/* Center the Web Forge logo in the FAQ callout. */
.faq-symbol{background:transparent;border-radius:0;color:inherit}
.faq-symbol img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:screen;filter:drop-shadow(0 0 10px rgba(10,190,255,.2))}


/* Center the FAQ callout and give it a finish that matches the dark site. */
.faq-aside{padding:clamp(24px,3vw,34px);border:1px solid #29496b;border-radius:26px;background:radial-gradient(ellipse at 50% 0%,rgba(18,91,158,.22),transparent 56%),linear-gradient(150deg,#142b49,#0e1b2f);box-shadow:0 18px 42px rgba(0,0,0,.2)}
.faq-symbol{margin:0 auto 22px}
.faq-aside>.eyebrow{text-align:center;color:#9fb8d5}
.faq-aside h2{max-width:100%;margin:0 0 20px;text-align:center;font-size:clamp(24px,2.4vw,29px);line-height:1.2}
.faq-aside .text-link{display:flex;width:max-content;max-width:100%;justify-content:center;margin:0 auto;padding:10px 15px;border:1px solid rgba(25,217,242,.24);border-radius:12px;background:rgba(8,121,255,.12);color:#8fdfff;text-align:center}
.faq-aside .text-link:hover{background:rgba(8,121,255,.2);border-color:rgba(25,217,242,.48)}
@media(max-width:800px){.faq-aside{position:static;max-width:560px;margin-inline:auto}}
.faq-symbol{animation:none!important}

/* Gentle motion across every Web Forge page and language. */
@keyframes webforge-page-flow{0%{background-position:0% 45%}50%{background-position:60% 50%}100%{background-position:100% 55%}}
@keyframes webforge-surface-breathe{0%,100%{box-shadow:0 10px 30px rgba(0,0,0,.16),0 0 0 rgba(0,174,255,0)}50%{box-shadow:0 14px 34px rgba(0,0,0,.2),0 0 22px rgba(0,174,255,.08)}}
.page-hero,.hero-section,.closing-cta,.process-section,.section-services,.pricing-section,.faq-section,.trust-strip,.honesty-section{background-size:180% 180%;animation:webforge-page-flow 22s ease-in-out infinite alternate}
.hero-section{background-image:radial-gradient(ellipse at 76% 45%,rgba(20,128,255,.14),transparent 48%)}
.price-card,.service-tile,.contact-panel,.form-panel,.about-aside,.faq-aside,.thanks-card,.pricing-bottom,.scope-callout{background-size:180% 180%;animation:webforge-page-flow 22s ease-in-out infinite alternate,webforge-surface-breathe 9s ease-in-out infinite}
.process-step{animation:webforge-surface-breathe 9s ease-in-out infinite}
.process-step:nth-child(2),.price-card:nth-child(2),.service-tile:nth-child(2){animation-delay:-3s}
.process-step:nth-child(3),.price-card:nth-child(3),.service-tile:nth-child(3){animation-delay:-6s}
.page-hero{background-size:170% 170%,100% 100%}
.closing-cta{background-size:180% 180%,100% 100%}
.site-header{background-size:180% 180%;animation:webforge-page-flow 28s ease-in-out infinite alternate}
@media(prefers-reduced-motion:reduce){.page-hero,.hero-section,.closing-cta,.process-section,.section-services,.pricing-section,.faq-section,.trust-strip,.honesty-section,.contact-panel,.form-panel,.about-aside,.faq-aside,.price-card,.service-tile,.thanks-card,.pricing-bottom,.scope-callout,.site-header,.process-step{animation:none!important}}

/* Match the FAQ callout's centered logo treatment on the About page. */
.about-aside{text-align:center}
.about-aside .faq-symbol{margin:0 auto 22px}
@media(max-width:540px){.about-aside{display:block;text-align:center}.about-aside .faq-symbol{margin:0 auto 22px}.about-aside p{text-align:center}}