@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");
.demo{min-height:100vh;overflow:clip}.demo *{box-sizing:border-box}.demo-preview-bar{z-index:110;color:#fffdf8;background:#202521;border-bottom:1px solid #ffffff29;grid-template-columns:1fr auto 1fr;align-items:center;min-height:50px;padding:0 max(16px,50vw - 660px);font-family:Inter,ui-sans-serif,system-ui,sans-serif;display:grid;position:sticky;top:0}.demo-preview-bar a{align-items:center;gap:7px;min-height:42px;font-size:12px;font-weight:800;display:inline-flex}.demo-preview-bar__start{align-items:center;gap:10px;min-width:0;display:flex}.demo-preview-bar__start>a:first-child{min-width:0}.demo-language-switch{color:#202521;background:#fffdf8;border-radius:999px;justify-content:center;min-width:38px;padding:0 8px}.demo-preview-bar>a:last-child{color:#f7d26c;justify-self:end}.demo-preview-bar>span{color:#ffffffad;letter-spacing:.09em;text-transform:uppercase;align-items:center;gap:7px;font-size:10px;font-weight:900;display:inline-flex}.demo-preview-bar>span i{background:#f1644b;border-radius:50%;width:7px;height:7px}.demo-construction{color:#20211e;background:#f2eee4;font-family:Arial,Helvetica,sans-serif}.build-nav{background:#f2eee4;border-bottom:1px solid #252621;grid-template-columns:auto 1fr auto;align-items:center;min-height:83px;padding:0 max(24px,50vw - 630px);display:grid}.build-logo{align-items:center;gap:11px;display:flex}.build-logo>i{color:#f2eee4;background:#c4522d;place-items:center;width:38px;height:38px;font-size:19px;font-style:normal;font-weight:900;display:grid}.build-logo>span{letter-spacing:.09em;font-size:13px;font-weight:950;line-height:1;display:grid}.build-logo small{letter-spacing:.18em;margin-top:4px;font-size:8px}.build-nav nav{justify-content:center;gap:28px;display:flex}.build-nav nav a{text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:900}.build-nav__cta{color:#f2eee4;text-transform:uppercase;background:#20211e;align-items:center;gap:8px;min-height:44px;padding:0 14px;font-size:11px;font-weight:900;display:inline-flex}.build-hero{border-left:1px solid #20211e47;border-right:1px solid #20211e47;grid-template-columns:.9fr 1.1fr;max-width:1260px;min-height:680px;margin:0 auto;display:grid;position:relative}.build-hero:before{content:"";pointer-events:none;background-image:linear-gradient(#20211e14 1px,#0000 1px),linear-gradient(90deg,#20211e14 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0}.build-hero__copy{z-index:2;border-right:1px solid #20211e47;flex-direction:column;justify-content:center;padding:68px 55px;display:flex;position:relative}.build-hero__copy>span,.build-section-title>span,.build-work__copy>span,.build-process>div:first-child>span{color:#a94426;letter-spacing:.12em;font-family:Courier New,monospace;font-size:11px;font-weight:900}.build-hero h1{letter-spacing:-.065em;text-transform:uppercase;max-width:9ch;margin:28px 0 22px;font-family:Arial Black,Arial,sans-serif;font-size:clamp(51px,6.3vw,76px);line-height:.91}.build-hero__copy>p{color:#5e615b;max-width:42ch;font-size:17px}.build-hero__copy>a{color:#f2eee4;text-transform:uppercase;background:#c4522d;align-self:flex-start;align-items:center;gap:11px;min-height:46px;margin-top:14px;padding:0 15px;font-size:12px;font-weight:900;display:inline-flex}.build-hero__image{margin:45px 42px 45px 28px;position:relative;overflow:hidden}.build-hero__image img{object-fit:cover;filter:saturate(.72)contrast(1.08);width:100%;height:100%}.build-hero__image>div{color:#f2eee4;background:#181a17e0;justify-content:space-between;align-items:center;gap:15px;padding:18px;display:flex;position:absolute;bottom:0;left:0;right:0}.build-hero__image span{letter-spacing:.1em;font:10px/1.2 Courier New,monospace}.build-hero__image b{text-transform:uppercase;font-size:13px}.build-hero__side{color:#6c6d66;letter-spacing:.16em;margin:0;font:9px/1 Courier New,monospace;position:absolute;top:49%;right:-42px;transform:rotate(90deg)}.build-spec{color:#f2eee4;background:#20211e;grid-template-columns:1fr 2fr auto;align-items:center;gap:30px;min-height:90px;padding:0 max(24px,50vw - 630px);display:grid}.build-spec span{letter-spacing:.12em;font:10px/1.2 Courier New,monospace}.build-spec p{color:#ffffffa6;margin:0;font-size:14px}.build-services{padding:120px max(24px,50vw - 630px)}.build-section-title{grid-template-columns:.6fr 1.4fr;gap:55px;margin-bottom:60px;display:grid}.build-section-title h2{text-transform:uppercase;max-width:15ch;margin:0;font-family:Arial Black,Arial,sans-serif;font-size:clamp(38px,5vw,55px);line-height:.95}.build-services>div:last-child{border-top:1px solid #272823;border-left:1px solid #272823;grid-template-columns:repeat(3,1fr);display:grid}.build-services article{border-bottom:1px solid #272823;border-right:1px solid #272823;min-height:340px;padding:27px;position:relative}.build-services article>span{font:11px/1 Courier New,monospace}.build-services article h3{text-transform:uppercase;max-width:10ch;margin:120px 0 14px;font-family:Arial Black,Arial,sans-serif;font-size:27px}.build-services article p{color:#656861;font-size:15px}.build-services article svg{position:absolute;top:21px;right:21px}.build-work{color:#f2eee4;background:#343934;grid-template-columns:1.12fr .88fr;min-height:780px;display:grid}.build-work__large{min-height:780px;position:relative}.build-work__large img{object-fit:cover;filter:grayscale(.18)saturate(.62);width:100%;height:100%}.build-work__large span{color:#20211e;background:#f2eee4;padding:8px 10px;font:10px/1 Courier New,monospace;position:absolute;bottom:18px;left:18px}.build-work__copy{flex-direction:column;padding:75px 55px;display:flex}.build-work__copy>span{color:#e47b51}.build-work__copy h2{text-transform:uppercase;max-width:11ch;margin:55px 0 20px;font-family:Arial Black,Arial,sans-serif;font-size:43px;line-height:.96}.build-work__copy>p{color:#ffffff9e;font-size:16px}.build-work__copy img{aspect-ratio:1.1;object-fit:cover;filter:grayscale(.25);align-self:flex-end;width:68%;margin-top:auto}.build-process{background:#d6cdbd;grid-template-columns:.65fr 1.35fr;gap:70px;padding:110px max(24px,50vw - 630px);display:grid}.build-process>div:first-child h2{text-transform:uppercase;max-width:8ch;font-family:Arial Black,Arial,sans-serif;font-size:47px}.build-process>p{color:#20211e;text-transform:uppercase;border-top:1px solid #2d2f2a;grid-template-columns:55px 1fr;align-items:center;min-height:86px;margin:0;font-family:Arial Black,Arial,sans-serif;font-size:23px;display:grid}.build-process>p span{color:#b54b29;font:11px/1 Courier New,monospace}.build-contact{background:#cb572f;padding:120px max(24px,50vw - 630px)}.build-contact>span{letter-spacing:.12em;font:11px/1 Courier New,monospace}.build-contact h2{text-transform:uppercase;max-width:12ch;margin:36px 0 18px;font-family:Arial Black,Arial,sans-serif;font-size:50px}.build-contact p{color:#20211eb3;max-width:53ch}.build-contact a{color:#f2eee4;text-transform:uppercase;background:#20211e;align-items:center;gap:12px;min-height:50px;margin-top:18px;padding:0 18px;font-size:12px;font-weight:900;display:inline-flex}.build-footer{color:#ffffff8c;letter-spacing:.11em;background:#20211e;justify-content:space-between;padding:24px max(24px,50vw - 630px);font:9px/1.2 Courier New,monospace;display:flex}.demo-home-services{color:#14201e;background:#f7f9f2;font-family:Inter,ui-sans-serif,system-ui,sans-serif}.fix-alert{color:#fcf9ef;background:#153e39;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 18px;font-size:11px;font-weight:800;display:flex}.fix-alert span{color:#a8d7c5;position:absolute;right:20px}.fix-nav{background:#f7f9f2;border-bottom:1px solid #14201e26;grid-template-columns:auto 1fr auto;align-items:center;min-height:76px;padding:0 max(20px,50vw - 620px);display:grid}.fix-logo{letter-spacing:-.05em;align-items:center;font-size:19px;font-weight:950;display:flex}.fix-logo>span{color:#14201e;background:#f4d337;border-radius:50%;place-items:center;width:37px;height:37px;margin-right:8px;display:grid}.fix-logo>span i{background:#14201e;width:15px;height:4px}.fix-logo em{color:#e7593f;font-style:normal}.fix-nav nav{justify-content:center;gap:28px;display:flex}.fix-nav nav a{font-size:13px;font-weight:800}.fix-nav>a:last-child{color:#fcf9ef;background:#e7593f;border-radius:999px;align-items:center;gap:7px;min-height:44px;padding:0 14px;font-size:12px;font-weight:900;display:inline-flex}.fix-hero{background:linear-gradient(115deg,#f4d337 0 51%,#dcefdc 51%);grid-template-columns:.95fr 1.05fr;min-height:630px;padding:62px max(20px,50vw - 620px);display:grid}.fix-hero__copy{flex-direction:column;justify-content:center;padding-right:60px;display:flex}.fix-hero__copy>span{letter-spacing:.05em;background:#ffffff80;border-radius:999px;align-self:flex-start;align-items:center;gap:7px;padding:8px 11px;font-size:10px;font-weight:900;display:flex}.fix-hero h1{letter-spacing:-.065em;max-width:11ch;margin:27px 0 19px;font-size:clamp(49px,6vw,70px);font-weight:900;line-height:.96}.fix-hero__copy>p{color:#4f574e;max-width:44ch;font-size:17px}.fix-hero__copy>div{gap:10px;margin-top:17px;display:flex}.fix-hero__copy a{background:#fff;border:1px solid #14201e;border-radius:999px;align-items:center;gap:8px;min-height:48px;padding:0 15px;font-size:13px;font-weight:850;display:inline-flex}.fix-hero__copy a:first-child{color:#fff;background:#14201e}.fix-hero__photo{background:#153e39;border-radius:30px 90px 30px 30px;min-height:500px;margin-left:25px;position:relative;overflow:hidden}.fix-hero__photo img{object-fit:cover;width:100%;height:100%}.fix-hero__photo>div{color:#14201e;background:#f4d337;border-radius:14px;align-items:center;gap:10px;max-width:170px;padding:12px;display:flex;position:absolute;bottom:18px;right:18px}.fix-hero__photo strong{font-size:35px;line-height:1}.fix-hero__photo span{font-size:10px;font-weight:850;line-height:1.2}.fix-chooser{padding:110px max(20px,50vw - 620px)}.fix-section-heading{grid-template-columns:.6fr 1.4fr;gap:50px;margin-bottom:45px;display:grid}.fix-section-heading>span{color:#e7593f;letter-spacing:.1em;font-size:11px;font-weight:950}.fix-section-heading h2{max-width:15ch;margin:0;font-size:46px}.fix-tabs{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.fix-tabs button{color:#14201e;text-align:left;cursor:pointer;background:#ecf0e6;border:1px solid #0000;border-radius:14px;align-items:center;gap:12px;min-height:75px;padding:15px;font-weight:850;display:flex}.fix-tabs button span{background:#fff;border-radius:50%;place-items:center;width:31px;height:31px;font-size:10px;display:grid}.fix-tabs button.is-active{background:#f4d337;border-color:#14201e}.fix-tab-panel{grid-template-columns:.9fr 1.1fr;gap:18px;min-height:480px;margin-top:18px;display:grid}.fix-tab-panel>div{color:#fff;background:#153e39;border-radius:19px;flex-direction:column;padding:38px;display:flex}.fix-tab-panel>div>span{color:#8fd4bd;letter-spacing:.1em;font-size:10px;font-weight:900}.fix-tab-panel h3{color:#fff;margin:60px 0 14px;font-size:38px}.fix-tab-panel p{color:#ffffffa6}.fix-tab-panel ul{gap:8px;margin:17px 0 25px;padding:0;list-style:none;display:grid}.fix-tab-panel li{color:#d8e9e2;align-items:center;gap:8px;font-size:13px;display:flex}.fix-tab-panel>div a{color:#14201e;background:#f4d337;border-radius:999px;align-self:flex-start;align-items:center;gap:8px;min-height:44px;margin-top:auto;padding:0 14px;font-size:12px;font-weight:900;display:inline-flex}.fix-tab-panel>img{object-fit:cover;border-radius:19px;width:100%;height:100%}.fix-care{background:#ed654a;padding:105px max(20px,50vw - 620px)}.fix-care>div:first-child{grid-template-columns:.6fr 1.4fr;gap:50px;margin-bottom:45px;display:grid}.fix-care>div:first-child span{letter-spacing:.1em;font-size:10px;font-weight:950}.fix-care>div:first-child h2{max-width:16ch;margin:0;font-size:45px}.fix-care>article{border-top:1px solid #14201e59;grid-template-columns:55px .7fr 1.3fr;align-items:center;gap:20px;min-height:105px;display:grid}.fix-care article>span{font-size:11px;font-weight:950}.fix-care h3{margin:0;font-size:23px}.fix-care article p{color:#14201eb3;margin:0;font-size:15px}.fix-coverage{background:#dcefdc;grid-template-columns:1.1fr .9fr;min-height:600px;display:grid}.fix-coverage>img{object-fit:cover;width:100%;height:100%;min-height:600px}.fix-coverage>div{flex-direction:column;justify-content:center;padding:65px;display:flex}.fix-coverage svg{color:#e7593f}.fix-coverage span{color:#e7593f;letter-spacing:.1em;margin-top:24px;font-size:10px;font-weight:950}.fix-coverage h2{max-width:11ch;margin:25px 0 17px;font-size:43px}.fix-request{color:#fff;background:#153e39;justify-content:space-between;align-items:center;gap:40px;padding:90px max(20px,50vw - 620px);display:flex}.fix-request span{color:#9cddc5;letter-spacing:.1em;font-size:10px;font-weight:900}.fix-request h2{max-width:20ch;margin:19px 0 0;font-size:40px}.fix-request>a{color:#14201e;background:#f4d337;border-radius:999px;align-items:center;gap:9px;min-height:50px;padding:0 17px;font-size:13px;font-weight:900;display:inline-flex}.fix-footer{color:#71807a;letter-spacing:.08em;background:#edf3e9;justify-content:space-between;padding:23px max(20px,50vw - 620px);font-size:9px;font-weight:900;display:flex}.demo-restaurant{color:#f8e8cc;background:#2c0d18;font-family:Georgia,Times New Roman,serif}.table-nav{z-index:20;color:#fff4df;border-bottom:1px solid #ffffff4d;grid-template-columns:auto 1fr auto;align-items:center;min-height:90px;padding:0 max(25px,50vw - 630px);display:grid;position:absolute;top:50px;left:0;right:0}.table-logo{letter-spacing:.11em;flex-direction:column;font-size:22px;font-weight:700;line-height:.82;display:flex}.table-logo span{color:#efa840;margin-left:28px;font-size:11px}.table-nav nav{justify-content:center;gap:35px;display:flex}.table-nav nav a{letter-spacing:.13em;text-transform:uppercase;font-family:Arial,sans-serif;font-size:11px;font-weight:700}.table-nav>a:last-child{text-transform:uppercase;border:1px solid #ffffffa6;border-radius:999px;align-items:center;gap:8px;min-height:44px;padding:0 15px;font-family:Arial,sans-serif;font-size:11px;font-weight:800;display:inline-flex}.table-hero{min-height:820px;position:relative}.table-hero>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.table-hero__veil{background:linear-gradient(90deg,#260713ed 0%,#2c0d18bf 43%,#2c0d182b 85%),linear-gradient(#0000 55%,#2c0d18cc);position:absolute;inset:0}.table-hero__copy{z-index:3;flex-direction:column;justify-content:flex-end;max-width:1260px;min-height:820px;margin:0 auto;padding:180px 52% 95px 0;display:flex;position:relative}.table-hero__copy>span,.table-intro>span,.table-menu__top span,.table-gallery>div span,.table-visit span{color:#efa840;letter-spacing:.16em;font-family:Arial,sans-serif;font-size:10px;font-weight:850}.table-hero h1{letter-spacing:-.055em;max-width:9ch;margin:25px 0 18px;font-size:clamp(54px,7vw,82px);font-weight:400;line-height:.94}.table-hero__copy>p{color:#fff4dfad;max-width:45ch;font-family:Arial,sans-serif;font-size:16px}.table-hero__copy>a{color:#2c0d18;text-transform:uppercase;background:#efa840;border-radius:999px;align-self:flex-start;align-items:center;gap:10px;min-height:48px;margin-top:16px;padding:0 15px;font-family:Arial,sans-serif;font-size:11px;font-weight:900;display:inline-flex}.table-hero__aside{z-index:2;color:#ffffffb3;letter-spacing:.14em;writing-mode:vertical-rl;margin:0;font-family:Arial,sans-serif;font-size:9px;position:absolute;bottom:75px;right:35px}.table-intro{background:#4a1424;grid-template-columns:.4fr 1.1fr .7fr;gap:50px;padding:120px max(25px,50vw - 630px);display:grid}.table-intro h2{color:#f8e8cc;max-width:15ch;margin:0;font-size:49px;font-weight:400;line-height:1.04}.table-intro p{color:#fff4df94;font-family:Arial,sans-serif;font-size:15px}.table-menu{color:#39101d;background:#f3ddba;padding:120px max(25px,50vw - 630px)}.table-menu__top{grid-template-columns:.8fr 1.2fr;align-items:end;gap:55px;margin-bottom:45px;display:grid}.table-menu__top h2{max-width:11ch;margin:20px 0 0;font-size:48px;font-weight:400}.table-menu__top>div:last-child{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.table-menu__top button{color:#39101d;cursor:pointer;background:0 0;border:1px solid #39101d4d;border-radius:999px;min-height:43px;padding:0 14px;font-family:Arial,sans-serif;font-size:11px;font-weight:800}.table-menu__top button.is-active{color:#f3ddba;background:#7e2035;border-color:#7e2035}.table-menu__panel{background:#f8ead2;grid-template-columns:1fr 1fr;min-height:540px;display:grid}.table-menu__panel>img{object-fit:cover;width:100%;height:100%}.table-menu__panel>div{flex-direction:column;justify-content:center;padding:48px;display:flex}.table-menu__panel article{border-top:1px solid #39101d40;grid-template-columns:35px 1fr auto;align-items:start;gap:15px;padding:25px 0;display:grid}.table-menu__panel article:last-child{border-bottom:1px solid #39101d40}.table-menu__panel article>span{color:#b25a38;font-family:Arial,sans-serif;font-size:10px;font-weight:900}.table-menu__panel h3{margin:0 0 5px;font-size:25px;font-weight:400}.table-menu__panel p{color:#8d6e60;margin:0;font-family:Arial,sans-serif;font-size:12px}.table-menu__panel b{color:#8c273e;font-family:Arial,sans-serif}.table-menu__note{color:#9a7c6d;text-align:right;margin:12px 0 0;font-family:Arial,sans-serif;font-size:10px}.table-gallery{grid-template-columns:1.15fr .85fr;min-height:660px;display:grid}.table-gallery>img{object-fit:cover;width:100%;height:100%;min-height:660px}.table-gallery>div{background:#7d2036;flex-direction:column;justify-content:center;padding:70px;display:flex}.table-gallery h2{color:#f8e8cc;max-width:11ch;margin:28px 0 19px;font-size:46px;font-weight:400}.table-gallery p{color:#fff4df9e;font-family:Arial,sans-serif;font-size:15px}.table-visit{background:#f8e8cc33;grid-template-columns:1fr 1fr;gap:1px;display:grid}.table-visit>div{background:#2c0d18;min-height:330px;padding:55px 55px 55px max(25px,50vw - 630px)}.table-visit>div:first-child{padding-left:max(25px,50vw - 630px);padding-right:45px}.table-visit svg{color:#efa840}.table-visit span{margin-top:35px;display:block}.table-visit h2{color:#f8e8cc;margin-top:20px;font-size:32px;font-weight:400}.table-visit p{color:#fff4dfab;font-family:Arial,sans-serif;line-height:2}.table-reserve{color:#39101d;background:#efa840;padding:110px max(25px,50vw - 630px)}.table-reserve>span{letter-spacing:.14em;font-family:Arial,sans-serif;font-size:10px;font-weight:900}.table-reserve h2{max-width:15ch;margin:30px 0;font-size:49px;font-weight:400}.table-reserve a{color:#f8e8cc;background:#39101d;border-radius:999px;align-items:center;gap:9px;min-height:49px;padding:0 17px;font-family:Arial,sans-serif;font-size:12px;font-weight:900;display:inline-flex}.table-footer{color:#ffffff6e;letter-spacing:.1em;background:#210912;justify-content:space-between;padding:23px max(25px,50vw - 630px);font-family:Arial,sans-serif;font-size:9px;display:flex}.demo-beauty{color:#151515;background:#f3edff;font-family:Arial,Helvetica,sans-serif}.vivid-nav{background:#f3edff;border-bottom:2px solid #151515;grid-template-columns:auto 1fr auto auto;align-items:center;min-height:80px;padding:0 max(20px,50vw - 640px);display:grid}.vivid-logo{letter-spacing:-.07em;flex-direction:column;font-size:24px;font-weight:950;line-height:.72;display:flex;transform:skew(-7deg)}.vivid-logo span{color:#d73382;letter-spacing:.08em;margin-left:24px;font-size:12px}.vivid-nav nav{justify-content:center;gap:30px;display:flex}.vivid-nav nav a{text-transform:uppercase;font-size:12px;font-weight:900}.vivid-nav>a:nth-last-child(2){color:#f8ff76;text-transform:uppercase;background:#151515;border-radius:999px;align-items:center;gap:7px;min-height:44px;padding:0 15px;font-size:11px;font-weight:900;display:inline-flex}.vivid-nav>button{display:none}.vivid-marquee{color:#151515;letter-spacing:.15em;white-space:nowrap;background:#f8ff76;border-bottom:2px solid #151515;align-items:center;min-height:42px;font-size:11px;font-weight:950;display:flex;overflow:hidden}.vivid-marquee span{flex:none;min-width:100%;animation:16s linear infinite vivid-scroll}@keyframes vivid-scroll{to{transform:translate(-100%)}}.vivid-hero{background:linear-gradient(110deg,#f3edff 0 53%,#f59ec8 53%);grid-template-columns:.9fr 1.1fr;min-height:680px;padding:45px max(20px,50vw - 640px);display:grid;position:relative}.vivid-hero__copy{flex-direction:column;justify-content:center;padding-right:45px;display:flex}.vivid-hero__copy>span,.vivid-services>div:first-child>span,.vivid-looks__copy>span,.vivid-visit span,.vivid-book span{letter-spacing:.14em;font-size:10px;font-weight:950}.vivid-hero h1{letter-spacing:-.075em;text-transform:uppercase;max-width:9.5ch;margin:27px 0 18px;font-size:clamp(51px,6.8vw,78px);font-weight:950;line-height:.9}.vivid-hero__copy>p{color:#59555e;max-width:43ch;font-size:16px}.vivid-hero__copy>a{color:#151515;text-transform:uppercase;background:#f8ff76;border:2px solid #151515;border-radius:999px;align-self:flex-start;align-items:center;gap:9px;min-height:47px;margin-top:16px;padding:0 16px;font-size:12px;font-weight:950;display:inline-flex}.vivid-hero__photo{border:2px solid #151515;border-radius:48% 48% 8px 8px;min-height:590px;margin-left:20px;position:relative;overflow:hidden}.vivid-hero__photo img{object-fit:cover;width:100%;height:100%}.vivid-hero__photo>span{background:#f8ff76;padding:8px 10px;font-size:9px;font-weight:950;position:absolute;bottom:15px;left:15px}.vivid-hero__stamp{aspect-ratio:1;color:#f8ff76;background:#d73382;border:3px solid #151515;border-radius:50%;place-items:center;width:125px;display:grid;position:absolute;top:12%;right:3%;transform:rotate(11deg)}.vivid-hero__stamp b{font-size:45px;line-height:.7}.vivid-hero__stamp span{text-align:center;font-size:8px;font-weight:950;line-height:1.1}.vivid-services{background:#cfef6f;padding:115px max(20px,50vw - 640px)}.vivid-services>div:first-child{grid-template-columns:.6fr 1.4fr;gap:50px;margin-bottom:48px;display:grid}.vivid-services>div:first-child h2{text-transform:uppercase;max-width:14ch;margin:0;font-size:48px;font-weight:950;line-height:.95}.vivid-service-tabs{border:2px solid #151515;grid-template-columns:repeat(3,1fr);gap:0;display:grid}.vivid-service-tabs button{color:#151515;text-align:left;cursor:pointer;background:#cfef6f;border:0;border-right:2px solid #151515;flex-direction:column;min-height:280px;padding:24px;display:flex;position:relative}.vivid-service-tabs button:last-child{border-right:0}.vivid-service-tabs button.is-active{background:#f8ff76}.vivid-service-tabs button>span{font-size:10px;font-weight:950}.vivid-service-tabs button b{text-transform:uppercase;max-width:9ch;margin-top:auto;font-size:27px;line-height:.95}.vivid-service-tabs button small{color:#4d5142;margin-top:10px;font-size:12px;line-height:1.35}.vivid-service-tabs button svg{position:absolute;top:18px;right:18px}.vivid-service-result{color:#f3edff;background:#151515;grid-template-columns:.3fr 1fr 1.2fr auto;align-items:center;gap:25px;min-height:120px;padding:22px;display:grid}.vivid-service-result>span{color:#f8ff76;font-size:9px;font-weight:950}.vivid-service-result h3{color:#f3edff;text-transform:uppercase;margin:0;font-size:22px}.vivid-service-result p{color:#fff9;margin:0;font-size:13px}.vivid-service-result a{color:#151515;white-space:nowrap;background:#d73382;border-radius:999px;align-items:center;gap:7px;min-height:43px;padding:0 13px;font-size:10px;font-weight:950;display:inline-flex}.vivid-looks{background:#f3edff;grid-template-columns:1fr .8fr .75fr;gap:25px;min-height:740px;padding:80px max(20px,50vw - 640px);display:grid}.vivid-look{border:2px solid #151515;align-self:end;height:55%;position:relative;overflow:hidden}.vivid-look--tall{align-self:stretch;height:auto}.vivid-look img{object-fit:cover;width:100%;height:100%}.vivid-look span{background:#f8ff76;padding:7px 9px;font-size:9px;font-weight:950;position:absolute;bottom:10px;left:10px}.vivid-looks__copy{align-self:center;padding:25px}.vivid-looks__copy h2{text-transform:uppercase;margin:27px 0 17px;font-size:43px;font-weight:950;line-height:.95}.vivid-looks__copy p{color:#625e67;font-size:15px}.vivid-visit{background:#151515;border:2px solid #151515;grid-template-columns:1.2fr .7fr .7fr;gap:1px;display:grid}.vivid-visit>div,.vivid-visit>p{color:#151515;background:#f59ec8;min-height:260px;margin:0;padding:38px}.vivid-visit>p:first-of-type{background:#f8ff76}.vivid-visit>p:nth-of-type(2){background:#cfef6f}.vivid-visit h2{text-transform:uppercase;max-width:10ch;margin-top:70px;font-size:37px;font-weight:950}.vivid-visit p{font-size:14px;font-weight:850;line-height:1.8}.vivid-book{color:#f3edff;background:#d73382;justify-content:space-between;align-items:center;gap:40px;padding:105px max(20px,50vw - 640px);display:flex}.vivid-book h2{text-transform:uppercase;max-width:17ch;margin:22px 0 0;font-size:44px;font-weight:950;line-height:.95}.vivid-book a{color:#151515;background:#f8ff76;border:2px solid #151515;border-radius:999px;align-items:center;gap:8px;min-height:48px;padding:0 16px;font-size:11px;font-weight:950;display:inline-flex}.vivid-footer{color:#f3edff;letter-spacing:.12em;text-align:center;background:#151515;padding:22px max(20px,50vw - 640px);font-size:9px;font-weight:900}.demo-professional{color:#1d2926;background:#f4f2e9;font-family:Arial,Helvetica,sans-serif}.kestrel-nav{background:#f4f2e9;border-bottom:1px solid #1d292633;grid-template-columns:auto 1fr auto;align-items:center;min-height:88px;padding:0 max(24px,50vw - 620px);display:grid}.kestrel-logo{align-items:center;gap:10px;display:flex}.kestrel-logo>i{color:#f4f2e9;background:#1f4e43;place-items:center;width:39px;height:39px;font-family:Georgia,serif;font-size:21px;font-style:normal;display:grid}.kestrel-logo>span{letter-spacing:.09em;font-family:Georgia,serif;font-size:16px;display:grid}.kestrel-logo small{letter-spacing:.18em;font-family:Arial,sans-serif;font-size:7px}.kestrel-nav nav{justify-content:center;gap:31px;display:flex}.kestrel-nav nav a{letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:800}.kestrel-nav>a:last-child{color:#f4f2e9;background:#1f4e43;align-items:center;gap:8px;min-height:45px;padding:0 15px;font-size:11px;font-weight:850;display:inline-flex}.kestrel-hero{grid-template-columns:.9fr 1.1fr;align-items:center;gap:70px;min-height:670px;padding:68px max(24px,50vw - 620px);display:grid}.kestrel-hero>div>span,.kestrel-note>span,.kestrel-practice>div:first-child>span,.kestrel-method>div span,.kestrel-perspective span,.kestrel-conversation>span{color:#9a6a3a;letter-spacing:.14em;font-size:10px;font-weight:900}.kestrel-hero h1{letter-spacing:-.05em;max-width:10ch;margin:29px 0 21px;font-family:Georgia,serif;font-size:clamp(49px,5.9vw,70px);font-weight:400;line-height:.98}.kestrel-hero p{max-width:46ch;font-size:16px}.kestrel-hero>div>a{color:#f4f2e9;background:#1f4e43;align-items:center;gap:8px;min-height:46px;margin-top:15px;padding:0 14px;font-size:11px;font-weight:850;display:inline-flex}.kestrel-hero figure{height:550px;margin:0;position:relative}.kestrel-hero figure:before{content:"";border:1px solid #a5794d;position:absolute;inset:-15px 22px 18px -15px}.kestrel-hero figure img{object-fit:cover;filter:saturate(.65)sepia(.05);width:100%;height:100%;position:relative}.kestrel-hero figcaption{color:#f4f2e9;letter-spacing:.12em;background:#162d27d9;padding:8px 9px;font-size:8px;position:absolute;bottom:13px;right:14px}.kestrel-note{color:#f4f2e9;background:#1f4e43;grid-template-columns:.35fr 1.65fr;gap:55px;padding:100px max(24px,50vw - 620px);display:grid}.kestrel-note blockquote{letter-spacing:-.035em;max-width:28ch;margin:0;font-family:Georgia,serif;font-size:42px;line-height:1.18}.kestrel-practice{background:#e8e1d2;grid-template-columns:.65fr 1.35fr;gap:65px;padding:120px max(24px,50vw - 620px);display:grid}.kestrel-practice>div:first-child h2{max-width:11ch;margin:25px 0 0;font-family:Georgia,serif;font-size:46px;font-weight:400}.kestrel-selector{align-self:start;display:grid}.kestrel-selector button{color:#1d2926;text-align:left;cursor:pointer;background:0 0;border:0;border-top:1px solid #1d292647;grid-template-columns:38px 1fr auto;align-items:center;min-height:82px;font-family:Georgia,serif;font-size:19px;display:grid}.kestrel-selector button:last-child{border-bottom:1px solid #1d292647}.kestrel-selector button>span{color:#9a6a3a;font-family:Arial,sans-serif;font-size:10px;font-weight:900}.kestrel-selector button.is-active{color:#f4f2e9;background:#1f4e43;padding-left:13px}.kestrel-answer{color:#f4f2e9;background:#8b6140;grid-column:2;margin-top:-25px;padding:35px}.kestrel-answer>span{letter-spacing:.12em;font-size:9px;font-weight:900}.kestrel-answer h3{color:#f4f2e9;margin:45px 0 12px;font-family:Georgia,serif;font-size:31px;font-weight:400}.kestrel-answer p{color:#ffffffa6}.kestrel-answer ul{grid-template-columns:repeat(3,1fr);gap:10px;margin:27px 0 0;padding:0;list-style:none;display:grid}.kestrel-answer li{border-top:1px solid #ffffff4d;align-items:flex-start;gap:7px;padding-top:11px;font-size:11px;display:flex}.kestrel-method{background:#f4f2e9;grid-template-columns:1.1fr .9fr;min-height:650px;display:grid}.kestrel-method>img{object-fit:cover;filter:saturate(.55);width:100%;height:100%;min-height:650px}.kestrel-method>div{flex-direction:column;justify-content:center;padding:70px;display:flex}.kestrel-method h2{max-width:12ch;margin:27px 0 18px;font-family:Georgia,serif;font-size:44px;font-weight:400}.kestrel-method p{font-size:15px}.kestrel-perspective{color:#f4f2e9;background:#202b28;grid-template-columns:.8fr 1.2fr;min-height:530px;display:grid}.kestrel-perspective>div{flex-direction:column;justify-content:center;padding:70px 60px 70px max(25px,50vw - 620px);display:flex}.kestrel-perspective h2{color:#f4f2e9;margin:25px 0 14px;font-family:Georgia,serif;font-size:37px;font-weight:400}.kestrel-perspective p{color:#ffffff9e;font-family:Georgia,serif;font-size:20px}.kestrel-perspective>img{object-fit:cover;filter:saturate(.5);width:100%;height:100%;min-height:530px}.kestrel-conversation{background:#c7b996;padding:110px max(24px,50vw - 620px)}.kestrel-conversation h2{max-width:16ch;margin:31px 0;font-family:Georgia,serif;font-size:48px;font-weight:400}.kestrel-conversation a{color:#f4f2e9;background:#1f4e43;align-items:center;gap:9px;min-height:47px;padding:0 15px;font-size:11px;font-weight:850;display:inline-flex}.kestrel-footer{color:#ffffff73;letter-spacing:.11em;background:#17211f;justify-content:space-between;padding:23px max(24px,50vw - 620px);font-size:8px;font-weight:850;display:flex}.demo-nonprofit{color:#29443a;background:#fffaf0;font-family:ui-rounded,Avenir Next,Arial,sans-serif}.harbor-nav{background:#fffaf0;border-bottom:1px solid #29443a29;grid-template-columns:auto 1fr auto;align-items:center;min-height:84px;padding:0 max(20px,50vw - 615px);display:grid}.harbor-logo{align-items:center;gap:9px;display:flex}.harbor-logo>span{color:#fffaf0;background:#2c7d62;border-radius:50% 50% 46% 54%;place-items:center;width:42px;height:42px;font-family:Georgia,serif;font-size:22px;display:grid}.harbor-logo b{font-family:Georgia,serif;font-size:17px;line-height:.95;display:grid}.harbor-logo small{color:#d0644d;letter-spacing:.1em;text-transform:uppercase;margin-top:4px;font-family:Arial,sans-serif;font-size:8px}.harbor-nav nav{justify-content:center;gap:30px;display:flex}.harbor-nav nav a{font-size:12px;font-weight:850}.harbor-nav>a:last-child{color:#fffaf0;background:#d0644d;border-radius:12px;align-items:center;gap:8px;min-height:45px;padding:0 15px;font-size:11px;font-weight:900;display:inline-flex}.harbor-hero{background:#d7ece0;grid-template-columns:.9fr 1.1fr;gap:52px;min-height:680px;padding:65px max(20px,50vw - 615px);display:grid}.harbor-hero__copy{flex-direction:column;justify-content:center;display:flex}.harbor-hero__copy>span{color:#d0644d;letter-spacing:.09em;align-items:center;gap:7px;font-size:10px;font-weight:900;display:inline-flex}.harbor-hero h1{letter-spacing:-.05em;max-width:10ch;margin:29px 0 21px;font-family:Georgia,serif;font-size:clamp(50px,6vw,71px);font-weight:400;line-height:.98}.harbor-hero__copy>p{color:#5c746a;max-width:47ch;font-size:16px}.harbor-hero__copy>div{gap:10px;margin-top:18px;display:flex}.harbor-hero__copy a{border:1px solid #2c7d62;border-radius:12px;align-items:center;gap:8px;min-height:47px;padding:0 15px;font-size:11px;font-weight:900;display:inline-flex}.harbor-hero__copy a:first-child{color:#fffaf0;background:#2c7d62}.harbor-hero__photo{border-radius:160px 20px;min-height:545px;position:relative;overflow:hidden}.harbor-hero__photo img{object-fit:cover;width:100%;height:100%}.harbor-hero__photo span{color:#29443a;background:#f5d266;border-radius:10px;max-width:200px;padding:10px 12px;font-size:9px;font-weight:900;line-height:1.3;position:absolute;bottom:24px;left:28px}.harbor-welcome{background:#fffaf0;padding:110px max(20px,50vw - 615px)}.harbor-welcome>span,.harbor-programs>div:first-child>span,.harbor-story>div:last-child>span,.harbor-gather>div:first-child>span,.harbor-volunteer span{color:#d0644d;letter-spacing:.12em;font-size:10px;font-weight:900}.harbor-welcome h2{max-width:14ch;margin:27px 0 17px;font-family:Georgia,serif;font-size:49px;font-weight:400}.harbor-welcome>p{color:#64786f;max-width:66ch}.harbor-welcome>div{flex-wrap:wrap;gap:9px;margin-top:30px;display:flex}.harbor-welcome>div span{background:#e6f0d5;border-radius:999px;align-items:center;gap:7px;min-height:44px;padding:0 13px;font-size:11px;font-weight:850;display:inline-flex}.harbor-programs{background:#f4d166;padding:110px max(20px,50vw - 615px)}.harbor-programs>div:first-child{grid-template-columns:.6fr 1.4fr;gap:50px;margin-bottom:48px;display:grid}.harbor-programs>div:first-child h2{max-width:13ch;margin:0;font-family:Georgia,serif;font-size:48px;font-weight:400}.harbor-programs>div:last-child{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.harbor-programs article{background:#fffaf0;border-radius:20px;flex-direction:column;min-height:330px;padding:27px;display:flex}.harbor-programs article>span{color:#d0644d;font-size:10px;font-weight:900}.harbor-programs h3{max-width:10ch;margin:100px 0 13px;font-family:Georgia,serif;font-size:27px;font-weight:400}.harbor-programs p{color:#68796f;font-size:14px}.harbor-programs article a{align-items:center;gap:7px;min-height:42px;margin-top:auto;font-size:11px;font-weight:900;display:inline-flex}.harbor-story{background:#2c7d62;grid-template-columns:1.1fr .9fr;min-height:720px;display:grid}.harbor-story__grid{grid-template-columns:1.1fr .9fr;gap:10px;padding:50px 0 50px max(20px,50vw - 615px);display:grid}.harbor-story__grid img{object-fit:cover;border-radius:18px;width:100%;height:100%}.harbor-story__grid img:last-child{align-self:end;height:72%}.harbor-story>div:last-child{color:#fffaf0;flex-direction:column;justify-content:center;padding:65px;display:flex}.harbor-story>div:last-child>span{color:#f5d266}.harbor-story h2{color:#fffaf0;max-width:13ch;margin:27px 0 18px;font-family:Georgia,serif;font-size:44px;font-weight:400}.harbor-story p{color:#ffffffa8;font-size:15px}.harbor-gather{background:#e5f1ea;padding:110px max(20px,50vw - 615px)}.harbor-gather>div:first-child{grid-template-columns:.6fr 1.4fr;gap:50px;margin-bottom:45px;display:grid}.harbor-gather>div:first-child h2{margin:0;font-family:Georgia,serif;font-size:46px;font-weight:400}.harbor-gather>article{border-top:1px solid #29443a40;grid-template-columns:50px 1fr .5fr 1fr;align-items:center;gap:22px;min-height:100px;display:grid}.harbor-gather article>span{color:#d0644d;font-size:10px;font-weight:900}.harbor-gather h3{margin:0;font-family:Georgia,serif;font-size:23px;font-weight:400}.harbor-gather b{color:#2c7d62;font-size:12px}.harbor-gather p{color:#687a71;margin:0;font-size:13px}.harbor-volunteer{background:#eea089;justify-content:space-between;align-items:center;gap:50px;padding:105px max(20px,50vw - 615px);display:flex}.harbor-volunteer h2{max-width:17ch;margin:24px 0 10px;font-family:Georgia,serif;font-size:46px;font-weight:400}.harbor-volunteer p{color:#715448}.harbor-volunteer>a{color:#fffaf0;background:#29443a;border-radius:12px;align-items:center;gap:8px;min-height:49px;padding:0 16px;font-size:11px;font-weight:900;display:inline-flex}.harbor-footer{color:#ffffff80;letter-spacing:.1em;background:#29443a;justify-content:space-between;padding:23px max(20px,50vw - 615px);font-size:8px;font-weight:850;display:flex}@media (width<=900px){.demo-preview-bar{grid-template-columns:1fr auto;padding:0 14px}.demo-preview-bar>span,.build-nav nav,.fix-nav nav,.table-nav nav,.vivid-nav nav,.kestrel-nav nav,.harbor-nav nav{display:none}.build-nav,.fix-nav,.table-nav,.vivid-nav,.kestrel-nav,.harbor-nav{grid-template-columns:1fr auto;padding-left:18px;padding-right:18px}.table-nav{top:50px}.vivid-nav{grid-template-columns:1fr auto auto;position:relative}.build-hero,.fix-hero,.table-menu__panel,.table-gallery,.vivid-hero,.kestrel-hero,.kestrel-method,.kestrel-perspective,.harbor-hero,.harbor-story{grid-template-columns:1fr}.build-hero__copy{border-bottom:1px solid #20211e47;border-right:0}.build-hero__image{min-height:550px}.build-section-title,.build-process,.fix-section-heading,.fix-care>div:first-child,.table-intro,.table-menu__top,.vivid-services>div:first-child,.kestrel-note,.kestrel-practice,.harbor-programs>div:first-child,.harbor-gather>div:first-child,.build-work{grid-template-columns:1fr}.build-work__copy{min-height:630px}.build-process{gap:25px}.fix-alert span{display:none}.fix-hero{background:linear-gradient(150deg,#f4d337 0 53%,#dcefdc 53%)}.fix-hero__copy{padding-right:0}.fix-hero__photo{margin:35px 0 0}.fix-tab-panel{grid-template-columns:1fr}.fix-tab-panel>img{min-height:420px}.fix-coverage{grid-template-columns:1fr}.fix-coverage>img{min-height:480px}.table-hero__copy{padding-left:25px;padding-right:35%}.table-intro{gap:25px}.table-menu__panel>img{min-height:500px}.table-gallery>img{min-height:560px}.table-visit>div{padding-left:35px}.vivid-hero{background:linear-gradient(150deg,#f3edff 0 45%,#f59ec8 45%)}.vivid-hero__copy{padding-right:0}.vivid-hero__photo{margin:35px 0 0}.vivid-looks{grid-template-columns:1fr 1fr}.vivid-looks__copy{grid-area:1/1/auto/-1}.vivid-visit{grid-template-columns:1fr}.kestrel-answer{grid-column:1;margin-top:0}.kestrel-method>img,.kestrel-perspective>img,.harbor-hero__photo{min-height:540px}.harbor-story__grid{min-height:650px;padding-right:25px}}@media (width<=640px){.demo-preview-bar{min-height:48px}.demo-preview-bar a{max-width:42vw;font-size:10px;line-height:1.2}.demo-language-switch{flex:none;width:36px;min-width:36px;padding:0}.build-nav,.fix-nav,.table-nav,.vivid-nav,.kestrel-nav,.harbor-nav{min-height:68px}.build-nav__cta,.fix-nav>a:last-child,.kestrel-nav>a:last-child,.harbor-nav>a:last-child{justify-content:center;width:44px;padding:0;font-size:0}.build-nav__cta svg,.fix-nav>a:last-child svg,.kestrel-nav>a:last-child svg,.harbor-nav>a:last-child svg{width:18px}.build-hero{border:0;min-height:0}.build-hero__copy{padding:58px 18px}.build-hero h1{font-size:43px}.build-hero__image{min-height:420px;margin:0 18px 35px}.build-hero__side{display:none}.build-spec{grid-template-columns:1fr auto;min-height:82px;padding:14px 18px}.build-spec p{grid-area:2/1/auto/-1;font-size:12px}.build-services,.build-process,.build-contact{padding:75px 18px}.build-section-title h2{font-size:37px}.build-services>div:last-child{grid-template-columns:1fr}.build-services article{min-height:260px}.build-services article h3{margin-top:75px}.build-work__large{min-height:500px}.build-work__copy{min-height:560px;padding:55px 18px}.build-work__copy h2{font-size:36px}.build-process>div:first-child h2{font-size:39px}.build-process>p{font-size:18px}.build-contact h2{font-size:39px}.build-footer,.fix-footer,.table-footer,.kestrel-footer,.harbor-footer{flex-direction:column;align-items:flex-start;gap:8px;padding:19px 18px}.fix-alert{justify-content:flex-start;font-size:9px}.fix-hero,.fix-chooser,.fix-care,.fix-request{padding:68px 18px}.fix-hero h1{font-size:42px}.fix-hero__copy>div{flex-direction:column;align-items:flex-start}.fix-hero__photo{border-radius:24px 60px 24px 24px;min-height:400px}.fix-section-heading h2,.fix-care>div:first-child h2{font-size:35px}.fix-tabs{grid-template-columns:1fr}.fix-tabs button{min-height:62px}.fix-tab-panel>div{padding:25px}.fix-tab-panel h3{margin-top:45px;font-size:32px}.fix-tab-panel>img{min-height:360px}.fix-care>article{grid-template-columns:36px 1fr;padding:20px 0}.fix-care article p{grid-column:2}.fix-coverage>img{min-height:400px}.fix-coverage>div{padding:60px 18px}.fix-coverage h2{font-size:35px}.fix-request{flex-direction:column;align-items:flex-start}.fix-request h2{font-size:34px}.table-nav{top:48px}.table-nav>a:last-child{min-width:44px;padding:0 11px;font-size:0}.table-nav>a:last-child:before{content:"RSV";font-size:9px}.table-hero{min-height:720px}.table-hero__copy{min-height:720px;padding:180px 18px 65px}.table-hero h1{font-size:44px}.table-hero__aside{display:none}.table-intro,.table-menu,.table-reserve{padding:75px 18px}.table-intro h2,.table-menu__top h2,.table-reserve h2{font-size:36px}.table-menu__top>div:last-child{justify-content:flex-start}.table-menu__panel>img{min-height:360px}.table-menu__panel>div{padding:25px 18px}.table-menu__panel article{grid-template-columns:28px 1fr auto}.table-gallery>img{min-height:400px}.table-gallery>div{padding:65px 18px}.table-gallery h2{font-size:36px}.table-visit{grid-template-columns:1fr}.table-visit>div,.table-visit>div:first-child{min-height:280px;padding:40px 18px}.vivid-nav>a:nth-last-child(2){display:none}.vivid-nav>button{color:#151515;background:#f8ff76;border:2px solid #151515;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.vivid-nav nav.is-open{z-index:15;background:#f3edff;border:2px solid #151515;flex-direction:column;gap:0;padding:9px;display:flex;position:absolute;top:calc(100% + 7px);left:12px;right:12px;box-shadow:8px 8px #151515}.vivid-nav nav.is-open a{border-bottom:1px solid #15151533;align-items:center;min-height:48px;padding:0 13px;display:flex}.vivid-nav nav.is-open a:last-child{border-bottom:0}.vivid-hero,.vivid-services,.vivid-looks,.vivid-book{padding:70px 18px}.vivid-hero h1{font-size:42px}.vivid-hero__photo{min-height:430px}.vivid-hero__stamp{width:92px;top:44%;right:0}.vivid-services>div:first-child h2,.vivid-looks__copy h2,.vivid-book h2{font-size:35px}.vivid-service-tabs{grid-template-columns:1fr}.vivid-service-tabs button{border-bottom:2px solid #151515;border-right:0;min-height:210px}.vivid-service-tabs button:last-child{border-bottom:0}.vivid-service-tabs button b{margin-top:70px}.vivid-service-result{grid-template-columns:1fr}.vivid-looks{grid-template-columns:1fr;min-height:0}.vivid-looks__copy{grid-column:1}.vivid-look,.vivid-look--tall{height:440px}.vivid-book{flex-direction:column;align-items:flex-start}.kestrel-hero,.kestrel-note,.kestrel-practice,.kestrel-conversation{padding:75px 18px}.kestrel-hero h1{font-size:43px}.kestrel-hero figure{height:430px}.kestrel-note blockquote{font-size:32px}.kestrel-practice>div:first-child h2{font-size:36px}.kestrel-selector button{font-size:16px}.kestrel-answer{padding:25px 18px}.kestrel-answer ul{grid-template-columns:1fr}.kestrel-method>img,.kestrel-perspective>img{min-height:420px}.kestrel-method>div,.kestrel-perspective>div{padding:65px 18px}.kestrel-method h2{font-size:35px}.kestrel-conversation h2{font-size:38px}.harbor-hero,.harbor-welcome,.harbor-programs,.harbor-gather,.harbor-volunteer{padding:72px 18px}.harbor-hero h1{font-size:43px}.harbor-hero__copy>div{flex-direction:column;align-items:flex-start}.harbor-hero__photo{border-radius:90px 16px;min-height:420px}.harbor-welcome h2,.harbor-programs>div:first-child h2,.harbor-gather>div:first-child h2,.harbor-volunteer h2{font-size:36px}.harbor-programs>div:last-child{grid-template-columns:1fr}.harbor-programs article{min-height:280px}.harbor-programs h3{margin-top:70px}.harbor-story__grid{grid-template-columns:1fr;min-height:0;padding:45px 18px}.harbor-story__grid img{height:360px}.harbor-story__grid img:last-child{display:none}.harbor-story>div:last-child{padding:65px 18px}.harbor-story h2{font-size:35px}.harbor-gather>article{grid-template-columns:35px 1fr;padding:20px 0}.harbor-gather article b,.harbor-gather article p{grid-column:2}.harbor-volunteer{flex-direction:column;align-items:flex-start}}.demo-preview-bar a,.demo-preview-bar>span{font-size:11px}.build-logo small,.kestrel-logo small,.harbor-logo small{font-size:10px}.build-hero__side,.build-footer,.fix-footer,.table-hero__aside,.table-footer,.vivid-footer,.kestrel-footer,.harbor-footer{font-size:10px;line-height:1.35}.fix-alert{font-size:11px}.vivid-hero__photo>span,.vivid-hero__stamp span,.vivid-service-result>span,.vivid-look span,.kestrel-hero figcaption,.kestrel-answer>span,.harbor-hero__photo span{font-size:10px}.vivid-service-result a,.vivid-book a,.kestrel-hero>div>a,.kestrel-conversation a,.harbor-hero__copy a,.harbor-programs article a,.harbor-volunteer>a{font-size:12px}.kestrel-answer li{font-size:13px}@media (width>=641px){.build-nav__cta,.table-nav>a:last-child,.kestrel-nav>a:last-child,.harbor-nav>a:last-child{font-size:12px}}@media (prefers-reduced-motion:reduce){.vivid-marquee span{animation:none}}:root{--paper:#fffdf8;--cream:#f6f0e4;--cream-deep:#ebe0cc;--ink:#202521;--charcoal:#2b2e2b;--muted:#656960;--line:#20252129;--coral:#f1644b;--orange:#ed8a3a;--gold:#e6b94f;--yellow:#f4d66d;--turquoise:#43bcb1;--emerald:#287b59;--emerald-deep:#174d3b;--violet:#775cac;--magenta:#bf3f72;--sky:#72a6cb;--radius:22px;--shadow:0 24px 70px #32302824;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{color:var(--ink);background:var(--paper);text-rendering:optimizelegibility;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:18px;line-height:1.55}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,summary{-webkit-tap-highlight-color:transparent}img{max-width:100%;display:block}::selection{background:var(--yellow);color:var(--ink)}:focus-visible{outline-offset:3px;outline:3px solid #0a7067}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.site{overflow:clip}.section-pad{padding:112px max(28px, calc((100vw - var(--max)) / 2))}[data-reveal]{opacity:0;transition:opacity .7s,transform .8s cubic-bezier(.2,.75,.2,1);transform:translateY(22px)}[data-reveal].is-visible{opacity:1;transform:translateY(0)}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.045em;text-wrap:balance;line-height:1.02}h1{font-size:clamp(48px,5.2vw,64px)}h2{font-size:clamp(36px,4vw,46px)}h3{font-size:clamp(22px,2.2vw,28px)}p{color:var(--muted)}.eyebrow{color:var(--ink);letter-spacing:.115em;text-transform:uppercase;align-items:center;gap:11px;margin:0 0 20px;font-size:14px;font-weight:800;line-height:1.25;display:flex}.eyebrow>span{background:currentColor;border-radius:999px;width:24px;height:3px}.eyebrow--paper{color:var(--paper)}.eyebrow--coral{color:var(--coral)}.eyebrow--emerald{color:var(--emerald)}.action-link{letter-spacing:-.01em;border:1px solid;border-radius:999px;align-items:center;gap:14px;min-height:52px;padding:7px 7px 7px 21px;font-size:16px;font-weight:800;transition:transform .25s,background .25s,color .25s;display:inline-flex}.action-link>i{background:currentColor;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.action-link>i svg{color:var(--paper)}.action-link:hover{transform:translateY(-2px)}.action-link--paper{color:var(--paper)}.action-link--paper>i svg{color:var(--ink)}.action-link--coral{color:var(--ink);background:var(--coral);border-color:var(--coral)}.action-link--emerald{color:var(--emerald-deep)}.inline-link{border-bottom:1px solid;align-items:center;gap:11px;min-height:44px;font-size:16px;font-weight:800;display:inline-flex}.inline-link svg{transition:transform .2s}.inline-link:hover svg{transform:translate(4px)}.brand{align-items:center;gap:10px;display:inline-flex}.brand__mark{width:37px;height:37px;display:block;position:relative;transform:rotate(-4deg)}.brand__mark i,.brand__mark b{display:block;position:absolute}.brand__mark i:first-child{background:var(--coral);border-radius:7px 2px 8px;inset:2px 13px 13px 1px;transform:skew(-8deg)}.brand__mark i:nth-child(2){background:var(--turquoise);border-radius:2px 8px 3px;inset:12px 1px 1px 13px;transform:skew(-8deg)}.brand__mark b{background:var(--yellow);border:2px solid var(--paper);z-index:2;border-radius:50%;width:9px;height:9px;top:14px;left:14px}.brand__name{letter-spacing:-.06em;align-items:baseline;font-size:22px;display:inline-flex}.brand__name strong{font-weight:900}.brand__name em{font-style:normal;font-weight:500}.brand--compact .brand__mark{width:31px;height:31px}.brand--compact .brand__name{font-size:18px}.site-header{z-index:80;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffdf8eb;border-bottom:1px solid #0000;grid-template-columns:auto 1fr auto;align-items:center;min-height:82px;padding:0 max(24px,50vw - 660px);transition:min-height .25s,border-color .25s,box-shadow .25s;display:grid;position:sticky;top:0}.site-header--scrolled{border-bottom-color:var(--line);min-height:70px;box-shadow:0 8px 30px #2d2a220f}.site-header__brand{display:inline-flex}.desktop-nav{justify-content:center;align-items:stretch;gap:28px;height:100%;display:flex}.desktop-nav>a,.service-menu>summary{color:#3f443f;cursor:pointer;align-items:center;gap:5px;min-height:48px;font-size:15px;font-weight:750;list-style:none;display:flex}.desktop-nav>a:after,.service-menu>summary:after{content:"";background:var(--coral);width:0;height:2px;transition:width .2s;position:absolute;bottom:20px}.desktop-nav>a,.service-menu>summary{position:relative}.desktop-nav>a:hover:after,.desktop-nav>a[aria-current=page]:after,.service-menu>summary:hover:after,.service-menu>summary[aria-current=page]:after{width:22px}.service-menu{align-items:center;display:flex}.service-menu>summary::-webkit-details-marker{display:none}.service-menu[open]>summary svg{transform:rotate(180deg)}.service-mega{width:min(1180px,100vw - 48px);color:var(--paper);background:var(--charcoal);border:1px solid #ffffff1a;border-radius:22px;grid-template-columns:.8fr 1.7fr;gap:36px;padding:32px;display:grid;position:fixed;top:72px;left:50%;transform:translate(-50%);box-shadow:0 34px 90px #1b1a1847}.service-mega__intro{padding:12px}.service-mega__intro h2{margin-bottom:16px;font-size:30px}.service-mega__intro p{color:#ffffffab;max-width:36ch;font-size:16px}.service-mega__intro a{color:var(--yellow);align-items:center;gap:8px;margin-top:16px;font-size:15px;font-weight:800;display:inline-flex}.service-mega__grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.service-mega__grid a{background:#ffffff0e;border:1px solid #ffffff14;border-radius:14px;grid-template-columns:34px 1fr auto;align-items:center;gap:13px;min-height:90px;padding:15px;transition:background .2s,transform .2s;display:grid}.service-mega__grid a:hover{background:#ffffff1a;transform:translateY(-2px)}.service-mega__grid a>span{width:32px;height:32px;color:var(--ink);background:var(--yellow);border-radius:50%;place-items:center;font-size:12px;font-weight:900;display:grid}.service-mega__grid strong{margin-bottom:4px;font-size:16px;display:block}.service-mega__grid small{color:#ffffff94;white-space:nowrap;text-overflow:ellipsis;font-size:12px;line-height:1.35;display:block;overflow:hidden}.service-mega__grid .accent-coral>span{background:var(--coral)}.service-mega__grid .accent-turquoise>span{background:var(--turquoise)}.service-mega__grid .accent-emerald>span{background:#79c79e}.service-mega__grid .accent-violet>span{background:#aa91dd}.service-mega__grid .accent-sky>span{background:var(--sky)}.site-header__actions{align-items:center;gap:9px;display:flex}.header-estimate{min-height:44px;color:var(--paper);background:var(--ink);border-radius:999px;align-items:center;gap:7px;padding:0 17px;font-size:14px;font-weight:800;display:inline-flex}.language-menu{position:relative}.language-menu>summary{cursor:pointer;border-radius:999px;align-items:center;gap:5px;min-width:60px;min-height:44px;padding:0 10px;font-size:13px;font-weight:850;list-style:none;display:flex}.language-menu>summary::-webkit-details-marker{display:none}.language-menu>div{background:var(--paper);border:1px solid var(--line);min-width:172px;box-shadow:var(--shadow);border-radius:14px;padding:7px;position:absolute;top:calc(100% + 8px);right:0}.language-menu>div a{border-radius:9px;grid-template-columns:32px 1fr;align-items:center;min-height:44px;padding:0 10px;font-size:14px;display:grid}.language-menu>div a:hover,.language-menu>div a[aria-current=true]{background:var(--cream)}.language-menu>div a span{font-size:11px;font-weight:900}.menu-toggle{min-height:44px;color:var(--ink);background:0 0;border:0;align-items:center;gap:7px;padding:0 10px;font-weight:800;display:none}.mobile-menu{z-index:100;color:var(--paper);background:var(--charcoal);flex-direction:column;padding:22px;transition:transform .45s cubic-bezier(.2,.75,.2,1);display:flex;position:fixed;inset:0;overflow-y:auto;transform:translate(100%)}.mobile-menu--open{transform:translate(0)}.mobile-menu__top{border-bottom:1px solid #ffffff29;justify-content:space-between;align-items:center;padding-bottom:18px;display:flex}.mobile-menu__top .brand__mark b{border-color:var(--charcoal)}.mobile-menu__top button{width:46px;height:46px;color:var(--paper);background:0 0;border:1px solid #ffffff59;border-radius:50%;place-items:center;display:grid}.mobile-menu nav{margin-top:14px;display:grid}.mobile-menu nav a{letter-spacing:-.04em;border-bottom:1px solid #ffffff1f;grid-template-columns:42px 1fr auto;align-items:center;min-height:61px;font-size:27px;font-weight:780;display:grid}.mobile-menu nav a span{color:var(--yellow);letter-spacing:0;font-size:12px}.mobile-menu nav a svg{width:20px}.mobile-menu__services,.mobile-menu__languages{margin-top:24px}.mobile-menu__services>p,.mobile-menu__languages>p{color:#ffffff73;letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:900}.mobile-menu__services>div{flex-wrap:wrap;gap:7px;display:flex}.mobile-menu__services a,.mobile-menu__languages a{min-height:42px;color:var(--paper);border:1px solid #fff3;border-radius:999px;align-items:center;padding:0 12px;font-size:14px;display:inline-flex}.mobile-menu__languages{flex-wrap:wrap;align-items:center;gap:8px;padding-bottom:30px;display:flex}.mobile-menu__languages p{width:100%}.home-hero{border-bottom:1px solid var(--line);background:linear-gradient(90deg,#fffdf8 0%,#f8f0e4 39%,#e8e0d5 45%,#3b4148 52%,#111923 60%,#050a12 72%,#02050a 100%);grid-template-columns:.93fr 1.07fr;min-height:calc(100svh - 82px);padding:72px max(24px,50vw - 660px) 54px;display:grid;position:relative;overflow:hidden}.home-hero:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(circle,#fff 0 1px,#0000 1.5px),radial-gradient(circle,#b9d8ff 0 1px,#0000 1.4px),radial-gradient(circle,#fff 0 .7px,#0000 1.1px);background-position:7px 13px,51px 37px,89px 4px;background-size:83px 79px,127px 113px,61px 67px;opacity:.72;mask-image:linear-gradient(90deg,#0000 0 46%,#000 59% 100%);-webkit-mask-image:linear-gradient(90deg,#0000 0 46%,#000 59% 100%);position:absolute;inset:0}.home-hero__copy{z-index:3;align-self:center;max-width:650px;padding:28px 30px 52px 0;position:relative}.home-hero__copy h1{max-width:11.5ch;color:var(--ink);margin-bottom:24px;font-size:clamp(52px,5vw,64px)}.home-hero__copy h1 em{color:var(--coral);font-style:normal}.home-hero__copy>p{max-width:52ch;margin-bottom:30px;font-size:20px;line-height:1.55}.home-hero__actions{align-items:center;gap:22px;display:flex}.home-hero__proof{flex-wrap:wrap;gap:9px 16px;margin-top:28px;display:flex}.home-hero__proof span{color:#555b54;align-items:center;gap:6px;font-size:13px;font-weight:750;display:flex}.home-hero__proof svg{color:var(--emerald)}.earth-scene{z-index:1;align-self:center;min-height:620px;position:relative}.earth-source{opacity:.001;pointer-events:none;width:1px;height:1px;position:absolute}.earth-canvas{filter:saturate(1.34) contrast(1.08) brightness(1.12);width:94%;height:94%;position:absolute;inset:2% 3% 4%}.earth-orbit{display:none}.earth-caption{color:#484d48;border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffdf8d1;border-radius:999px;align-items:center;gap:10px;padding:10px 14px;font-size:12px;font-weight:760;display:flex;position:absolute;bottom:20px;right:0}.earth-caption span{color:var(--coral);font-weight:900}.mini-sites{position:absolute;inset:0}.mini-site{--delay:0s;aspect-ratio:1.25;background:var(--paper);opacity:0;transform-origin:50%;width:142px;animation:site-emerge 7.4s var(--delay) cubic-bezier(.2,.7,.25,1) infinite;border:1px solid #2a2f2b2e;border-radius:8px;position:absolute;overflow:hidden;box-shadow:0 15px 32px #32312a29}.mini-site__bar{background:#f1eee7;align-items:center;gap:3px;height:16px;padding:0 6px;display:flex}.mini-site__bar>span{background:#b5b1a8;border-radius:50%;width:3px;height:3px}.mini-site__bar b{letter-spacing:.12em;text-transform:uppercase;margin-left:auto;font-size:5px}.mini-site__body{flex-direction:column;align-items:flex-start;gap:4px;height:calc(100% - 16px);padding:9px;display:flex}.mini-site__body i{background:currentColor;width:25%;height:3px}.mini-site__body strong{opacity:.9;background:currentColor;width:70%;height:10px;margin-top:2px}.mini-site__body span{opacity:.28;background:currentColor;width:82%;height:2px}.mini-site__body span:nth-of-type(2){width:62%}.mini-site__body em{opacity:.2;background:currentColor;border-radius:3px;flex:1;width:100%;margin-top:3px;display:block}.mini-site--build{color:#cf5f35;background:#fff8ec}.mini-site--care{color:#1d7f71;background:#effbf7}.mini-site--food{color:#9e2e3e;background:#fff2dc}.mini-site--beauty{color:#c42e75;background:#fff0f8}.mini-site--legal{color:#213d54;background:#f2f4ef}.mini-site--impact{color:#367954;background:#f3fae7}.mini-site--shop{color:#7650a6;background:#f7f0ff}.mini-site--travel{color:#227e9a;background:#ecfaff}.mini-site--wellness{color:#b86737;background:#fff5eb}.mini-site--culture{color:#494d48;background:#fffdf4}.mini-site--1{--tx:70px;--ty:55px;--delay:0s;top:9%;left:4%}.mini-site--2{--tx:-62px;--ty:48px;--delay:.55s;top:18%;right:2%}.mini-site--3{--tx:78px;--ty:-8px;--delay:1.1s;top:48%;left:1%}.mini-site--4{--tx:-75px;--ty:15px;--delay:1.65s;top:38%;right:0}.mini-site--5{--tx:58px;--ty:-62px;--delay:2.2s;bottom:8%;left:13%}.mini-site--6{--tx:-54px;--ty:-68px;--delay:2.75s;bottom:4%;right:11%}.mini-site--7{--tx:22px;--ty:68px;--delay:3.3s;top:2%;left:34%}.mini-site--8{--tx:-20px;--ty:72px;--delay:3.85s;top:5%;right:22%}.mini-site--9{--tx:18px;--ty:-72px;--delay:4.4s;bottom:2%;left:39%}.mini-site--10{--tx:-18px;--ty:-70px;--delay:4.95s;bottom:10%;right:31%}@keyframes site-emerge{0%,7%{opacity:0;transform:translate(var(--tx), var(--ty)) scale(.12) rotate(-5deg)}14%,35%{opacity:1;transform:translate(0)scale(1)rotate(0)}47%,to{opacity:0;transform:translate(calc(var(--tx) * -.22), calc(var(--ty) * -.22)) scale(.74)}}.signal-bar{background:var(--charcoal);color:var(--paper);grid-template-columns:repeat(4,1fr);display:grid}.signal-bar>div{border-right:1px solid #ffffff24;align-items:center;gap:12px;min-height:74px;padding:0 24px;font-size:14px;font-weight:760;display:flex}.signal-bar span{color:var(--yellow);letter-spacing:.08em;font-size:11px}.home-manifesto{background:var(--paper);grid-template-columns:1.15fr .85fr;gap:90px;display:grid}.home-manifesto h2{max-width:18ch;margin-bottom:0}.home-manifesto>div:last-child>p{max-width:48ch;font-size:19px}.manifesto-chips{flex-wrap:wrap;gap:8px;margin-top:26px;display:flex}.manifesto-chips span{min-height:42px;color:var(--ink);background:var(--cream);border-radius:999px;align-items:center;gap:8px;padding:0 13px;font-size:13px;font-weight:760;display:inline-flex}.responsive-showcase{background:#f1cd68;grid-template-columns:.72fr 1.28fr;align-items:center;gap:56px;min-height:760px;display:grid}.responsive-showcase__copy h2{max-width:12ch}.responsive-showcase__copy>p{color:#554a2e;max-width:38ch}.responsive-showcase__copy>div{gap:10px;margin-top:28px;display:grid}.responsive-showcase__copy>div span{align-items:center;gap:9px;font-size:14px;font-weight:780;display:flex}.device-stage{min-height:570px;position:relative}.device-desktop,.device-tablet,.device-phone{background:var(--paper);border:1px solid #25272447;position:absolute;overflow:hidden;box-shadow:0 28px 70px #45371c2e}.device-desktop{aspect-ratio:1.45;border-radius:15px;width:79%;top:8%;left:1%}.device-tablet{aspect-ratio:.78;border:8px solid #343634;border-radius:18px;width:38%;top:35%;right:0}.device-phone{aspect-ratio:.53;border:7px solid #252825;border-radius:22px;width:22%;bottom:0;left:10%}.device-chrome{background:#eae8e1;align-items:center;gap:5px;height:27px;padding:0 10px;display:flex}.device-chrome i{background:#a9a69f;border-radius:50%;width:6px;height:6px}.device-chrome span{margin-left:auto;margin-right:auto;font-size:7px}.sample-site{background:#f7f1e5;height:100%}.sample-site header{color:#234d45;justify-content:space-between;align-items:center;height:10%;padding:0 5%;font-size:7px;display:flex}.sample-site>section{grid-template-columns:1fr .88fr;gap:4%;height:90%;padding:5%;display:grid}.sample-site>section>div{flex-direction:column;justify-content:center;align-items:flex-start;display:flex}.sample-site small{color:#d05841;font-size:6px;font-weight:800}.sample-site strong{color:#243d37;max-width:8ch;margin:7px 0;font-family:Georgia,serif;font-size:clamp(12px,2.2vw,27px);line-height:.95}.sample-site>section i{background:#d05841;border-radius:999px;width:30px;height:7px}.sample-site figure{background:linear-gradient(150deg,#2b6b5c 0 33%,#8fbf9f 33% 56%,#ead099 56%);border-radius:45% 45% 8px 8px;margin:0}.device-tablet .sample-site header{height:12%}.device-tablet .sample-site>section{grid-template-rows:.76fr 1.24fr;grid-template-columns:1fr;height:88%}.device-tablet .sample-site strong{font-size:18px}.device-phone__speaker{z-index:2;background:#111;border-radius:99px;width:24%;height:4px;position:absolute;top:5px;left:38%}.device-phone .sample-site header{height:12%;padding-top:5px}.device-phone .sample-site>section{grid-template-rows:1.1fr .9fr;grid-template-columns:1fr;height:88%;padding:7%}.device-phone .sample-site figure{order:-1}.device-phone .sample-site strong{font-size:13px}.section-heading{grid-template-columns:1.1fr .75fr;align-items:end;gap:70px;margin-bottom:52px;display:grid}.section-heading h2{max-width:17ch;margin-bottom:0}.section-heading>p{max-width:44ch;margin-bottom:0;font-size:18px}.home-services{background:#e6f4ed}.service-bento{grid-template-columns:repeat(12,1fr);gap:14px;margin-bottom:28px;display:grid}.service-tile{border-radius:var(--radius);border:1px solid #21413424;flex-direction:column;grid-column:span 4;min-height:330px;padding:25px;transition:transform .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.service-tile:hover{box-shadow:var(--shadow);transform:translateY(-5px)}.service-tile:first-child{background:#fff8ed;grid-column:span 7;min-height:430px}.service-tile:nth-child(2){background:#f3d36e;grid-column:span 5}.service-tile:nth-child(3){background:#d6f1ec}.service-tile:nth-child(4){background:#cde5d3}.service-tile:nth-child(5){background:#e2d8f2}.service-tile:nth-child(6){background:#d7e8f2}.service-tile>span{letter-spacing:.08em;font-size:12px;font-weight:900}.service-tile h3{max-width:12ch;margin-top:auto;margin-bottom:12px}.service-tile p{color:#202521b3;max-width:38ch;margin:0;font-size:15px}.service-tile>svg{position:absolute;top:22px;right:23px}.service-tile .browser-fragment{width:57%;position:absolute;top:14%;right:-8%;transform:rotate(2deg)}.browser-fragment{aspect-ratio:1.42;width:min(100%,500px);color:var(--ink);background:var(--paper);border:1px solid #1e221f38;border-radius:13px;position:relative;overflow:hidden;box-shadow:0 26px 65px #29262029}.browser-fragment__bar{background:#ece9e1;border-bottom:1px solid #1e221f1f;align-items:center;gap:5px;height:34px;padding:0 12px;display:flex}.browser-fragment__bar>span{background:#aaa69e;border-radius:50%;width:6px;height:6px}.browser-fragment__bar b{letter-spacing:.12em;margin-left:auto;font-size:7px}.browser-fragment__page{grid-template-columns:1.04fr .96fr;gap:7%;height:calc(100% - 34px);padding:8%;display:grid}.browser-fragment__copy{flex-direction:column;justify-content:center;align-items:flex-start;gap:6%;display:flex}.browser-fragment__copy i{background:var(--coral);width:25%;height:4px}.browser-fragment__copy strong{background:var(--ink);border-radius:2px;width:92%;height:22%}.browser-fragment__copy span{background:#20252147;width:85%;height:3px}.browser-fragment__copy span:nth-of-type(2){width:65%}.browser-fragment__copy .browser-fragment__button{background:var(--coral);border-radius:999px;width:42%;height:11%}.browser-fragment__media{background:#e7bc62;border-radius:50% 50% 8px 8px;position:relative;overflow:hidden}.browser-fragment__media i{background:#2e7163;border-radius:52% 48% 10% 10%;position:absolute;inset:23% 19%}.browser-fragment__media b{aspect-ratio:1;background:var(--coral);border-radius:50%;width:22%;position:absolute;top:10%;right:8%}.browser-fragment__media b:last-child{background:#8f72bd;inset:auto auto 10% 7%}.browser-fragment--emerald .browser-fragment__copy i,.browser-fragment--emerald .browser-fragment__copy .browser-fragment__button{background:var(--emerald)}.browser-fragment--emerald .browser-fragment__media{background:#c8e3d2}.browser-fragment--violet .browser-fragment__copy i,.browser-fragment--violet .browser-fragment__copy .browser-fragment__button{background:var(--violet)}.browser-fragment--violet .browser-fragment__media{background:#ded2ee}.browser-fragment--gold .browser-fragment__copy i,.browser-fragment--gold .browser-fragment__copy .browser-fragment__button{background:var(--gold)}.browser-fragment--turquoise .browser-fragment__copy i,.browser-fragment--turquoise .browser-fragment__copy .browser-fragment__button{background:var(--turquoise)}.home-work{background:#f6e7e2}.home-demo-grid,.portfolio-grid{grid-template-columns:repeat(2,1fr);gap:42px 18px;display:grid}.demo-card{min-width:0}.demo-card__image{aspect-ratio:1.34;background:var(--cream);border-radius:18px;display:block;position:relative;overflow:hidden}.demo-card__image:after{content:"";background:linear-gradient(#0000 60%,#1316144d);position:absolute;inset:0}.demo-card__image img{object-fit:cover;width:100%;height:100%;transition:transform .7s cubic-bezier(.2,.75,.2,1)}.demo-card:hover .demo-card__image img{transform:scale(1.035)}.demo-card__image>span{z-index:2;color:var(--paper);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-transform:uppercase;letter-spacing:.06em;background:#1b1e1cc2;border:1px solid #ffffff4d;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:850;position:absolute;top:14px;left:14px}.demo-card__image>i{z-index:2;color:var(--paper);font-size:13px;font-style:normal;font-weight:900;position:absolute;bottom:12px;right:17px}.demo-card__body{padding:20px 3px 0}.demo-card__body>p{color:#7a5b51;letter-spacing:.07em;text-transform:uppercase;margin-bottom:6px;font-size:12px;font-weight:850}.demo-card__body h3{margin-bottom:4px;font-size:29px}.demo-card__body>span{color:var(--muted);font-size:15px}.demo-card__body>div{flex-wrap:wrap;gap:10px 18px;margin-top:17px;display:flex}.demo-card__body>div a{align-items:center;gap:7px;min-height:40px;font-size:14px;font-weight:820;display:inline-flex}.demo-card__body>div a:first-child{border-bottom:1px solid}.language-scene{min-height:720px;color:var(--paper);background:var(--emerald-deep);grid-template-columns:.82fr 1.18fr;align-items:center;gap:70px;display:grid}.language-scene__copy h2{max-width:14ch}.language-scene__copy p{color:#ffffffad;max-width:44ch}.language-scene__copy>a{color:#bfe8cf;border-bottom:1px solid;align-items:center;gap:9px;min-height:44px;margin-top:14px;font-weight:800;display:inline-flex}.language-ui{min-height:450px;position:relative}.language-ui__window{aspect-ratio:1.36;width:78%;color:var(--ink);background:var(--paper);border-radius:16px;position:absolute;top:0;left:0;overflow:hidden;transform:rotate(-2deg);box-shadow:0 30px 80px #02140d59}.language-ui__window>div{background:#e8e5de;align-items:center;gap:5px;height:33px;padding:0 12px;display:flex}.language-ui__window>div span{background:#a9a59d;border-radius:50%;width:6px;height:6px}.language-ui__window>div b{margin-left:auto;font-size:7px}.language-ui__window section{flex-direction:column;align-items:flex-start;gap:10px;padding:9% 10%;display:flex}.language-ui__window small{color:var(--coral);font-weight:900}.language-ui__window strong{max-width:9ch;font-family:Georgia,serif;font-size:35px;line-height:.98}.language-ui__window p{background:#c5c2ba;width:76%;height:4px;margin:0}.language-ui__window p:nth-of-type(2){width:55%}.language-ui__window button{color:var(--paper);background:var(--coral);border:0;border-radius:999px;margin-top:8px;padding:8px 12px;font-size:9px;font-weight:900}.language-ui__card{width:55%;color:var(--ink);background:#f2d56f;border-radius:16px;padding:25px;position:absolute;bottom:7%;right:0;transform:rotate(3deg);box-shadow:0 30px 70px #02140d47}.language-ui__card>span{letter-spacing:.1em;font-size:10px;font-weight:900}.language-ui__card strong{margin:18px 0;font-size:25px;line-height:1.1;display:block}.language-ui__card p{background:#2025214d;width:80%;height:3px;margin:7px 0}.language-ui__card p:nth-of-type(2){width:56%}.language-ui__card i{font-size:25px;font-style:normal;position:absolute;bottom:15px;right:18px}.language-ui__switch{color:var(--ink);background:var(--paper);border-radius:999px;padding:5px;display:flex;position:absolute;top:-3%;right:5%;box-shadow:0 14px 30px #02140d33}.language-ui__switch b,.language-ui__switch span,.language-ui__switch i{border-radius:999px;place-items:center;min-width:42px;height:35px;font-size:11px;font-style:normal;display:grid}.language-ui__switch b{background:var(--turquoise)}.process-scene{color:var(--paper);background:var(--charcoal);grid-template-columns:.7fr 1.3fr;gap:90px;display:grid}.process-scene__intro{align-self:start;position:sticky;top:120px}.process-scene__intro h2{max-width:12ch}.process-scene__intro p{color:#ffffff9e}.process-list article{border-top:1px solid #ffffff2b;grid-template-columns:70px 1fr;gap:25px;padding:34px 0;display:grid}.process-list article>span{color:var(--yellow);font-size:14px;font-weight:900}.process-list h3{color:var(--paper);margin-bottom:12px}.process-list p{color:#ffffff9e;max-width:52ch;margin:0}.home-pricing{background:#f8f1e6}.pricing-cards{grid-template-columns:1fr 1fr;gap:16px;display:grid}.pricing-card{border-radius:var(--radius);flex-direction:column;min-height:650px;padding:34px;display:flex;overflow:hidden}.pricing-card--coral{color:var(--ink);background:#f0795f}.pricing-card--violet{color:var(--paper);background:#6c539b}.pricing-card__label{justify-content:space-between;align-items:center;margin-bottom:46px;display:flex}.pricing-card__label span,.pricing-card__label b{letter-spacing:.1em;font-size:12px}.pricing-card h3{margin-bottom:9px;font-size:28px}.pricing-card>strong{letter-spacing:-.08em;margin-bottom:18px;font-size:clamp(54px,7vw,84px);line-height:.9;display:block}.pricing-card>p{max-width:45ch;color:inherit;opacity:.78}.pricing-card__items{grid-template-columns:1fr 1fr;gap:9px 20px;margin:22px 0 30px;display:grid}.pricing-card__items span{align-items:flex-start;gap:7px;font-size:13px;line-height:1.35;display:flex}.pricing-card__items svg{flex:none;margin-top:2px}.pricing-card__split{border-top:1px solid;grid-template-columns:1fr 1px 1fr;gap:18px;margin:auto 0 25px;padding-top:22px;display:grid}.pricing-card__split>i{opacity:.3;background:currentColor}.pricing-card__split span{font-size:12px;font-weight:900;display:grid}.pricing-card__split small{opacity:.6;font-weight:700}.pricing-card__split b{margin-top:4px;font-size:20px}.pricing-cards--condensed .pricing-card{min-height:430px}.pricing-cards--condensed .pricing-card__items{display:none}.ownership-band{color:var(--paper);background:#9b3d69;grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.ownership-band h2{max-width:15ch}.ownership-band p{color:#ffffffb3}.ownership-band a{border-bottom:1px solid;align-items:center;gap:9px;min-height:44px;margin-top:10px;font-weight:800;display:inline-flex}.ownership-band__visual{min-height:390px;position:relative}.handover-card{width:72%;color:var(--ink);background:var(--paper);border-radius:17px;padding:29px;position:absolute;top:7%;left:6%;transform:rotate(-3deg);box-shadow:0 28px 70px #43092647}.handover-card>span{letter-spacing:.11em;font-size:10px;font-weight:900}.handover-card>strong{margin:28px 0;font-size:28px;display:block}.handover-card p{color:#60635e;align-items:center;gap:8px;margin:10px 0;font-size:12px;font-weight:800;display:flex}.ownership-seal{aspect-ratio:1;width:150px;color:var(--ink);background:var(--yellow);text-align:center;border:8px solid #ffffffb3;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:5%;right:2%;transform:rotate(8deg);box-shadow:0 18px 40px #4309263d}.ownership-seal svg{margin-bottom:-20px}.ownership-seal span{letter-spacing:.08em;font-size:11px;font-weight:950;line-height:1.15}.final-cta{min-height:630px;color:var(--paper);background:#3e3330;grid-template-columns:.9fr 1.1fr;align-items:center;gap:80px;display:grid}.final-cta>div:last-child h2{max-width:14ch}.final-cta>div:last-child>p{color:#ffffffa3;max-width:42ch}.final-cta__visual{min-height:410px;position:relative}.final-cta__visual .browser-fragment{width:87%;position:absolute;top:3%;left:0;transform:rotate(-3deg)}.final-cta__swatches{background:var(--paper);border-radius:999px;padding:8px;display:flex;position:absolute;bottom:8%;right:0;transform:rotate(8deg);box-shadow:0 14px 30px #00000040}.final-cta__swatches span{border-radius:50%;width:38px;height:38px}.final-cta__swatches span:first-child{background:var(--coral)}.final-cta__swatches span:nth-child(2){background:var(--yellow)}.final-cta__swatches span:nth-child(3){background:var(--turquoise)}.final-cta__swatches span:nth-child(4){background:var(--violet)}.page-hero{min-height:590px;padding:80px max(28px, calc((100vw - var(--max)) / 2));border-bottom:1px solid var(--line);grid-template-columns:.9fr 1.1fr;display:grid;overflow:hidden}.page-hero--cream{background:var(--cream)}.page-hero--coral{background:#f4b4a4}.page-hero--gold{background:#f2d98c}.page-hero--turquoise{background:#bce5dd}.page-hero--violet{background:#d8c8ec}.page-hero--emerald{background:#c6e3cf}.page-hero__copy{flex-direction:column;justify-content:center;max-width:650px;padding-right:55px;display:flex}.context-back{min-height:42px;color:var(--ink);cursor:pointer;background:#ffffff73;border:1px solid #2025212e;border-radius:999px;align-self:flex-start;align-items:center;gap:7px;margin-bottom:34px;padding:0 12px;font-size:13px;font-weight:780;display:inline-flex}.page-hero h1{max-width:12ch;margin-bottom:22px;font-size:clamp(46px,5vw,60px)}.page-hero__copy>p{color:#202521b8;max-width:50ch;font-size:19px}.page-hero__index{letter-spacing:.16em;margin-top:35px;font-size:10px;font-weight:900}.page-hero__visual{place-items:center;min-height:420px;display:grid;position:relative}.page-hero__visual>.browser-fragment{width:75%;transform:rotate(2deg)}.services-hero-scene,.about-hero-scene{width:100%;height:100%;position:relative}.services-hero-scene .browser-fragment{width:72%;position:absolute;top:8%;left:3%;transform:rotate(-2deg)}.services-hero-list{width:46%;color:var(--paper);background:var(--charcoal);box-shadow:var(--shadow);border-radius:16px;display:grid;position:absolute;bottom:6%;right:1%;overflow:hidden;transform:rotate(3deg)}.services-hero-list span{letter-spacing:.08em;border-bottom:1px solid #ffffff26;padding:15px;font-size:11px;font-weight:850}.portfolio-hero-stack{width:100%;height:100%;position:relative}.portfolio-hero-stack img{--i:0;left:calc(8% + var(--i) * 12%);top:calc(11% + var(--i) * 8%);aspect-ratio:1.25;object-fit:cover;border:8px solid var(--paper);width:58%;box-shadow:var(--shadow);transform:rotate(calc(-5deg + var(--i) * 5deg));border-radius:13px;position:absolute}.portfolio-hero-stack>span{color:var(--paper);background:var(--ink);border-radius:999px;padding:11px 15px;font-size:11px;font-weight:900;position:absolute;bottom:4%;right:1%}.price-hero-scene{grid-template-columns:1fr 1fr;gap:14px;width:90%;display:grid}.price-hero-scene article{min-height:280px;box-shadow:var(--shadow);border-radius:18px;padding:24px;transform:rotate(-2deg)}.price-hero-scene article:first-child{background:var(--coral)}.price-hero-scene article:last-child{color:var(--paper);background:var(--violet);transform:rotate(2deg)translateY(35px)}.price-hero-scene span{letter-spacing:.1em;font-size:10px;font-weight:900}.price-hero-scene strong{font-variant-numeric:tabular-nums;letter-spacing:-.045em;margin-top:85px;font-size:60px;display:block}.price-hero-scene i{font-size:13px;font-style:normal;font-weight:900;display:block}.about-hero-scene .browser-fragment{width:72%;position:absolute;bottom:3%;right:1%;transform:rotate(3deg)}.about-monogram{z-index:2;background:var(--yellow);width:190px;box-shadow:var(--shadow);border-radius:17px;gap:14px;padding:25px;display:grid;position:absolute;top:8%;left:2%;transform:rotate(-5deg)}.about-monogram>span{font-size:11px;font-weight:900;line-height:1.3}.contact-hero-card{background:var(--paper);width:80%;box-shadow:var(--shadow);border-radius:18px;padding:38px;position:relative;transform:rotate(-2deg)}.contact-hero-card>span{color:var(--emerald);align-items:center;gap:8px;font-size:12px;font-weight:900;display:flex}.contact-hero-card strong{letter-spacing:-.055em;overflow-wrap:anywhere;margin:70px 0 8px;font-size:clamp(25px,3vw,39px);display:block}.contact-hero-card p{margin:0}.contact-hero-card i{font-size:30px;font-style:normal;position:absolute;top:20px;right:24px}.estimate-hero-steps{grid-template-columns:1fr 1fr;gap:9px;width:83%;display:grid}.estimate-hero-steps span{background:#fffdf8b8;border:1px solid #20252124;border-radius:13px;align-items:center;gap:9px;min-height:70px;padding:13px;font-size:13px;font-weight:800;display:flex}.estimate-hero-steps b{width:33px;height:33px;color:var(--paper);background:var(--ink);border-radius:50%;place-items:center;font-size:11px;display:grid}.legal-hero-scene{background:var(--paper);border:1px solid var(--line);width:72%;min-height:310px;box-shadow:var(--shadow);border-radius:18px;flex-direction:column;justify-content:center;padding:36px;display:flex;transform:rotate(2deg)}.legal-hero-scene svg{color:var(--emerald)}.legal-hero-scene span{letter-spacing:.12em;margin-top:40px;font-size:11px;font-weight:900}.legal-hero-scene strong{letter-spacing:-.06em;font-size:48px}.legal-hero-scene p{margin:28px 0 0;font-size:11px;font-weight:800}.service-index{background:var(--paper)}.service-index>div:last-child{border-top:1px solid var(--line)}.service-row{border-bottom:1px solid var(--line);grid-template-columns:70px 1fr auto;align-items:center;gap:28px;min-height:175px;padding:27px 6px;transition:padding .25s,background .25s;display:grid}.service-row:hover{background:var(--cream);padding-left:22px;padding-right:22px}.service-row>span{background:var(--cream);border-radius:50%;place-items:center;width:48px;height:48px;font-size:12px;font-weight:900;display:grid}.service-row--coral>span{background:#f3a08e}.service-row--gold>span{background:#f0d47c}.service-row--turquoise>span{background:#9bdad3}.service-row--emerald>span{color:var(--paper);background:var(--emerald)}.service-row--violet>span{color:var(--paper);background:var(--violet)}.service-row--sky>span{background:#b9d6e8}.service-row h2{margin-bottom:8px;font-size:clamp(28px,3vw,38px)}.service-row p{max-width:65ch;margin:0;font-size:16px}.supporting-services{color:var(--paper);background:#a84460}.supporting-services>div:first-child{grid-template-columns:.7fr 1fr;gap:50px;margin-bottom:50px;display:grid}.supporting-services>div:first-child h2{max-width:13ch}.supporting-services>div:last-child{background:#ffffff2e;grid-template-columns:1fr 1fr;gap:1px;display:grid}.supporting-services article{background:#a84460;padding:35px}.supporting-services article>span{color:#ffd9ca;font-size:12px;font-weight:900}.supporting-services article h3{color:var(--paper);margin:55px 0 12px}.supporting-services article p{color:#ffffffa6}.seo-explainer{background:#e4f1e6;grid-template-columns:.72fr 1.28fr;gap:70px;display:grid}.seo-explainer>div:first-child h2{max-width:12ch}.seo-checks{grid-template-columns:1fr 1fr;gap:13px;display:grid}.seo-checks section{background:var(--paper);border-radius:17px;padding:28px}.seo-checks section:last-child{background:#f4e7e1}.seo-checks h3{font-size:20px}.seo-checks p{color:#555b55;align-items:flex-start;gap:8px;margin:12px 0;font-size:13px;line-height:1.4;display:flex}.seo-checks svg{color:var(--emerald);flex:none;margin-top:2px}.seo-checks section:last-child svg{color:var(--coral)}.service-detail-visual{width:100%;height:100%;position:relative}.service-detail-visual .browser-fragment{width:75%;position:absolute;top:4%;left:2%;transform:rotate(-2deg)}.service-detail-visual__note{width:50%;color:var(--paper);background:var(--charcoal);box-shadow:var(--shadow);border-radius:14px;padding:22px;position:absolute;bottom:3%;right:1%;transform:rotate(3deg)}.service-detail-visual__note span{letter-spacing:.1em;font-size:9px;font-weight:900}.service-detail-visual__note p{color:#ffffffad;margin:15px 0 0;font-size:12px}.service-outcome{background:var(--paper)}.service-outcome blockquote{letter-spacing:-.045em;max-width:28ch;margin:0;font-size:clamp(34px,4.3vw,48px);font-weight:740;line-height:1.15}.deliverables{background:var(--cream);grid-template-columns:.65fr 1.35fr;gap:70px;display:grid}.deliverables>div:first-child{align-self:start;position:sticky;top:110px}.deliverables>div:last-child{border-top:1px solid var(--line)}.deliverables article{border-bottom:1px solid var(--line);grid-template-columns:42px 1fr auto;align-items:center;gap:20px;min-height:90px;display:grid}.deliverables article>span{color:var(--coral);font-size:11px;font-weight:900}.deliverables article p{color:var(--ink);margin:0;font-weight:700}.deliverables article svg{color:var(--emerald)}.detail-process{color:var(--paper);background:var(--emerald-deep)}.detail-process>div:first-child{margin-bottom:55px}.detail-process>div:first-child h2{max-width:10ch}.detail-process>div:last-child{background:#ffffff26;grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.detail-process article{background:var(--emerald-deep);min-height:310px;padding:31px}.detail-process article>span{color:#88d0a7;font-size:12px;font-weight:900}.detail-process h3{color:var(--paper);margin-top:95px}.detail-process p{color:#ffffffa6;font-size:16px}.best-fit{background:#e9f1d6;grid-template-columns:.75fr 1.25fr;gap:70px;display:grid}.best-fit>div:last-child{grid-template-columns:1fr 1fr;gap:12px;display:grid}.best-fit>div:last-child p{min-height:70px;color:var(--ink);background:var(--paper);border-radius:13px;align-items:center;gap:10px;margin:0;padding:15px 18px;font-weight:700;display:flex}.best-fit svg{color:var(--emerald)}.detail-crosslink{background:#f0aaa0;justify-content:space-between;align-items:center;gap:50px;display:flex}.detail-crosslink>div>span{letter-spacing:.12em;font-size:11px;font-weight:900}.detail-crosslink h2{max-width:20ch;margin:19px 0 10px}.detail-crosslink p{color:#694b44;max-width:55ch}.transparency-band{background:#e6efe3;grid-template-columns:55px 1fr;align-items:start;gap:24px;display:grid}.transparency-band svg{color:var(--emerald)}.transparency-band h2{margin-bottom:10px;font-size:28px}.transparency-band p{max-width:78ch;margin:0}.portfolio-gallery{background:var(--paper)}.portfolio-filters{flex-wrap:wrap;gap:8px;margin-bottom:22px;display:flex}.portfolio-filters button{min-height:44px;color:var(--ink);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;padding:0 16px;font-size:14px;font-weight:780}.portfolio-filters button.is-active{color:var(--paper);background:var(--ink);border-color:var(--ink)}.portfolio-count{color:var(--coral);letter-spacing:.1em;margin:0 0 34px;font-size:12px;font-weight:900}.industry-callout{background:#efcc68;justify-content:space-between;align-items:center;gap:50px;display:flex}.industry-callout h2{margin-bottom:12px}.industry-callout p{color:#5e512f;max-width:62ch;margin:0}.pricing-main{background:var(--paper)}.pricing-intro-note{background:#e6f1e6;border-radius:14px;align-items:center;gap:13px;max-width:830px;margin:0 auto 36px;padding:18px 22px;display:flex}.pricing-intro-note svg{color:var(--emerald);flex:none}.pricing-intro-note p{color:#415348;margin:0;font-size:15px}.pricing-payment{background:#d8eadc}.pricing-payment>div:first-child{grid-template-columns:.8fr 1.2fr;gap:65px;display:grid}.pricing-payment>div:first-child h2{max-width:12ch}.payment-flow{grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:12px;margin:50px 0 28px;display:grid}.payment-flow>span{background:var(--paper);border-radius:14px;flex-direction:column;justify-content:center;min-height:105px;padding:16px;font-size:13px;font-weight:780;display:flex}.payment-flow b{color:var(--emerald);font-size:11px}.payment-flow>svg{width:17px}.stripe-note{color:#405748;align-items:center;gap:9px;margin:0;font-size:14px;font-weight:700;display:flex}.addons{background:var(--cream);grid-template-columns:.7fr 1.3fr;gap:70px;display:grid}.addons>div:last-child{border-top:1px solid var(--line)}.addons article{border-bottom:1px solid var(--line);grid-template-columns:55px 1fr auto;align-items:center;gap:20px;min-height:105px;display:grid}.addons article>span{font-size:11px;font-weight:900}.addons article h3{margin:0;font-size:21px}.addons article strong{font-size:19px}.custom-price{color:var(--paper);background:#654c8d;justify-content:space-between;align-items:center;gap:55px;display:flex}.custom-price>div>span{letter-spacing:.12em;font-size:11px;font-weight:900}.custom-price h2{margin:18px 0 10px}.custom-price p{color:#ffffffad;max-width:60ch}.custom-price small{color:#efdb92}.pricing-faq{background:var(--paper);grid-template-columns:.65fr 1.35fr;gap:70px;display:grid}.pricing-faq>div:first-child{align-self:start;position:sticky;top:110px}.pricing-faq details{border-top:1px solid var(--line)}.pricing-faq details:last-child{border-bottom:1px solid var(--line)}.pricing-faq summary{cursor:pointer;grid-template-columns:45px 1fr 24px;align-items:center;gap:12px;min-height:95px;font-size:19px;font-weight:760;list-style:none;display:grid;position:relative}.pricing-faq summary::-webkit-details-marker{display:none}.pricing-faq summary>span{color:var(--coral);font-size:11px;font-weight:900}.pricing-faq summary i:before,.pricing-faq summary i:after{content:"";background:var(--ink);width:18px;height:2px;transition:transform .2s;position:absolute;top:50%;right:3px}.pricing-faq summary i:after{transform:rotate(90deg)}.pricing-faq details[open] summary i:after{transform:rotate(0)}.pricing-faq details>p{max-width:67ch;padding:0 40px 28px 57px}.about-statement{background:var(--paper);grid-template-columns:100px 1.3fr .7fr;align-items:start;gap:45px;display:grid}.about-statement>span{color:var(--coral);font-size:12px;font-weight:900}.about-statement blockquote{letter-spacing:-.045em;margin:0;font-size:clamp(34px,4.3vw,49px);font-weight:720;line-height:1.13}.about-statement>p{margin:0}.values{background:#d9c7a9;grid-template-columns:1fr 1fr;gap:1px;padding-top:1px;padding-bottom:1px;display:grid}.values article{background:var(--cream);min-height:330px;padding:38px}.values article:nth-child(2){background:#f0c76e}.values article:nth-child(3){background:#bce1da}.values article:nth-child(4){background:#d8cae8}.values article>span{font-size:12px;font-weight:900}.values h2{max-width:12ch;margin:105px 0 14px;font-size:31px}.values p{color:#202521b0;max-width:47ch;margin:0}.about-method{color:var(--paper);background:var(--charcoal);grid-template-columns:.8fr 1.2fr;gap:80px;display:grid}.about-method>div:first-child p{color:#ffffffa6}.about-method__map{flex-direction:column;justify-content:center;display:flex}.about-method__map span{letter-spacing:.1em;border:1px solid #fff3;border-radius:12px;align-items:center;min-height:62px;padding:0 20px;font-size:13px;font-weight:900;display:flex}.about-method__map span:first-of-type{background:#f1644b40}.about-method__map span:nth-of-type(2){background:#e6b94f33}.about-method__map span:nth-of-type(3){background:#43bcb133}.about-method__map span:nth-of-type(4){background:#775cac38}.about-method__map span:nth-of-type(5){background:#287b5940}.about-method__map i{background:#ffffff59;align-self:center;width:1px;height:17px}.ownership-section{background:#e3f0e6;grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.ownership-section__visual{min-height:420px;position:relative}.ownership-section__visual .browser-fragment{width:86%;position:absolute;top:1%;left:0;transform:rotate(-3deg)}.file-stack{width:44%;color:var(--paper);background:var(--emerald);box-shadow:var(--shadow);border-radius:14px;padding:15px;display:grid;position:absolute;bottom:3%;right:1%;transform:rotate(4deg)}.file-stack span{letter-spacing:.1em;border-bottom:1px solid #fff3;padding:9px;font-size:10px;font-weight:900}.fit-section{background:#f5d796;grid-template-columns:.7fr 1.3fr;gap:70px;display:grid}.fit-section>div:last-child{background:#20252133;grid-template-columns:1fr 1fr;gap:1px;display:grid}.fit-section>div:last-child p{min-height:75px;color:var(--ink);background:#f5d796;align-items:center;gap:13px;margin:0;padding:15px;font-weight:730;display:flex}.fit-section p span{font-size:11px;font-weight:900}.contact-methods{background:var(--paper);grid-template-columns:1.15fr .85fr;gap:16px;display:grid}.contact-method{border-radius:var(--radius);flex-direction:column;min-height:430px;padding:34px;display:flex;position:relative;overflow:hidden}.contact-method--email{color:var(--paper);background:var(--emerald)}.contact-method--estimate{background:#f0ca68}.contact-method>span{letter-spacing:.1em;font-size:11px;font-weight:900}.contact-method>svg:first-of-type{margin-top:70px}.contact-method h2{overflow-wrap:anywhere;margin:auto 0 15px;font-size:clamp(31px,4vw,43px)}.contact-method p{max-width:46ch;color:inherit;opacity:.7;margin:0}.contact-method>svg:last-child{position:absolute;top:28px;right:29px}.contact-next{color:var(--paper);background:#a94668;grid-template-columns:.8fr 1.2fr;gap:80px;display:grid}.contact-next>div p{color:#ffffffa6}.contact-next ol{margin:0;padding:0;list-style:none}.contact-next li{border-top:1px solid #fff3;grid-template-columns:55px 1fr;gap:20px;padding:25px 0;display:grid}.contact-next li>span{color:#ffd585;font-size:11px;font-weight:900}.contact-next h3{color:var(--paper);margin-bottom:7px;font-size:22px}.contact-next li p{color:#ffffffa1;margin:0;font-size:15px}.contact-response{background:#dceee9;grid-template-columns:50px 1fr;align-items:start;gap:22px;display:grid}.contact-response svg{color:var(--emerald)}.contact-response h2{margin-bottom:10px;font-size:29px}.contact-response p{margin:0}.estimate-safety{background:#e8f1df;grid-template-columns:1fr 1fr;gap:14px;display:grid}.estimate-safety>div{background:var(--paper);border-radius:16px;padding:28px}.estimate-safety svg{color:var(--emerald)}.estimate-safety h2{margin:30px 0 10px;font-size:24px}.estimate-safety p{margin:0;font-size:15px}.estimate-form-section{background:var(--paper)}.inspiration-reference{color:#284f44;background:#e5f3ec;border:1px solid #b9d8ca;border-radius:14px;align-items:center;gap:14px;margin-bottom:22px;padding:17px 19px;display:flex}.inspiration-reference>svg{color:var(--emerald);flex:none}.inspiration-reference>div{gap:3px;display:grid}.inspiration-reference span{color:#58746b;letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:800}.inspiration-reference strong{font-size:17px}.estimate-progress{margin-bottom:24px}.estimate-progress__bar{background:var(--cream);border-radius:99px;height:5px;overflow:hidden}.estimate-progress__bar span{background:linear-gradient(90deg, var(--coral), var(--orange), var(--gold), var(--turquoise), var(--emerald), var(--violet));height:100%;transition:width .35s;display:block}.estimate-progress__steps{grid-template-columns:repeat(6,1fr);gap:8px;margin-top:13px;display:grid}.estimate-progress__steps button{color:#858980;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;min-height:44px;padding:0;font-size:11px;font-weight:780;display:flex}.estimate-progress__steps button>span{background:var(--cream);border-radius:50%;flex:none;place-items:center;width:28px;height:28px;display:grid}.estimate-progress__steps button.is-current,.estimate-progress__steps button.is-complete{color:var(--ink)}.estimate-progress__steps button.is-current>span{color:var(--paper);background:var(--coral)}.estimate-progress__steps button.is-complete>span{color:var(--paper);background:var(--emerald)}.estimate-form{background:var(--cream);border:1px solid var(--line);border-radius:22px;padding:35px}.estimate-form__topline{border-bottom:1px solid var(--line);color:#666b64;letter-spacing:.08em;justify-content:space-between;align-items:center;padding-bottom:24px;font-size:11px;font-weight:900;display:flex}.draft-status{color:#777b75;align-items:center;gap:6px;display:inline-flex}.draft-status--saved{color:var(--emerald)}.form-step{min-height:460px;padding:42px 0 25px}.form-step__heading{max-width:700px;margin-bottom:32px}.form-step__heading h2{margin-bottom:10px}.form-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.form-field{gap:8px;display:grid}.form-field--wide{grid-column:1/-1}.form-field__label{justify-content:space-between;gap:14px;display:flex}.form-field__label span{font-size:14px;font-weight:800}.form-field__label small{color:#80847c;font-size:11px}.form-field input,.form-field textarea,.form-field select{width:100%;min-height:52px;color:var(--ink);background:var(--paper);border:1px solid #cfc8bb;border-radius:10px;outline:none;padding:12px 14px}.form-field textarea{resize:vertical;min-height:120px}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{border-color:var(--emerald);box-shadow:0 0 0 3px #287b591f}.file-field{background:var(--paper);border:1px dashed #b8b0a2;border-radius:14px;padding:25px}.file-field>div:first-child{grid-template-columns:32px 1fr;display:grid}.file-field h3{grid-column:2;margin:-29px 0 5px;font-size:20px}.file-field p{grid-column:2;margin:0;font-size:14px}.file-field>label{min-height:44px;color:var(--paper);background:var(--ink);cursor:pointer;border-radius:999px;align-items:center;gap:8px;margin-top:20px;padding:0 14px;font-size:14px;font-weight:800;display:inline-flex}.file-field>label input{opacity:0;width:1px;height:1px;position:absolute}.local-files{gap:6px;margin-top:14px;grid-template-columns:1fr!important;display:grid!important}.local-files>div{background:var(--cream);border-radius:8px;justify-content:space-between;align-items:center;padding:9px 11px;display:flex!important}.local-files span{flex-direction:column;font-size:13px;display:flex}.local-files small{color:#777}.local-files button{cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.review-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.review-grid article{background:var(--paper);border-radius:10px;padding:14px}.review-grid article span{color:#777b75;text-transform:uppercase;font-size:11px;font-weight:800}.review-grid article p{color:var(--ink);white-space:pre-wrap;margin:5px 0 0;font-size:14px}.consent-box{background:#e3eee4;border-radius:12px;gap:10px;margin-top:20px;padding:18px;display:grid}.consent-box label{cursor:pointer}.consent-box label>input{opacity:0;position:absolute}.consent-box label>span{align-items:flex-start;gap:10px;font-size:13px;display:flex}.consent-box label i{width:22px;height:22px;color:var(--paper);background:var(--paper);border:1px solid #9ca39b;border-radius:5px;flex:none;place-items:center;display:grid}.consent-box label input:checked+span i{background:var(--emerald);border-color:var(--emerald)}.consent-box>p{margin:5px 0 0;font-size:12px}.honeypot{position:absolute!important;left:-9999px!important}.turnstile-field{background:var(--paper);border:1px solid var(--line);border-radius:11px;min-height:76px;margin-top:16px;padding:14px}.turnstile-field.is-pending{background:#fff8df;border-color:#dfc367;align-items:center;display:flex}.turnstile-field p{color:#625737;gap:4px;margin:0;font-size:13px;display:grid}.turnstile-field strong{letter-spacing:.1em;font-size:10px}.preview-notice{background:#fff2c5;border:1px solid #dfc367;border-radius:11px;gap:12px;margin-top:17px;padding:16px;display:flex}.preview-notice__icon{width:35px;height:35px;color:var(--paper);background:var(--emerald);border-radius:50%;flex:none;place-items:center;display:grid}.preview-notice h3{margin-bottom:4px;font-size:17px}.preview-notice p{margin:0;font-size:13px}.submit-success{background:#dcefe3;border:1px solid #a8ccb5;border-radius:16px;align-items:flex-start;gap:18px;padding:28px;display:flex}.submit-success span:not(.preview-notice__icon){color:var(--emerald);letter-spacing:.11em;font-size:10px;font-weight:900}.submit-success h3{margin:7px 0;font-size:27px}.submit-success p{max-width:58ch;margin:0}.form-error{color:#8c271a;background:#fee1d9;border-radius:9px;padding:12px;font-size:13px;font-weight:750}.estimate-form__actions{border-top:1px solid var(--line);justify-content:space-between;gap:18px;padding-top:23px;display:flex}.estimate-form__actions>div{flex-wrap:wrap;gap:8px;display:flex}.form-back,.form-clear,.form-next{cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 16px;font-size:14px;font-weight:800;display:inline-flex}.form-back,.form-clear{color:var(--ink);background:0 0;border:1px solid #c5beb2}.form-clear{color:#8b4a3f}.form-next{color:var(--paper);background:var(--ink);border:1px solid var(--ink);padding:0 20px}.form-next--submit{background:var(--emerald);border-color:var(--emerald)}.form-next:disabled{cursor:wait;opacity:.65}.estimate-after{background:#d3c8b7;grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.estimate-after>div{background:var(--cream);min-height:220px;padding:27px}.estimate-after>div:nth-child(2){background:#d6ece7}.estimate-after>div:nth-child(3){background:#f0d584}.estimate-after span{font-size:11px;font-weight:900}.estimate-after h3{margin:70px 0 10px;font-size:23px}.estimate-after p{margin:0;font-size:14px}.legal-content{background:var(--paper);max-width:1050px;margin:0 auto}.legal-updated{color:#795932;background:#f5e8bf;border-radius:10px;margin-bottom:38px;padding:14px 17px;font-size:13px;font-weight:750}.legal-content>section{border-top:1px solid var(--line);grid-template-columns:60px 1fr;gap:25px;padding:34px 0;display:grid}.legal-content>section>span{color:var(--coral);font-size:11px;font-weight:900}.legal-content h2{margin-bottom:13px;font-size:28px}.legal-content section p{max-width:72ch;margin:0}.legal-contact{background:#e0eee5;border-radius:12px;align-items:center;gap:10px;margin-top:34px;padding:19px;display:flex}.legal-contact p{margin:0}.legal-contact a{font-weight:850;text-decoration:underline}.floating-tools{z-index:70;align-items:flex-end;gap:8px;display:flex;position:fixed;bottom:18px;right:18px}.floating-contact,.floating-top{min-height:48px;color:var(--paper);background:var(--ink);cursor:pointer;border:1px solid #ffffff2e;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 12px 32px #191b1933}.floating-contact{border-radius:999px;gap:7px;padding:0 16px;font-size:13px;font-weight:850}.floating-top{opacity:0;pointer-events:none;border-radius:50%;width:48px;transition:opacity .2s,transform .2s;transform:translateY(10px)}.floating-top.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.contact-popover{width:300px;color:var(--paper);background:var(--charcoal);opacity:0;pointer-events:none;border-radius:17px;padding:23px;transition:opacity .2s,transform .2s;position:absolute;bottom:60px;right:0;transform:translateY(10px)scale(.98);box-shadow:0 24px 60px #16181647}.contact-popover.is-open{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.contact-popover>button{width:38px;height:38px;color:var(--paper);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:10px;right:10px}.contact-popover>span{letter-spacing:.1em;font-size:10px;font-weight:900}.contact-popover h2{margin:27px 0 7px;font-size:25px}.contact-popover p{color:#fff9;font-size:13px}.contact-popover>a{border:1px solid #fff3;border-radius:10px;align-items:center;gap:9px;min-height:44px;margin-top:7px;padding:0 11px;font-size:13px;font-weight:780;display:flex}.contact-popover>a:last-child{color:var(--ink);background:var(--yellow);border-color:var(--yellow)}.site-footer{padding:85px max(28px, calc((100vw - var(--max)) / 2)) 28px;color:var(--paper);background:#232622}.site-footer__lead{border-bottom:1px solid #ffffff29;grid-template-columns:auto 1fr auto;align-items:center;gap:55px;padding-bottom:55px;display:grid}.site-footer__lead .brand__mark b{border-color:#232622}.site-footer__lead h2{max-width:20ch;margin:0;font-size:31px}.site-footer__grid{grid-template-columns:repeat(4,1fr);gap:45px;padding:55px 0;display:grid}.site-footer__grid>div{flex-direction:column;align-items:flex-start;display:flex}.site-footer__grid h3{color:#ffffff73;letter-spacing:.12em;text-transform:uppercase;margin-bottom:19px;font-size:11px}.site-footer__grid a,.site-footer__grid span{color:#ffffffb8;margin:5px 0;font-size:13px}.site-footer__grid a:hover{color:var(--yellow)}.site-footer__grid span{color:#ffffff61;max-width:28ch;margin-top:12px;font-size:11px}.site-footer__bottom{color:#ffffff6b;letter-spacing:.08em;border-top:1px solid #ffffff21;justify-content:space-between;gap:20px;padding-top:23px;font-size:10px;display:flex}@media (width<=1100px){.desktop-nav{gap:17px}.desktop-nav>a,.service-menu>summary{font-size:13px}.service-mega{grid-template-columns:1fr;max-height:calc(100svh - 90px);overflow-y:auto}.service-mega__intro{display:none}.home-hero{grid-template-columns:1fr 1fr}.earth-scene{min-height:550px}.mini-site{width:115px}.responsive-showcase{grid-template-columns:1fr}.responsive-showcase__copy{grid-template-columns:1fr 1fr;gap:25px;display:grid}.responsive-showcase__copy .eyebrow,.responsive-showcase__copy h2{grid-column:1}.responsive-showcase__copy>p,.responsive-showcase__copy>div{grid-column:2}.responsive-showcase__copy>p{grid-row:1/3;align-self:end}.device-stage{width:min(760px,100%);margin:0 auto}.page-hero{grid-template-columns:1fr 1fr}}@media (width<=900px){.section-pad{padding:82px 24px}.desktop-nav,.header-estimate{display:none}.site-header{grid-template-columns:1fr auto;padding:0 18px}.menu-toggle{display:inline-flex}.home-hero{grid-template-columns:1fr;min-height:auto;padding:64px 24px 40px}.home-hero__copy{max-width:750px;padding:15px 0}.home-hero__copy h1{max-width:13ch}.earth-scene{min-height:590px}.signal-bar{grid-template-columns:1fr 1fr}.home-manifesto,.language-scene,.process-scene,.ownership-band,.final-cta{grid-template-columns:1fr;gap:52px}.process-scene__intro{position:static}.section-heading{grid-template-columns:1fr;gap:22px}.service-tile,.service-tile:first-child,.service-tile:nth-child(2){grid-column:span 6}.service-tile:first-child{min-height:390px}.language-ui{width:min(720px,100%);margin:0 auto}.ownership-band__visual,.final-cta__visual{width:min(650px,100%)}.page-hero{grid-template-columns:1fr;min-height:auto;padding:65px 24px 50px}.page-hero__copy{max-width:760px;padding:0}.page-hero__visual{min-height:390px;margin-top:25px}.service-index .section-heading{margin-bottom:30px}.supporting-services>div:first-child,.seo-explainer,.deliverables,.best-fit,.pricing-payment>div:first-child,.addons,.pricing-faq,.about-method,.ownership-section,.fit-section,.contact-next{grid-template-columns:1fr;gap:45px}.detail-process>div:last-child{grid-template-columns:1fr}.detail-process article{min-height:230px}.detail-process h3{margin-top:65px}.deliverables>div:first-child,.pricing-faq>div:first-child{position:static}.about-statement{grid-template-columns:55px 1fr}.about-statement>p{grid-column:2}.contact-methods{grid-template-columns:1fr}.site-footer__lead{grid-template-columns:1fr;gap:24px}.site-footer__grid{grid-template-columns:1fr 1fr;column-gap:26px;row-gap:30px}}@media (width<=640px){body{font-size:17px}.section-pad{padding:68px 18px}h1{font-size:clamp(38px,11vw,44px)}h2{font-size:clamp(30px,9vw,36px)}h3{font-size:clamp(21px,6.5vw,25px)}.eyebrow{margin-bottom:16px;font-size:12px}.action-link{min-height:50px;font-size:15px}.site-header{min-height:68px}.site-header--scrolled{min-height:64px}.site-header__actions{gap:2px}.language-menu>summary{padding:0 7px}.menu-toggle span{display:none}.brand__name{font-size:20px}.mobile-menu nav a{font-size:24px}.home-hero{background:linear-gradient(180deg,#fffdf8 0%,#f8f0e4 37%,#d8d3ce 44%,#28323e 52%,#0b1320 61%,#030811 78%,#02050a 88%,#151b21 96%,#202521 100%);padding:46px 18px 25px}.home-hero:before{background-image:radial-gradient(circle,#fff 0 1px,#0000 1.5px),radial-gradient(circle,#b9d8ff 0 1px,#0000 1.4px),radial-gradient(circle,#fff 0 .7px,#0000 1.1px);background-size:83px 79px,127px 113px,61px 67px;opacity:.68;mask-image:linear-gradient(180deg,#0000 0 43%,#000 55% 92%,#0000 100%);-webkit-mask-image:linear-gradient(180deg,#0000 0 43%,#000 55% 92%,#0000 100%)}.home-hero__copy h1{max-width:12.5ch;margin-bottom:18px;font-size:clamp(39px,11.2vw,44px);line-height:1.01}.home-hero__copy>p{font-size:18px}.home-hero__actions{flex-direction:column;align-items:flex-start;gap:10px}.home-hero__proof{gap:7px 12px}.earth-scene{min-height:560px;margin:34px -6px 72px}.earth-canvas{filter:saturate(1.35) contrast(1.08) brightness(1.13);width:100%;height:88%;inset:3% 0 9%}.earth-caption{color:#eef5ff;border-color:#ffffff35;background:#07111bb8;width:max-content;max-width:95%;font-size:10px;bottom:3px;left:50%;right:auto;transform:translate(-50%)}.mini-site{width:86px;animation-duration:7.2s}.mini-site--1{top:5%;left:0}.mini-site--2{top:12%;right:0}.mini-site--3{top:36%;left:-2%}.mini-site--4{top:43%;right:-2%}.mini-site--5{bottom:12%;left:5%}.mini-site--6{bottom:8%;right:5%}.mini-site--7{top:2%;left:39%}.mini-site--8{top:25%;right:18%}.mini-site--9{bottom:3%;left:38%}.mini-site--10{bottom:27%;right:1%}.signal-bar{grid-template-columns:1fr}.signal-bar>div{border-bottom:1px solid #ffffff24;border-right:0;min-height:55px;padding:0 18px}.home-manifesto{gap:30px}.home-manifesto>div:last-child>p{font-size:17px}.manifesto-chips{flex-direction:column;align-items:flex-start}.responsive-showcase{padding-bottom:48px}.responsive-showcase__copy{display:block}.device-stage{min-height:405px;margin-top:25px}.device-desktop{width:88%;top:0;left:0}.device-tablet{width:39%;top:37%}.device-phone{width:25%;left:5%}.sample-site strong{font-size:16px}.device-tablet .sample-site strong{font-size:13px}.device-phone .sample-site strong{font-size:9px}.section-heading{margin-bottom:35px}.service-bento{grid-template-columns:1fr}.service-tile,.service-tile:first-child,.service-tile:nth-child(2){grid-column:1;min-height:285px}.service-tile:first-child{min-height:350px}.service-tile .browser-fragment{width:56%;top:18%}.home-demo-grid,.portfolio-grid{grid-template-columns:1fr;gap:38px}.demo-card__body h3{font-size:27px}.language-scene{gap:35px}.language-ui{min-height:365px}.language-ui__window{width:82%}.language-ui__window strong{font-size:25px}.language-ui__card{width:62%;padding:19px}.language-ui__card strong{font-size:18px}.process-list article{grid-template-columns:42px 1fr;gap:15px;padding:27px 0}.pricing-cards{grid-template-columns:1fr}.pricing-card{min-height:570px;padding:26px}.pricing-card__items{grid-template-columns:1fr}.pricing-cards--condensed .pricing-card{min-height:400px}.ownership-band__visual,.final-cta__visual{min-height:310px}.handover-card{width:82%;padding:22px;left:0}.handover-card>strong{margin:20px 0;font-size:23px}.ownership-seal{width:112px}.final-cta{min-height:0}.final-cta__visual .browser-fragment{width:92%}.final-cta__swatches span{width:30px;height:30px}.page-hero{padding:46px 18px 35px}.page-hero h1{max-width:14ch;font-size:clamp(38px,10.8vw,44px)}.page-hero__copy>p{font-size:17px}.context-back{margin-bottom:25px}.page-hero__visual{min-height:300px}.page-hero__visual>.browser-fragment{width:90%}.services-hero-scene .browser-fragment{width:82%}.services-hero-list{width:55%}.portfolio-hero-stack img{left:calc(0% + var(--i) * 11%);width:72%}.price-hero-scene{gap:7px;width:100%}.price-hero-scene article{min-height:200px;padding:17px}.price-hero-scene strong{margin-top:55px;font-size:40px}.about-monogram{width:145px;padding:18px}.about-hero-scene .browser-fragment{width:82%}.contact-hero-card{width:95%;padding:25px}.contact-hero-card strong{margin-top:48px;font-size:24px}.estimate-hero-steps{gap:6px;width:100%}.estimate-hero-steps span{min-height:58px;padding:9px;font-size:10px}.legal-hero-scene{width:92%;min-height:240px;padding:25px}.legal-hero-scene strong{font-size:36px}.service-row{grid-template-columns:45px 1fr auto;gap:12px;min-height:145px}.service-row>span{width:39px;height:39px}.service-row h2{font-size:26px}.service-row p{font-size:14px}.supporting-services>div:first-child,.supporting-services>div:last-child,.seo-checks{grid-template-columns:1fr}.supporting-services article{padding:25px}.service-outcome blockquote{font-size:32px}.deliverables article{grid-template-columns:32px 1fr auto;gap:10px}.best-fit>div:last-child{grid-template-columns:1fr}.detail-crosslink,.industry-callout,.custom-price{flex-direction:column;align-items:flex-start}.transparency-band{grid-template-columns:38px 1fr;gap:14px}.portfolio-filters{grid-template-columns:1fr 1fr;display:grid}.portfolio-filters button{width:100%}.payment-flow{grid-template-columns:1fr}.payment-flow>svg{justify-self:center;transform:rotate(90deg)}.addons article{grid-template-columns:35px 1fr}.addons article strong{grid-column:2;padding-bottom:18px}.pricing-faq summary{grid-template-columns:32px 1fr 24px;min-height:84px;font-size:17px}.pricing-faq details>p{padding-left:44px;padding-right:5px}.about-statement{grid-template-columns:1fr;gap:25px}.about-statement>p{grid-column:1}.about-statement blockquote{font-size:32px}.values{grid-template-columns:1fr}.values article{min-height:270px;padding:27px}.values h2{margin-top:70px}.ownership-section__visual{min-height:330px}.fit-section>div:last-child{grid-template-columns:1fr}.contact-method{min-height:365px;padding:27px}.contact-method>svg:first-of-type{margin-top:45px}.contact-method h2{font-size:30px}.estimate-safety,.estimate-after{grid-template-columns:1fr}.estimate-progress__steps{grid-template-columns:repeat(3,1fr)}.estimate-progress__steps button{font-size:10px}.estimate-form{border-radius:16px;padding:20px}.form-step{min-height:0;padding-top:30px}.form-grid,.review-grid{grid-template-columns:1fr}.form-field--wide{grid-column:1}.estimate-form__actions{flex-direction:column-reverse;align-items:stretch}.estimate-form__actions>div{grid-template-columns:1fr 1fr;display:grid}.form-next{width:100%}.legal-content>section{grid-template-columns:37px 1fr;gap:12px}.floating-tools{bottom:11px;right:11px}.floating-contact span{display:none}.floating-contact{border-radius:50%;width:48px;padding:0}.contact-popover{width:min(300px,100vw - 22px)}.site-footer{padding:66px 18px 24px}.site-footer__grid{grid-template-columns:1fr;gap:31px}.site-footer__bottom{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}[data-reveal]{opacity:1;transform:none}.mini-site{opacity:1;transform:scale(.82)}}
/* ADC21 HOME HERO — consolidated code/grid implementation */
.home-hero{
  background:radial-gradient(ellipse at 72% 42%,#142b4b 0%,#08162b 30%,#030915 58%,#01040b 100%)!important;
  color:#f7fbff!important;
  grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr)!important;
  align-items:center!important;
  column-gap:clamp(28px,4vw,64px)!important;
  min-height:calc(100svh - 82px)!important;
  padding:clamp(56px,6vw,82px) max(24px,calc(50vw - 660px)) clamp(48px,5vw,68px)!important;
  position:relative!important;
  overflow:hidden!important;
}
.home-hero:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  opacity:.95!important;
  mask-image:none!important;
  -webkit-mask-image:none!important;
  background-image:
    radial-gradient(ellipse at 78% 32%,rgba(47,91,150,.26) 0%,rgba(11,27,52,.09) 30%,transparent 58%),
    radial-gradient(circle at 8% 18%,rgba(255,255,255,.95) 0 1.3px,transparent 1.8px),
    radial-gradient(circle at 24% 73%,rgba(190,220,255,.85) 0 1px,transparent 1.7px),
    radial-gradient(circle at 46% 11%,rgba(255,255,255,.72) 0 .8px,transparent 1.4px),
    radial-gradient(circle at 69% 67%,rgba(255,255,255,.92) 0 1.5px,transparent 2.1px),
    radial-gradient(circle at 91% 23%,rgba(170,207,255,.8) 0 1px,transparent 1.6px),
    radial-gradient(circle at 83% 83%,rgba(255,255,255,.65) 0 .7px,transparent 1.2px)!important;
  background-size:auto,197px 181px,263px 239px,149px 167px,311px 277px,223px 251px,127px 143px!important;
  background-position:center,11px 23px,47px 91px,103px 17px,31px 119px,151px 53px,73px 37px!important;
}
.home-hero__copy{
  z-index:3!important;
  align-self:center!important;
  max-width:660px!important;
  padding:0!important;
  position:relative!important;
}
.home-hero__copy h1{
  color:#f8fbff!important;
  max-width:11.6ch!important;
  margin:0 0 22px!important;
  font-size:clamp(50px,4.8vw,68px)!important;
  line-height:.98!important;
  letter-spacing:-.045em!important;
  text-shadow:0 2px 24px rgba(0,0,0,.28)!important;
}
.home-hero__copy h1 em{color:#ff725f!important;font-style:normal!important}
.home-hero__copy>p{
  color:#dbe6f3!important;
  max-width:51ch!important;
  margin:0 0 28px!important;
  font-size:19px!important;
  line-height:1.55!important;
}
.home-hero__actions{align-items:center!important;gap:18px!important}
.home-hero .inline-link{color:#f5f9ff!important}
.home-hero__proof{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px 18px!important;
  margin-top:24px!important;
}
.home-hero__proof span{color:#d9e4ef!important;gap:7px!important;font-size:14px!important;line-height:1.35!important}
.home-hero__proof svg{color:#68d6b6!important;flex:0 0 auto!important}
.earth-scene{
  z-index:1!important;
  align-self:center!important;
  width:100%!important;
  min-height:610px!important;
  margin:0!important;
  position:relative!important;
}
.earth-canvas{
  filter:drop-shadow(0 0 24px rgba(69,151,255,.22)) saturate(1.58) contrast(1.08) brightness(1.16)!important;
  width:100%!important;
  height:92%!important;
  inset:2% 0 6%!important;
}
.earth-caption{display:none!important}

@media (max-width:900px){
  .home-hero{
    grid-template-columns:1fr!important;
    row-gap:22px!important;
    min-height:auto!important;
    padding:54px 28px 34px!important;
  }
  .home-hero__copy{max-width:760px!important}
  .home-hero__copy h1{max-width:12.5ch!important;font-size:clamp(46px,7.5vw,60px)!important}
  .earth-scene{min-height:570px!important;margin:4px 0 8px!important}
}

@media (max-width:640px){
  .home-hero{
    background:linear-gradient(180deg,#071426 0%,#030a16 52%,#01040b 84%,#111820 94%,#202521 100%)!important;
    grid-template-columns:1fr!important;
    row-gap:16px!important;
    min-height:auto!important;
    padding:34px 20px 22px!important;
  }
  .home-hero:before{
    opacity:.92!important;
    background-image:
      radial-gradient(ellipse at 50% 48%,rgba(35,75,128,.24) 0%,transparent 55%),
      radial-gradient(circle at 12% 17%,rgba(255,255,255,.95) 0 1.2px,transparent 1.8px),
      radial-gradient(circle at 31% 69%,rgba(185,219,255,.82) 0 .9px,transparent 1.5px),
      radial-gradient(circle at 58% 9%,rgba(255,255,255,.72) 0 .7px,transparent 1.3px),
      radial-gradient(circle at 79% 61%,rgba(255,255,255,.9) 0 1.4px,transparent 2px),
      radial-gradient(circle at 91% 29%,rgba(169,207,255,.78) 0 .9px,transparent 1.5px)!important;
    background-size:auto,157px 173px,223px 211px,131px 149px,251px 237px,193px 229px!important;
  }
  .home-hero__copy{max-width:none!important;padding:0!important}
  .home-hero__copy h1{
    max-width:12.2ch!important;
    margin:0 0 18px!important;
    font-size:clamp(38px,10.4vw,43px)!important;
    line-height:1.015!important;
    letter-spacing:-.04em!important;
  }
  .home-hero__copy>p{
    max-width:34ch!important;
    margin:0 0 24px!important;
    font-size:18px!important;
    line-height:1.53!important;
  }
  .home-hero__actions{
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:12px!important;
  }
  .home-hero__proof{
    gap:10px 14px!important;
    margin-top:22px!important;
  }
  .home-hero__proof span{font-size:13.5px!important}
  .earth-scene{min-height:520px!important;margin:4px -8px 8px!important}
  .earth-canvas{width:100%!important;height:90%!important;inset:2% 0 8%!important}
  .mini-site{width:84px!important;animation-duration:7.2s!important}
}

/* ADC22 HERO spacing/grid refinement — no content/runtime changes */
@media (max-width:900px){
  .home-hero{
    row-gap:14px!important;
    padding:44px 28px 24px!important;
  }
  .home-hero__copy h1{margin-bottom:20px!important}
  .home-hero__copy>p{margin-bottom:24px!important}
  .home-hero__proof{margin-top:20px!important}
  .earth-scene{
    min-height:525px!important;
    margin:-24px 0 -2px!important;
  }
  .earth-canvas{
    width:104%!important;
    height:98%!important;
    inset:-1% -2% 3%!important;
  }
}
@media (max-width:640px){
  .home-hero{
    row-gap:8px!important;
    padding:26px 20px 12px!important;
  }
  .home-hero__copy h1{
    max-width:12.4ch!important;
    margin-bottom:18px!important;
    font-size:clamp(37px,10.1vw,42px)!important;
    line-height:1.01!important;
  }
  .home-hero__copy>p{
    max-width:35ch!important;
    margin-bottom:21px!important;
    font-size:17.5px!important;
    line-height:1.5!important;
  }
  .home-hero__actions{gap:11px!important}
  .home-hero__proof{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1.18fr)!important;
    align-items:start!important;
    column-gap:14px!important;
    row-gap:8px!important;
    margin-top:19px!important;
  }
  .home-hero__proof span{
    min-width:0!important;
    font-size:13.25px!important;
    line-height:1.28!important;
  }
  .earth-scene{
    min-height:455px!important;
    margin:-34px -12px -6px!important;
  }
  .earth-canvas{
    width:110%!important;
    height:108%!important;
    inset:-8% -5% 0!important;
  }
  .mini-site{width:82px!important}
}


/* ADC23 HERO — approved real-space art + natural Earth rendering */
.home-hero{
  background-color:#020611!important;
  background-image:
    linear-gradient(90deg,rgba(2,6,15,.72) 0%,rgba(2,6,15,.42) 43%,rgba(2,6,15,.14) 72%,rgba(2,6,15,.26) 100%),
    url('/images/space-hero-real.webp')!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}
.home-hero:before{
  background:linear-gradient(180deg,rgba(0,4,11,.08) 0%,rgba(0,4,11,.02) 48%,rgba(0,4,11,.2) 100%)!important;
  opacity:1!important;
}
.earth-canvas{
  filter:drop-shadow(0 0 18px rgba(69,151,255,.2)) saturate(1.06) contrast(1.02) brightness(1.02)!important;
}
@media (max-width:900px){
  .home-hero{
    background-image:
      linear-gradient(180deg,rgba(2,6,15,.28) 0%,rgba(2,6,15,.12) 46%,rgba(2,6,15,.08) 70%,rgba(2,6,15,.22) 100%),
      url('/images/space-hero-real.webp')!important;
    background-position:56% center!important;
  }
}
@media (max-width:640px){
  .home-hero{
    background-color:#020611!important;
    background-image:
      linear-gradient(180deg,rgba(2,6,15,.2) 0%,rgba(2,6,15,.08) 45%,rgba(2,6,15,.06) 74%,rgba(2,6,15,.2) 100%),
      url('/images/space-hero-real.webp')!important;
    background-size:cover!important;
    background-position:58% center!important;
  }
  .home-hero:before{background:none!important;opacity:0!important}
  .earth-canvas{
    filter:drop-shadow(0 0 16px rgba(82,170,255,.22)) saturate(1.04) contrast(1.01) brightness(1.015)!important;
  }
}

/* ADC24 HERO — approved Earth photograph behavior + Milky Way background */
.home-hero{
  background-color:#020611!important;
  background-image:
    linear-gradient(90deg,rgba(2,6,15,.66) 0%,rgba(2,6,15,.40) 42%,rgba(2,6,15,.12) 72%,rgba(2,6,15,.18) 100%),
    url('/images/space-milkyway-desktop-25.webp')!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}
.home-hero:before{
  background:linear-gradient(180deg,rgba(1,5,13,.10) 0%,rgba(1,5,13,.015) 48%,rgba(1,5,13,.16) 100%)!important;
  opacity:1!important;
}
.earth-scene{
  isolation:isolate!important;
}
.earth-scene:before{
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  left:50%!important;
  top:50%!important;
  width:76%!important;
  aspect-ratio:1!important;
  transform:translate(-50%,-46%)!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(67,155,255,.22) 0%,rgba(35,101,184,.09) 42%,transparent 72%)!important;
  filter:blur(22px)!important;
  pointer-events:none!important;
}
.earth-scene:after{
  content:""!important;
  position:absolute!important;
  z-index:1!important;
  inset:1% 1% 4%!important;
  pointer-events:none!important;
  background-image:url('/images/earth-approved-static-americas-27.webp')!important;
  background-repeat:no-repeat!important;
  background-position:center center!important;
  background-size:min(94%,720px) auto!important;
  filter:drop-shadow(0 0 18px rgba(94,175,255,.28))!important;
}
.earth-canvas{display:none!important}
.mini-sites{z-index:3!important}

@media (max-width:900px){
  .home-hero{
    background-image:
      linear-gradient(180deg,rgba(2,6,15,.22) 0%,rgba(2,6,15,.08) 45%,rgba(2,6,15,.06) 72%,rgba(2,6,15,.18) 100%),
      url('/images/space-milkyway-mobile-25.webp')!important;
    background-size:cover!important;
    background-position:center top!important;
  }
  .earth-scene:after{
    background-image:url('/images/earth-approved-static-americas-27.webp')!important;
    background-size:min(94%,650px) auto!important;
    background-position:center 48%!important;
  }
}
@media (max-width:640px){
  .home-hero{
    background-image:
      linear-gradient(180deg,rgba(2,6,15,.16) 0%,rgba(2,6,15,.04) 43%,rgba(2,6,15,.03) 74%,rgba(2,6,15,.18) 100%),
      url('/images/space-milkyway-mobile-25.webp')!important;
    background-size:cover!important;
    background-position:center top!important;
  }
  .home-hero:before{background:none!important;opacity:0!important}
  .earth-scene{
    min-height:565px!important;
    margin:-12px -14px -2px!important;
  }
  .earth-scene:before{
    width:88%!important;
    transform:translate(-50%,-43%)!important;
    filter:blur(18px)!important;
  }
  .earth-scene:after{
    inset:0!important;
    background-image:url('/images/earth-approved-static-americas-27.webp')!important;
    background-size:92% auto!important;
    background-position:center 47%!important;
    filter:drop-shadow(0 0 16px rgba(87,172,255,.34))!important;
  }
  .mini-sites{z-index:4!important}
}

/* ADC25 hero visual refinement: real Milky Way + clearer Earth. */
.home-hero{
  background-image:
    linear-gradient(180deg,rgba(1,5,13,.035) 0%,rgba(1,5,13,0) 45%,rgba(1,5,13,.055) 100%),
    url('/images/space-milkyway-desktop-25.webp')!important;
  background-size:cover!important;
  background-position:center center,68% center!important;
  background-repeat:no-repeat!important;
}
.home-hero:before{background:none!important;opacity:0!important}
.earth-scene:before{
  background:radial-gradient(circle,rgba(87,176,255,.26) 0%,rgba(43,111,196,.10) 43%,transparent 72%)!important;
  filter:blur(20px)!important;
}
.earth-scene:after{
  background-image:url('/images/earth-approved-static-americas-27.webp')!important;
  background-size:min(96%,740px) auto!important;
  filter:brightness(1.08) contrast(1.12) saturate(1.10) drop-shadow(0 0 20px rgba(92,179,255,.38))!important;
}
@media (max-width:900px){
  .home-hero{
    background-image:
      linear-gradient(180deg,rgba(1,5,13,.025) 0%,rgba(1,5,13,0) 48%,rgba(1,5,13,.04) 100%),
      url('/images/space-milkyway-mobile-25.webp')!important;
    background-size:cover!important;
    background-position:center top,66% top!important;
  }
  .earth-scene:after{
    background-image:url('/images/earth-approved-static-americas-27.webp')!important;
    background-size:min(96%,690px) auto!important;
    filter:brightness(1.10) contrast(1.14) saturate(1.10) drop-shadow(0 0 18px rgba(94,181,255,.42))!important;
  }
}
@media (max-width:640px){
  .home-hero{
    background-image:
      linear-gradient(180deg,rgba(1,5,13,.018) 0%,rgba(1,5,13,0) 50%,rgba(1,5,13,.035) 100%),
      url('/images/space-milkyway-mobile-25.webp')!important;
    background-size:cover!important;
    background-position:center top,68% top!important;
  }
  .earth-scene:after{
    background-image:url('/images/earth-approved-static-americas-27.webp')!important;
    background-size:96% auto!important;
    background-position:center 47%!important;
    filter:brightness(1.12) contrast(1.15) saturate(1.11) drop-shadow(0 0 19px rgba(94,181,255,.46))!important;
  }
}

/* ADC26 HERO — showcase-first layout: remove primary CTA from hero and lower intro copy. */
.home-hero__actions > :first-child{
  display:none!important;
}
.home-hero__actions{
  gap:0!important;
}

/* With the large CTA removed, the shorter desktop copy naturally sits lower while centered. */
@media (min-width:901px){
  .home-hero__copy{
    transform:translateY(18px)!important;
  }
}

/* Give the showcase room to breathe below the header on tablet/mobile. */
@media (max-width:900px){
  .home-hero{
    padding-top:70px!important;
  }
  .home-hero__copy>p{
    margin-bottom:26px!important;
  }
  .home-hero__proof{
    margin-top:22px!important;
  }
}
@media (max-width:640px){
  .home-hero{
    padding:70px 20px 12px!important;
  }
  .home-hero__copy h1{
    margin-bottom:20px!important;
  }
  .home-hero__copy>p{
    margin-bottom:27px!important;
  }
  .home-hero__actions{
    margin-top:0!important;
  }
  .home-hero__proof{
    margin-top:21px!important;
  }
}

/* ADC28 — Russian home: seven-scene studio showcase. Earth hero remains untouched. */
html[lang="ru"] .page-home .home-manifesto,
html[lang="ru"] .page-home .language-scene,
html[lang="ru"] .page-home .ownership-band{display:none!important}

/* Compact proof ribbon: part of the hero story, not a separate content section. */
html[lang="ru"] .page-home .signal-bar{
  background:
    linear-gradient(90deg,rgba(255,255,255,.035),transparent 28%,rgba(255,190,82,.05) 55%,transparent 82%),
    #111820;
  border-top:1px solid rgba(255,255,255,.08);
  border-bottom:1px solid rgba(255,255,255,.08);
}
html[lang="ru"] .page-home .signal-bar>div{position:relative;overflow:hidden}
html[lang="ru"] .page-home .signal-bar>div:after{
  content:"";position:absolute;left:24px;right:24px;bottom:0;height:2px;
  background:linear-gradient(90deg,#ff725f,#f4d56e,#65d7bd);transform:scaleX(.28);transform-origin:left;opacity:.7
}

/* Scene 2 — responsive design as a real visual demonstration. */
html[lang="ru"] .page-home .responsive-showcase{
  color:#f8fbff;
  min-height:780px;
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 82% 18%,rgba(76,184,255,.28),transparent 28%),
    radial-gradient(circle at 12% 82%,rgba(255,114,95,.22),transparent 26%),
    linear-gradient(135deg,#081523 0%,#102a3c 48%,#173e43 100%);
}
html[lang="ru"] .page-home .responsive-showcase:before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.22;
  background-image:linear-gradient(rgba(255,255,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.16) 1px,transparent 1px);
  background-size:42px 42px;mask-image:linear-gradient(90deg,transparent 0,#000 48%,#000 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 48%,#000 100%);
}
html[lang="ru"] .page-home .responsive-showcase__copy,
html[lang="ru"] .page-home .device-stage{position:relative;z-index:2}
html[lang="ru"] .page-home .responsive-showcase__copy h2{max-width:13ch;color:#fff}
html[lang="ru"] .page-home .responsive-showcase__copy>p{color:#c6d8e5;font-size:18px}
html[lang="ru"] .page-home .responsive-showcase__copy>div span{color:#e8f2f7}
html[lang="ru"] .page-home .responsive-showcase__copy>div svg{color:#f4d56e}
html[lang="ru"] .page-home .device-stage:before{
  content:"";position:absolute;width:360px;height:360px;border:1px solid rgba(255,255,255,.12);border-radius:50%;right:3%;top:8%;box-shadow:0 0 0 38px rgba(255,255,255,.025),0 0 0 76px rgba(255,255,255,.018)
}
html[lang="ru"] .page-home .device-desktop,
html[lang="ru"] .page-home .device-tablet,
html[lang="ru"] .page-home .device-phone{box-shadow:0 34px 90px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.08)}
html[lang="ru"] .page-home .sample-site{background:#f5f0e7}
html[lang="ru"] .page-home .sample-site header{color:#122f3a;background:rgba(255,255,255,.72)}
html[lang="ru"] .page-home .sample-site small{color:#cf4f39}
html[lang="ru"] .page-home .sample-site strong{color:#122f3a;font-family:Georgia,"Times New Roman",serif}
html[lang="ru"] .page-home .sample-site>section i{background:#e26e4d}
html[lang="ru"] .page-home .sample-site figure{
  background-image:linear-gradient(180deg,rgba(8,23,31,.08),rgba(8,23,31,.24)),url('/images/construction-site.webp');
  background-size:cover;background-position:center;border-radius:46% 46% 10px 10px;
}
html[lang="ru"] .page-home .device-tablet .sample-site figure{background-position:58% center}
html[lang="ru"] .page-home .device-phone .sample-site figure{background-position:62% center}

/* Scene 3 — services bento: every tile has a different graphic language, not a flat fill. */
html[lang="ru"] .page-home .home-services{
  position:relative;overflow:hidden;
  background:
    radial-gradient(circle at 8% 12%,rgba(255,114,95,.12),transparent 22%),
    radial-gradient(circle at 92% 88%,rgba(75,159,255,.12),transparent 25%),
    #f4f1ea;
}
html[lang="ru"] .page-home .home-services:before{content:none;display:none}
html[lang="ru"] .page-home .home-services>.section-heading,
html[lang="ru"] .page-home .home-services>.service-bento,
html[lang="ru"] .page-home .home-services>.btn{position:relative;z-index:2}
html[lang="ru"] .page-home .service-tile{border:1px solid rgba(20,32,34,.14);box-shadow:0 14px 35px rgba(22,29,27,.07);isolation:isolate}
html[lang="ru"] .page-home .service-tile:before,
html[lang="ru"] .page-home .service-tile:after{content:"";position:absolute;pointer-events:none;z-index:-1}
html[lang="ru"] .page-home .service-tile:first-child{
  background:linear-gradient(135deg,#fff9ef 0%,#f8d7c9 58%,#ee8b70 100%);
}
html[lang="ru"] .page-home .service-tile:first-child:before{width:240px;height:240px;border-radius:50%;border:28px solid rgba(255,255,255,.45);right:-75px;bottom:-85px}
html[lang="ru"] .page-home .service-tile:nth-child(2){background:linear-gradient(150deg,#f7d86f 0%,#efbd47 100%)}
html[lang="ru"] .page-home .service-tile:nth-child(2):before{inset:0;background:repeating-linear-gradient(120deg,transparent 0 22px,rgba(79,58,9,.08) 22px 23px)}
html[lang="ru"] .page-home .service-tile:nth-child(3){background:linear-gradient(145deg,#d8f4ef 0%,#7dcdbf 100%)}
html[lang="ru"] .page-home .service-tile:nth-child(3):before{width:190px;height:190px;border-radius:38% 62% 62% 38%/56% 38% 62% 44%;background:rgba(255,255,255,.35);right:-45px;top:-55px;transform:rotate(24deg)}
html[lang="ru"] .page-home .service-tile:nth-child(4){background:linear-gradient(135deg,#cce8d5 0%,#8bb9a0 100%)}
html[lang="ru"] .page-home .service-tile:nth-child(4):before{width:180px;height:180px;border:1px solid rgba(19,61,44,.2);border-radius:50%;right:-30px;bottom:-50px;box-shadow:0 0 0 26px rgba(255,255,255,.09),0 0 0 52px rgba(255,255,255,.06)}
html[lang="ru"] .page-home .service-tile:nth-child(5){background:linear-gradient(150deg,#eadff8 0%,#b9a2df 100%)}
html[lang="ru"] .page-home .service-tile:nth-child(5):before{width:55%;height:72%;right:-6%;top:8%;border:1px solid rgba(51,37,83,.2);border-radius:14px;transform:rotate(8deg);background:linear-gradient(180deg,rgba(255,255,255,.6) 0 16%,rgba(255,255,255,.16) 16%)}
html[lang="ru"] .page-home .service-tile:nth-child(6){background:linear-gradient(135deg,#d9eaf5 0%,#8fbad5 100%)}
html[lang="ru"] .page-home .service-tile:nth-child(6):before{inset:18px 18px auto auto;width:110px;height:110px;background:radial-gradient(circle,#fff 0 2px,transparent 3px);background-size:14px 14px;opacity:.5}
html[lang="ru"] .page-home .service-tile h3{position:relative;z-index:2;font-size:clamp(25px,2.6vw,38px)}
html[lang="ru"] .page-home .service-tile p{position:relative;z-index:2;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-size:14px;line-height:1.5}

/* Scene 4 — portfolio becomes an editorial gallery with varied scale and rhythm. */
html[lang="ru"] .page-home .home-work{
  position:relative;overflow:hidden;
  background:linear-gradient(180deg,#221b20 0%,#17171a 50%,#111518 100%);color:#f8f5ef;
}
html[lang="ru"] .page-home .home-work:before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(circle at 15% 15%,rgba(240,121,95,.18),transparent 24%),radial-gradient(circle at 88% 34%,rgba(110,85,163,.20),transparent 25%),radial-gradient(circle at 52% 92%,rgba(86,190,169,.10),transparent 20%);
}
html[lang="ru"] .page-home .home-work .section-heading,
html[lang="ru"] .page-home .home-demo-grid{position:relative;z-index:2}
html[lang="ru"] .page-home .home-work h2{color:#fff}
html[lang="ru"] .page-home .home-work .section-heading>p{color:#c9c1c0}
html[lang="ru"] .page-home .home-demo-grid{grid-template-columns:1.16fr .84fr;gap:54px 22px;align-items:start}
html[lang="ru"] .page-home .demo-card:nth-child(1){grid-column:1/-1;display:grid;grid-template-columns:1.24fr .76fr;gap:30px;align-items:end}
html[lang="ru"] .page-home .demo-card:nth-child(1) .demo-card__image{aspect-ratio:1.75;border-radius:28px 8px 28px 8px}
html[lang="ru"] .page-home .demo-card:nth-child(2) .demo-card__image{border-radius:90px 18px 18px 18px}
html[lang="ru"] .page-home .demo-card:nth-child(3){margin-top:80px}
html[lang="ru"] .page-home .demo-card:nth-child(3) .demo-card__image{border-radius:18px 18px 100px 18px}
html[lang="ru"] .page-home .demo-card:nth-child(4) .demo-card__image{clip-path:polygon(0 0,92% 0,100% 14%,100% 100%,0 100%)}
html[lang="ru"] .page-home .demo-card:nth-child(5){margin-top:65px}
html[lang="ru"] .page-home .demo-card:nth-child(5) .demo-card__image{border-radius:50% 50% 18px 18px/28% 28% 18px 18px}
html[lang="ru"] .page-home .demo-card:nth-child(6){grid-column:1/-1;display:grid;grid-template-columns:.78fr 1.22fr;gap:30px;align-items:center}
html[lang="ru"] .page-home .demo-card:nth-child(6) .demo-card__image{aspect-ratio:1.65;border-radius:12px 70px 12px 70px;order:2}
html[lang="ru"] .page-home .demo-card__image{box-shadow:0 24px 60px rgba(0,0,0,.34);border:1px solid rgba(255,255,255,.12)}
html[lang="ru"] .page-home .demo-card__body>p{color:#f09b88}
html[lang="ru"] .page-home .demo-card__body h3{color:#fff}
html[lang="ru"] .page-home .demo-card__body>span{color:#aaa9ab}
html[lang="ru"] .page-home .demo-card__body a{color:#f7f3ed}

/* Scene 5 — process is a graphic route with oversized sequence numbers. */
html[lang="ru"] .page-home .process-scene{
  position:relative;overflow:hidden;
  background:linear-gradient(120deg,#093b37 0%,#10584f 46%,#0d2627 100%);
}
html[lang="ru"] .page-home .process-scene:before{
  content:"";position:absolute;width:700px;height:700px;border:1px solid rgba(255,255,255,.09);border-radius:50%;left:-360px;top:-120px;box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.018)
}
html[lang="ru"] .page-home .process-scene__intro,
html[lang="ru"] .page-home .process-list{position:relative;z-index:2}
html[lang="ru"] .page-home .process-list{counter-reset:adcstep}
html[lang="ru"] .page-home .process-list article{position:relative;grid-template-columns:86px 1fr;padding:42px 0;border-top:1px solid rgba(255,255,255,.2)}
html[lang="ru"] .page-home .process-list article>span{font-size:32px;letter-spacing:-.06em;color:#f4d56e}
html[lang="ru"] .page-home .process-list article:after{content:"";position:absolute;left:72px;top:48px;width:8px;height:8px;border-radius:50%;background:#ff806d;box-shadow:0 0 0 8px rgba(255,128,109,.12)}
html[lang="ru"] .page-home .process-list h3{font-size:clamp(25px,3vw,37px)}
html[lang="ru"] .page-home .process-list p{font-size:16px;line-height:1.55}

/* Scene 6 — pricing as two designed posters, with texture and depth. */
html[lang="ru"] .page-home .home-pricing{
  position:relative;overflow:hidden;
  background:
    linear-gradient(115deg,rgba(255,255,255,.64),rgba(255,255,255,0) 42%),
    #eee7dc;
}
html[lang="ru"] .page-home .home-pricing:before{
  content:"$";position:absolute;right:2%;top:-9%;font-size:440px;font-weight:950;line-height:1;color:rgba(44,37,36,.035);pointer-events:none
}
html[lang="ru"] .page-home .home-pricing>.section-heading,
html[lang="ru"] .page-home .home-pricing>.pricing-cards,
html[lang="ru"] .page-home .home-pricing>.inline-link{position:relative;z-index:2}
html[lang="ru"] .page-home .pricing-cards--condensed{gap:22px;perspective:1100px}
html[lang="ru"] .page-home .pricing-cards--condensed .pricing-card{min-height:430px;position:relative;box-shadow:0 28px 65px rgba(42,35,32,.16);border:1px solid rgba(255,255,255,.25)}
html[lang="ru"] .page-home .pricing-cards--condensed .pricing-card:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.32}
html[lang="ru"] .page-home .pricing-cards--condensed .pricing-card--coral{background:linear-gradient(145deg,#ff8c70 0%,#e55747 100%);transform:rotate(-1.2deg)}
html[lang="ru"] .page-home .pricing-cards--condensed .pricing-card--coral:before{background:repeating-linear-gradient(135deg,transparent 0 28px,rgba(255,255,255,.11) 28px 29px)}
html[lang="ru"] .page-home .pricing-cards--condensed .pricing-card--violet{background:radial-gradient(circle at 80% 15%,#9e84cf 0%,transparent 26%),linear-gradient(145deg,#765bad 0%,#463565 100%);transform:rotate(1.2deg) translateY(20px)}
html[lang="ru"] .page-home .pricing-cards--condensed .pricing-card--violet:before{background:radial-gradient(circle,#fff 0 1.4px,transparent 1.7px);background-size:18px 18px;mask-image:linear-gradient(90deg,transparent 20%,#000);-webkit-mask-image:linear-gradient(90deg,transparent 20%,#000)}
html[lang="ru"] .page-home .pricing-card>*{position:relative;z-index:2}

/* Scene 7 — final invitation: cinematic, but the action appears only after the story. */
html[lang="ru"] .page-home .final-cta{
  position:relative;overflow:hidden;
  background:
    radial-gradient(circle at 20% 30%,rgba(255,114,95,.24),transparent 28%),
    radial-gradient(circle at 85% 72%,rgba(92,191,172,.18),transparent 24%),
    linear-gradient(135deg,#171319 0%,#251c26 45%,#0d2527 100%);
}
html[lang="ru"] .page-home .final-cta:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 0 56%,rgba(255,255,255,.025) 56% 58%,transparent 58% 100%);pointer-events:none}
html[lang="ru"] .page-home .final-cta__visual,
html[lang="ru"] .page-home .final-cta>div:last-child{position:relative;z-index:2}
html[lang="ru"] .page-home .final-cta>div:last-child h2{max-width:16ch;font-size:clamp(40px,5vw,66px)}
html[lang="ru"] .page-home .final-cta>div:last-child>p{color:#d4ced6;font-size:18px}
html[lang="ru"] .page-home .final-cta__visual .browser-fragment{box-shadow:0 34px 90px rgba(0,0,0,.45);transform:rotate(-5deg)}

@media (max-width:900px){
  html[lang="ru"] .page-home .responsive-showcase{grid-template-columns:1fr;gap:28px;min-height:auto}
  html[lang="ru"] .page-home .responsive-showcase__copy h2{max-width:18ch}
  html[lang="ru"] .page-home .home-demo-grid{grid-template-columns:1fr 1fr;gap:38px 16px}
  html[lang="ru"] .page-home .demo-card:nth-child(1),
  html[lang="ru"] .page-home .demo-card:nth-child(6){grid-column:1/-1;display:block}
  html[lang="ru"] .page-home .demo-card:nth-child(1) .demo-card__image,
  html[lang="ru"] .page-home .demo-card:nth-child(6) .demo-card__image{aspect-ratio:1.45}
  html[lang="ru"] .page-home .demo-card:nth-child(3),
  html[lang="ru"] .page-home .demo-card:nth-child(5){margin-top:38px}
  html[lang="ru"] .page-home .process-scene{grid-template-columns:1fr;gap:36px}
  html[lang="ru"] .page-home .process-scene__intro{position:relative;top:auto}
  html[lang="ru"] .page-home .pricing-cards--condensed .pricing-card--violet{transform:rotate(.5deg) translateY(10px)}
}

@media (max-width:640px){
  html[lang="ru"] .page-home .signal-bar{grid-template-columns:1fr 1fr}
  html[lang="ru"] .page-home .signal-bar>div{min-height:66px;padding:0 16px;font-size:13px}
  html[lang="ru"] .page-home .signal-bar>div:after{left:16px;right:16px}
  html[lang="ru"] .page-home .responsive-showcase{padding-top:72px;padding-bottom:64px}
  html[lang="ru"] .page-home .responsive-showcase__copy h2{font-size:clamp(37px,10.4vw,46px);line-height:1.02}
  html[lang="ru"] .page-home .device-stage{min-height:440px;transform:scale(.96);transform-origin:center top}
  html[lang="ru"] .page-home .device-stage:before{width:250px;height:250px;right:-8%;top:15%}
  html[lang="ru"] .page-home .device-desktop{width:86%;left:0}
  html[lang="ru"] .page-home .device-tablet{width:42%;right:-1%;top:39%}
  html[lang="ru"] .page-home .device-phone{width:25%;left:8%;bottom:2%}
  html[lang="ru"] .page-home .section-heading{display:block;margin-bottom:34px}
  html[lang="ru"] .page-home .section-heading>p{margin-top:18px;font-size:17px}
  html[lang="ru"] .page-home .service-bento{display:grid;grid-template-columns:1fr;gap:14px}
  html[lang="ru"] .page-home .service-tile,
  html[lang="ru"] .page-home .service-tile:first-child,
  html[lang="ru"] .page-home .service-tile:nth-child(2),
  html[lang="ru"] .page-home .service-tile:nth-child(3),
  html[lang="ru"] .page-home .service-tile:nth-child(4),
  html[lang="ru"] .page-home .service-tile:nth-child(5),
  html[lang="ru"] .page-home .service-tile:nth-child(6){grid-column:auto;min-height:270px;padding:23px}
  html[lang="ru"] .page-home .service-tile:first-child{min-height:330px}
  html[lang="ru"] .page-home .service-tile .browser-fragment{width:54%;right:-12%;top:10%;opacity:.9}
  html[lang="ru"] .page-home .home-demo-grid{grid-template-columns:1fr;gap:46px}
  html[lang="ru"] .page-home .demo-card:nth-child(1),
  html[lang="ru"] .page-home .demo-card:nth-child(6){grid-column:auto}
  html[lang="ru"] .page-home .demo-card:nth-child(3),
  html[lang="ru"] .page-home .demo-card:nth-child(5){margin-top:0}
  html[lang="ru"] .page-home .demo-card:nth-child(1) .demo-card__image,
  html[lang="ru"] .page-home .demo-card:nth-child(6) .demo-card__image,
  html[lang="ru"] .page-home .demo-card__image{aspect-ratio:1.28!important;border-radius:18px!important;clip-path:none!important}
  html[lang="ru"] .page-home .process-list article{grid-template-columns:62px 1fr;gap:15px;padding:31px 0}
  html[lang="ru"] .page-home .process-list article>span{font-size:26px}
  html[lang="ru"] .page-home .process-list article:after{left:52px;top:37px;width:6px;height:6px}
  html[lang="ru"] .page-home .pricing-cards--condensed{grid-template-columns:1fr;gap:18px}
  html[lang="ru"] .page-home .pricing-cards--condensed .pricing-card,
  html[lang="ru"] .page-home .pricing-cards--condensed .pricing-card--coral,
  html[lang="ru"] .page-home .pricing-cards--condensed .pricing-card--violet{min-height:390px;transform:none}
  html[lang="ru"] .page-home .final-cta{grid-template-columns:1fr;gap:26px;min-height:auto}
  html[lang="ru"] .page-home .final-cta__visual{min-height:300px}
  html[lang="ru"] .page-home .final-cta>div:last-child h2{font-size:clamp(38px,10.7vw,48px);line-height:1.02}
}

/* ADC28 hero copy fit: text update only; Earth visual remains exactly as V27. */
html[lang="ru"] .page-home .home-hero__copy h1{max-width:14ch!important}
html[lang="ru"] .page-home .home-hero__copy>p{max-width:56ch!important}
@media (max-width:640px){
  html[lang="ru"] .page-home .home-hero__copy h1{max-width:100%!important;font-size:clamp(34px,9.5vw,40px)!important;line-height:1.03!important}
  html[lang="ru"] .page-home .home-hero__copy>p{font-size:17px!important;line-height:1.5!important}
}
/* ADC29 responsive showcase redesign */
.responsive-showcase{position:relative;overflow:hidden;border:1px solid rgba(19,39,56,.08);border-radius:34px;background:linear-gradient(180deg,#fbfbf8 0%,#f8f7f3 100%);grid-template-columns:.78fr 1.22fr;align-items:center;gap:48px;min-height:760px;isolation:isolate}.responsive-showcase:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(9,39,63,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(9,39,63,.06) 1px,transparent 1px);background-size:72px 72px;opacity:.45;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 18%,#000 84%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 18%,#000 84%,transparent 100%);pointer-events:none}.responsive-showcase:after{content:"";position:absolute;right:-110px;top:120px;width:340px;height:420px;background:linear-gradient(135deg,#f6de84,#efb93a);clip-path:polygon(38% 0,100% 0,100% 100%,0 100%);opacity:.95;pointer-events:none}.responsive-showcase__copy,.device-stage{position:relative;z-index:1}.responsive-showcase__copy .eyebrow{background:rgba(242,191,56,.14);border-color:rgba(241,181,27,.28);color:#c58a07}.responsive-showcase__copy h2{max-width:10ch;color:#101b28;margin-bottom:18px;font-size:clamp(42px,5vw,68px);line-height:.97}.responsive-showcase__copy>p{color:#455463;max-width:34ch;font-size:19px;line-height:1.58}.responsive-showcase__bullets{gap:12px;margin-top:30px;display:grid}.responsive-showcase__bullets span{background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(18,40,56,.08);border-radius:999px;align-items:center;gap:9px;padding:12px 16px;color:#112130;font-size:14px;font-weight:780;display:inline-flex;width:max-content;max-width:100%}.responsive-showcase__bullets svg{color:#d9a10a}.device-stage{min-height:610px}.device-stage__glow{position:absolute;inset:auto 8% 10% auto;width:360px;height:360px;background:radial-gradient(circle,rgba(31,110,185,.20),transparent 70%);filter:blur(10px);pointer-events:none}.device-desktop,.device-tablet,.device-phone{position:absolute;overflow:hidden;box-shadow:0 30px 70px rgba(14,26,38,.20)}.device-desktop{background:#0d1520;border:1px solid rgba(255,255,255,.08);border-radius:22px;width:84%;top:0;left:0;aspect-ratio:1.47}.device-tablet{background:#0c141e;border:10px solid #1b2632;border-radius:28px;width:38%;bottom:10px;left:8%;aspect-ratio:.78}.device-phone{background:#0c141e;border:7px solid #1a2330;border-radius:30px;width:23%;bottom:0;right:4%;aspect-ratio:.53}.device-chrome{background:linear-gradient(180deg,#121c28,#09111a);align-items:center;gap:7px;height:30px;padding:0 14px;display:flex}.device-chrome i{background:#83909e;border-radius:50%;width:7px;height:7px;opacity:.8}.device-chrome span{color:#d5dde5;margin-inline:auto;font-size:9px;letter-spacing:.05em}.sample-site--construction,.sample-tablet,.sample-mobile{background:linear-gradient(180deg,#102131 0%,#08121b 100%);height:100%;color:#f5f8fb}.sample-site--construction img,.sample-tablet img,.sample-mobile img{width:100%;height:100%;object-fit:cover;display:block}.sample-topbar,.sample-tablet>header,.sample-mobile>header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08)}.sample-topbar{height:52px;padding:0 18px}.sample-brand{display:flex;align-items:center;gap:10px;min-width:0}.sample-brand i{width:18px;height:18px;background:linear-gradient(135deg,#f8d976,#e1a31b);clip-path:polygon(18% 0,82% 0,100% 50%,82% 100%,18% 100%,0 50%);display:block;flex:none}.sample-brand b{display:flex;flex-direction:column;font-size:11px;line-height:1;color:#fff;letter-spacing:.05em}.sample-brand b small{font-size:8px;color:#c7d4df;letter-spacing:.14em;font-weight:700}.sample-nav{display:flex;align-items:center;gap:18px;color:#cedae4;font-size:10px}.sample-cta{background:#f0bf3a;color:#0f1720;border-radius:999px;padding:7px 12px;font-size:9px;font-weight:900;letter-spacing:.03em;display:inline-flex}.sample-hero{display:grid;grid-template-columns:.82fr 1.18fr;gap:20px;padding:24px 22px 22px;height:calc(100% - 30px)}.sample-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.sample-copy small,.sample-tablet__copy small,.sample-mobile__copy small{color:#f0bf3a;font-size:10px;font-weight:900;letter-spacing:.14em}.sample-copy strong{color:#fff;max-width:10ch;margin:14px 0 10px;font-family:inherit;font-size:38px;font-weight:800;line-height:.95;letter-spacing:-.05em}.sample-copy p{color:#ccdae4;max-width:28ch;margin:0;font-size:13px;line-height:1.45}.sample-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.sample-buttons span{border-radius:999px;padding:10px 14px;font-size:10px;font-weight:900;letter-spacing:.03em;display:inline-flex}.sample-buttons span:first-child{background:#f0bf3a;color:#0f1720}.sample-buttons span:last-child{border:1px solid rgba(255,255,255,.34);color:#f7fbff}.sample-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:20px;display:grid;width:100%}.sample-metrics span{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:14px;color:#d6e1e9;padding:10px 11px;font-size:10px;line-height:1.2}.sample-metrics b{display:block;color:#f0bf3a;margin-bottom:4px;font-size:11px;letter-spacing:.08em}.sample-media{margin:0;border-radius:18px;overflow:hidden;position:relative;min-height:100%}.sample-media:after,.sample-tablet figure:after,.sample-mobile figure:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,20,30,.10),rgba(11,20,30,.42));pointer-events:none}.sample-tablet{display:grid;grid-template-rows:auto .98fr auto auto}.sample-tablet>header{padding:12px 14px;height:auto}.sample-menu{color:#e9f0f6;font-size:11px;font-weight:800;letter-spacing:.03em}.sample-tablet figure,.sample-mobile figure{margin:0;overflow:hidden;position:relative}.sample-tablet__copy{padding:14px 15px 10px}.sample-tablet__copy strong{display:block;color:#fff;margin:10px 0 8px;font-size:24px;line-height:.95;letter-spacing:-.04em}.sample-tablet__copy p{color:#cfdae5;margin:0;font-size:12px;line-height:1.4}.sample-mini-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:0 14px 14px}.sample-mini-metrics span{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:12px;color:#d4dfe9;padding:8px 6px;text-align:center;font-size:10px;font-weight:780}.device-phone__speaker{z-index:2;background:#0a1118;border-radius:99px;width:26%;height:5px;position:absolute;top:8px;left:37%}.sample-mobile{display:grid;grid-template-rows:auto .94fr auto}.sample-mobile>header{padding:15px 12px 10px;border-bottom:0}.sample-mobile>header .sample-brand b{font-size:9px}.sample-mobile>header .sample-brand i{width:14px;height:14px}.sample-mobile figure{height:42%}.sample-mobile__copy{padding:12px 12px 14px}.sample-mobile__copy strong{display:block;color:#fff;margin:8px 0 7px;font-size:19px;line-height:1;letter-spacing:-.04em}.sample-mobile__copy p{color:#d1dce6;margin:0;font-size:10px;line-height:1.35}.sample-mobile .sample-buttons{gap:7px;margin-top:12px}.sample-mobile .sample-buttons span{padding:8px 10px;font-size:8px}.sample-mobile__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:12px}.sample-mobile__stats span{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:10px;color:#dbe5ed;padding:7px 5px;text-align:center;font-size:9px;font-weight:800}@media (max-width:1024px){.responsive-showcase{grid-template-columns:1fr;gap:30px;min-height:auto;padding-top:56px;padding-bottom:56px}.responsive-showcase:after{right:-150px;top:auto;bottom:-40px;width:300px;height:280px}.responsive-showcase__copy h2{max-width:12ch}.responsive-showcase__copy>p{max-width:44ch}.device-stage{min-height:560px;max-width:760px;width:100%;margin:0 auto}.device-desktop{width:82%;left:0}.device-tablet{width:38%;left:6%}.device-phone{width:23%;right:2%}}@media (max-width:760px){.responsive-showcase{padding:34px 20px 44px;border-radius:28px}.responsive-showcase:before{background-size:42px 42px}.responsive-showcase:after{right:-140px;bottom:-20px;top:auto;width:240px;height:220px}.responsive-showcase__copy h2{font-size:clamp(36px,11vw,48px);max-width:11ch}.responsive-showcase__copy>p{font-size:17px}.responsive-showcase__bullets span{width:100%;justify-content:flex-start}.device-stage{min-height:430px}.device-desktop{width:100%;left:0;top:0}.device-tablet{width:46%;left:2%;bottom:0}.device-phone{width:29%;right:1%;bottom:-4px}.sample-topbar{height:40px;padding:0 12px}.sample-topbar .sample-nav,.sample-topbar .sample-cta{display:none}.sample-brand i{width:14px;height:14px}.sample-brand b{font-size:9px}.sample-brand b small{font-size:6px}.sample-hero{grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:10px;padding:12px;height:calc(100% - 30px)}.sample-copy strong{font-size:24px;margin:8px 0 8px}.sample-copy p{font-size:10px;max-width:20ch}.sample-copy small{font-size:8px}.sample-buttons{gap:6px;margin-top:10px}.sample-buttons span{padding:7px 9px;font-size:7px}.sample-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:10px}.sample-metrics span{padding:7px;font-size:8px}.sample-metrics b{font-size:8px}.sample-media{min-height:120px}.sample-tablet>header{padding:9px 10px}.sample-tablet__copy{padding:10px}.sample-tablet__copy strong{font-size:17px}.sample-tablet__copy p{font-size:9px}.sample-mini-metrics{gap:4px;padding:0 10px 10px}.sample-mini-metrics span{font-size:8px;padding:6px 4px}.sample-mobile>header{padding:13px 9px 8px}.sample-mobile__copy{padding:9px}.sample-mobile__copy strong{font-size:14px}.sample-mobile__copy p{font-size:8px}.sample-mobile .sample-buttons span{padding:6px 7px;font-size:7px}.sample-mobile__stats{gap:4px}.sample-mobile__stats span{font-size:7px;padding:6px 3px}}
/* ADC29 simplified device cards */
.device-desktop,.device-tablet,.device-phone{background:#0b1420}.device-desktop>img,.device-tablet>img,.device-phone>img,.device-card>img{width:100%;height:100%;object-fit:cover;display:block}.device-desktop,.device-tablet,.device-phone,.device-card{position:relative;overflow:hidden}.device-card{height:calc(100% - 30px)}.device-card--desktop{height:calc(100% - 30px)}.device-card:after,.device-tablet:after,.device-phone:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,16,26,.14) 0%,rgba(7,16,26,.28) 36%,rgba(7,16,26,.76) 100%);pointer-events:none}.device-card__overlay{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:22px 22px 20px;display:grid;gap:10px}.device-card__overlay small{color:#f3c64f;letter-spacing:.14em;font-size:10px;font-weight:900}.device-card__overlay strong{color:#fff;max-width:12ch;font-size:clamp(23px,3vw,38px);line-height:.95;letter-spacing:-.05em}.device-card__overlay p{color:#d5e1ea;max-width:30ch;margin:0;font-size:12px;line-height:1.45}.device-pills{display:flex;gap:8px;flex-wrap:wrap}.device-pills span{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(6px);border-radius:999px;color:#fff;padding:8px 12px;font-size:10px;font-weight:800;letter-spacing:.03em}.device-pills span:first-child{background:#f0bf3a;border-color:#f0bf3a;color:#0d1520}.device-card__overlay--tablet{padding:14px 14px 16px;gap:8px}.device-card__overlay--tablet strong{font-size:22px;max-width:10ch}.device-card__overlay--tablet p{display:none}.device-card__overlay--phone{padding:0 10px 10px;gap:8px}.device-card__overlay--phone strong{font-size:18px;max-width:9ch}.device-card__overlay--phone p{display:none}.device-card__overlay--phone small{font-size:8px}.device-phone img{height:100%}.device-phone .device-card__overlay{bottom:0}.device-tablet img,.device-phone img{position:absolute;inset:0}.device-phone__speaker{z-index:2}@media (max-width:760px){.device-card__overlay{padding:12px 12px 11px;gap:7px}.device-card__overlay strong{font-size:20px}.device-card__overlay p{font-size:9px;max-width:22ch}.device-pills{gap:5px}.device-pills span{padding:6px 8px;font-size:7px}.device-card__overlay--tablet{padding:10px}.device-card__overlay--tablet strong{font-size:15px}.device-card__overlay--phone{padding:0 8px 8px}.device-card__overlay--phone strong{font-size:12px}}

/* ADC30: real mobile-first responsive showcase */
@media (max-width:760px){
  html[lang] .page-home .responsive-showcase{
    display:block!important;
    min-height:0!important;
    padding:34px 18px 28px!important;
    border-radius:28px!important;
    background:
      radial-gradient(circle at 88% 69%,rgba(244,193,54,.20),transparent 22%),
      linear-gradient(180deg,#0d2d43 0%,#0a2638 58%,#102f39 100%)!important;
    color:#fff!important;
    overflow:hidden!important;
  }
  html[lang] .page-home .responsive-showcase:before{
    background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px)!important;
    background-size:42px 42px!important;
    opacity:.72!important;
    -webkit-mask-image:none!important;mask-image:none!important;
  }
  html[lang] .page-home .responsive-showcase:after{
    width:210px!important;height:230px!important;right:-118px!important;bottom:-36px!important;top:auto!important;
    background:linear-gradient(135deg,#f7dc72,#efb82e)!important;opacity:.95!important;
  }
  html[lang] .page-home .responsive-showcase__copy{display:block!important;position:relative!important;z-index:3!important}
  html[lang] .page-home .responsive-showcase__copy .eyebrow{
    width:max-content!important;max-width:100%!important;margin:0 0 16px!important;padding:0!important;
    background:transparent!important;border:0!important;color:#f3cf5c!important;font-size:13px!important;letter-spacing:.16em!important;
  }
  html[lang] .page-home .responsive-showcase__copy .eyebrow span{background:#f3cf5c!important;width:34px!important}
  html[lang] .page-home .responsive-showcase__copy h2{
    max-width:10.5ch!important;margin:0 0 16px!important;color:#fff!important;
    font-size:clamp(35px,9.9vw,42px)!important;line-height:.98!important;letter-spacing:-.055em!important;
  }
  html[lang] .page-home .responsive-showcase__copy>p{
    max-width:32ch!important;margin:0!important;color:#c7d9e5!important;font-size:16px!important;line-height:1.5!important;
  }
  html[lang] .page-home .responsive-showcase__bullets{display:none!important}

  html[lang] .page-home .device-stage{
    position:relative!important;z-index:2!important;width:100%!important;max-width:none!important;
    height:460px!important;min-height:460px!important;margin:26px 0 0!important;transform:none!important;
  }
  html[lang] .page-home .device-stage__glow{width:260px!important;height:260px!important;right:-10%!important;bottom:5%!important;opacity:.8!important}
  html[lang] .page-home .device-desktop{
    position:absolute!important;width:92%!important;left:0!important;right:auto!important;top:0!important;bottom:auto!important;
    aspect-ratio:1.5!important;height:auto!important;border-radius:18px!important;border:1px solid rgba(255,255,255,.16)!important;
    box-shadow:0 24px 52px rgba(0,0,0,.28)!important;z-index:1!important;
  }
  html[lang] .page-home .device-chrome{height:24px!important;padding:0 10px!important}
  html[lang] .page-home .device-chrome i{width:5px!important;height:5px!important}
  html[lang] .page-home .device-chrome span{font-size:6.5px!important}
  html[lang] .page-home .device-card--desktop{height:calc(100% - 24px)!important}
  html[lang] .page-home .device-card__overlay{padding:12px 13px 11px!important;gap:6px!important}
  html[lang] .page-home .device-card__overlay small{font-size:7px!important;letter-spacing:.12em!important}
  html[lang] .page-home .device-card__overlay strong{font-size:21px!important;line-height:.96!important;max-width:12ch!important}
  html[lang] .page-home .device-card__overlay p{font-size:8px!important;line-height:1.35!important;max-width:24ch!important}
  html[lang] .page-home .device-pills{gap:5px!important}
  html[lang] .page-home .device-pills span{padding:6px 8px!important;font-size:7px!important}

  html[lang] .page-home .device-tablet{
    position:absolute!important;width:45%!important;left:5%!important;right:auto!important;top:auto!important;bottom:8px!important;
    aspect-ratio:.76!important;height:auto!important;border:7px solid #172532!important;border-radius:20px!important;
    box-shadow:0 20px 44px rgba(0,0,0,.34)!important;z-index:3!important;
  }
  html[lang] .page-home .device-tablet .device-card__overlay{padding:10px!important;gap:5px!important}
  html[lang] .page-home .device-tablet .device-card__overlay strong{font-size:14px!important;max-width:9ch!important}
  html[lang] .page-home .device-tablet .device-card__overlay small{font-size:6px!important}
  html[lang] .page-home .device-tablet .device-pills span{padding:5px 6px!important;font-size:6px!important}

  html[lang] .page-home .device-phone{
    position:absolute!important;width:29%!important;right:3%!important;left:auto!important;top:auto!important;bottom:0!important;
    aspect-ratio:.52!important;height:auto!important;border:6px solid #16232f!important;border-radius:23px!important;
    box-shadow:0 20px 45px rgba(0,0,0,.40)!important;z-index:4!important;
  }
  html[lang] .page-home .device-phone__speaker{height:4px!important;top:5px!important}
  html[lang] .page-home .device-phone .device-card__overlay{padding:0 7px 8px!important;gap:4px!important}
  html[lang] .page-home .device-phone .device-card__overlay small{font-size:5.5px!important}
  html[lang] .page-home .device-phone .device-card__overlay strong{font-size:11px!important;max-width:8ch!important}
  html[lang] .page-home .device-phone .device-pills{gap:3px!important}
  html[lang] .page-home .device-phone .device-pills span{padding:4px 5px!important;font-size:5.5px!important}
}
@media (max-width:380px){
  html[lang] .page-home .responsive-showcase{padding-inline:16px!important}
  html[lang] .page-home .responsive-showcase__copy h2{font-size:35px!important}
  html[lang] .page-home .responsive-showcase__copy>p{font-size:15.5px!important}
  html[lang] .page-home .device-stage{height:430px!important;min-height:430px!important}
}

/* ADC32 — staged responsive morph: laptop -> tablet -> phone -> final trio */
.responsive-showcase.is-visible .device-desktop,
.responsive-showcase.is-visible .device-tablet,
.responsive-showcase.is-visible .device-phone{
  will-change:transform,opacity,filter;
  transform-origin:center center;
  animation-duration:10.8s;
  animation-timing-function:cubic-bezier(.22,.75,.2,1);
  animation-fill-mode:both;
  animation-iteration-count:1;
}
.responsive-showcase.is-visible .device-desktop{animation-name:adc32-desktop-story}
.responsive-showcase.is-visible .device-tablet{animation-name:adc32-tablet-story}
.responsive-showcase.is-visible .device-phone{animation-name:adc32-phone-story}
.responsive-showcase.is-visible .device-stage__glow{animation:adc32-glow-story 10.8s ease-in-out 1 both}

@keyframes adc32-desktop-story{
  0%{opacity:0;transform:translate(10%,26%) scale(.9);filter:blur(5px)}
  7%,27%{opacity:1;transform:translate(10%,26%) scale(1.06);filter:blur(0)}
  35%,55%{opacity:.10;transform:translate(10%,26%) scale(.72);filter:blur(2px)}
  64%,75%{opacity:.06;transform:translate(10%,26%) scale(.68);filter:blur(2px)}
  84%,100%{opacity:1;transform:translate(0,0) scale(1);filter:blur(0)}
}
@keyframes adc32-tablet-story{
  0%,24%{opacity:0;transform:translate(60%,-38%) scale(.18);filter:blur(7px)}
  32%{opacity:1;transform:translate(60%,-38%) scale(1.42);filter:blur(0)}
  48%{opacity:1;transform:translate(60%,-38%) scale(1.42);filter:blur(0)}
  58%,75%{opacity:.10;transform:translate(60%,-38%) scale(.72);filter:blur(2px)}
  84%,100%{opacity:1;transform:translate(0,0) scale(1);filter:blur(0)}
}
@keyframes adc32-phone-story{
  0%,51%{opacity:0;transform:translate(-150%,-50%) scale(.15);filter:blur(7px)}
  60%{opacity:1;transform:translate(-150%,-50%) scale(1.58);filter:blur(0)}
  74%{opacity:1;transform:translate(-150%,-50%) scale(1.58);filter:blur(0)}
  84%,100%{opacity:1;transform:translate(0,0) scale(1);filter:blur(0)}
}
@keyframes adc32-glow-story{
  0%,25%{opacity:.34;transform:scale(.82)}
  36%,50%{opacity:.9;transform:scale(1.05)}
  61%,75%{opacity:1;transform:scale(1.14)}
  86%,100%{opacity:.8;transform:scale(1)}
}

@media (max-width:760px){
  .responsive-showcase.is-visible .device-desktop{animation-name:adc32-mobile-desktop-story}
  .responsive-showcase.is-visible .device-tablet{animation-name:adc32-mobile-tablet-story}
  .responsive-showcase.is-visible .device-phone{animation-name:adc32-mobile-phone-story}
  @keyframes adc32-mobile-desktop-story{
    0%{opacity:0;transform:translate(4%,18%) scale(.9);filter:blur(5px)}
    7%,27%{opacity:1;transform:translate(4%,18%) scale(1.04);filter:blur(0)}
    35%,55%{opacity:.09;transform:translate(4%,18%) scale(.69);filter:blur(2px)}
    64%,75%{opacity:.05;transform:translate(4%,18%) scale(.65);filter:blur(2px)}
    84%,100%{opacity:1;transform:translate(0,0) scale(1);filter:blur(0)}
  }
  @keyframes adc32-mobile-tablet-story{
    0%,24%{opacity:0;transform:translate(50%,-56%) scale(.17);filter:blur(7px)}
    32%{opacity:1;transform:translate(50%,-56%) scale(1.52);filter:blur(0)}
    48%{opacity:1;transform:translate(50%,-56%) scale(1.52);filter:blur(0)}
    58%,75%{opacity:.09;transform:translate(50%,-56%) scale(.65);filter:blur(2px)}
    84%,100%{opacity:1;transform:translate(0,0) scale(1);filter:blur(0)}
  }
  @keyframes adc32-mobile-phone-story{
    0%,51%{opacity:0;transform:translate(-112%,-66%) scale(.15);filter:blur(7px)}
    60%{opacity:1;transform:translate(-112%,-66%) scale(1.78);filter:blur(0)}
    74%{opacity:1;transform:translate(-112%,-66%) scale(1.78);filter:blur(0)}
    84%,100%{opacity:1;transform:translate(0,0) scale(1);filter:blur(0)}
  }
}

@media (prefers-reduced-motion:reduce){
  .responsive-showcase.is-visible .device-desktop,
  .responsive-showcase.is-visible .device-tablet,
  .responsive-showcase.is-visible .device-phone,
  .responsive-showcase.is-visible .device-stage__glow{
    animation:none!important;opacity:1!important;transform:none!important;filter:none!important
  }
}


/* ADC33 — infinite staged responsive story with a calm final hold */
.responsive-showcase.is-visible .device-desktop,
.responsive-showcase.is-visible .device-tablet,
.responsive-showcase.is-visible .device-phone{
  animation-duration:15.2s;
  animation-timing-function:cubic-bezier(.22,.75,.2,1);
  animation-fill-mode:both;
  animation-iteration-count:infinite;
}
.responsive-showcase.is-visible .device-desktop{animation-name:adc33-desktop-loop}
.responsive-showcase.is-visible .device-tablet{animation-name:adc33-tablet-loop}
.responsive-showcase.is-visible .device-phone{animation-name:adc33-phone-loop}
.responsive-showcase.is-visible .device-stage__glow{animation:adc33-glow-loop 15.2s ease-in-out infinite both}

@keyframes adc33-desktop-loop{
  0%{opacity:0;transform:translate(10%,26%) scale(.90);filter:blur(5px)}
  5%,20%{opacity:1;transform:translate(10%,26%) scale(1.06);filter:blur(0)}
  26%,46%{opacity:.10;transform:translate(10%,26%) scale(.72);filter:blur(2px)}
  52%,65%{opacity:.06;transform:translate(10%,26%) scale(.68);filter:blur(2px)}
  72%,94%{opacity:1;transform:translate(0,0) scale(1);filter:blur(0)}
  100%{opacity:0;transform:translate(0,0) scale(.97);filter:blur(3px)}
}
@keyframes adc33-tablet-loop{
  0%,22%{opacity:0;transform:translate(60%,-38%) scale(.18);filter:blur(7px)}
  28%,42%{opacity:1;transform:translate(60%,-38%) scale(1.42);filter:blur(0)}
  48%,65%{opacity:.10;transform:translate(60%,-38%) scale(.72);filter:blur(2px)}
  72%,94%{opacity:1;transform:translate(0,0) scale(1);filter:blur(0)}
  100%{opacity:0;transform:translate(0,0) scale(.97);filter:blur(3px)}
}
@keyframes adc33-phone-loop{
  0%,45%{opacity:0;transform:translate(-150%,-50%) scale(.15);filter:blur(7px)}
  52%,64%{opacity:1;transform:translate(-150%,-50%) scale(1.58);filter:blur(0)}
  72%,94%{opacity:1;transform:translate(0,0) scale(1);filter:blur(0)}
  100%{opacity:0;transform:translate(0,0) scale(.97);filter:blur(3px)}
}
@keyframes adc33-glow-loop{
  0%,20%{opacity:.34;transform:scale(.82)}
  28%,43%{opacity:.90;transform:scale(1.05)}
  52%,65%{opacity:1;transform:scale(1.14)}
  72%,94%{opacity:.80;transform:scale(1)}
  100%{opacity:.20;transform:scale(.92)}
}

@media (max-width:760px){
  .responsive-showcase.is-visible .device-desktop{animation-name:adc33-mobile-desktop-loop}
  .responsive-showcase.is-visible .device-tablet{animation-name:adc33-mobile-tablet-loop}
  .responsive-showcase.is-visible .device-phone{animation-name:adc33-mobile-phone-loop}
  @keyframes adc33-mobile-desktop-loop{
    0%{opacity:0;transform:translate(4%,18%) scale(.90);filter:blur(5px)}
    5%,20%{opacity:1;transform:translate(4%,18%) scale(1.04);filter:blur(0)}
    26%,46%{opacity:.09;transform:translate(4%,18%) scale(.69);filter:blur(2px)}
    52%,65%{opacity:.05;transform:translate(4%,18%) scale(.65);filter:blur(2px)}
    72%,94%{opacity:1;transform:translate(0,0) scale(1);filter:blur(0)}
    100%{opacity:0;transform:translate(0,0) scale(.97);filter:blur(3px)}
  }
  @keyframes adc33-mobile-tablet-loop{
    0%,22%{opacity:0;transform:translate(50%,-56%) scale(.17);filter:blur(7px)}
    28%,42%{opacity:1;transform:translate(50%,-56%) scale(1.52);filter:blur(0)}
    48%,65%{opacity:.09;transform:translate(50%,-56%) scale(.65);filter:blur(2px)}
    72%,94%{opacity:1;transform:translate(0,0) scale(1);filter:blur(0)}
    100%{opacity:0;transform:translate(0,0) scale(.97);filter:blur(3px)}
  }
  @keyframes adc33-mobile-phone-loop{
    0%,45%{opacity:0;transform:translate(-112%,-66%) scale(.15);filter:blur(7px)}
    52%,64%{opacity:1;transform:translate(-112%,-66%) scale(1.78);filter:blur(0)}
    72%,94%{opacity:1;transform:translate(0,0) scale(1);filter:blur(0)}
    100%{opacity:0;transform:translate(0,0) scale(.97);filter:blur(3px)}
  }
}

@media (prefers-reduced-motion:reduce){
  .responsive-showcase.is-visible .device-desktop,
  .responsive-showcase.is-visible .device-tablet,
  .responsive-showcase.is-visible .device-phone,
  .responsive-showcase.is-visible .device-stage__glow{
    animation:none!important;opacity:1!important;transform:none!important;filter:none!important
  }
}


/* ADC34 — responsive section title hierarchy only. Animation and device composition unchanged. */
.page-home .responsive-showcase__title{
  max-width:none!important;
  display:grid!important;
  gap:10px!important;
}
.page-home .responsive-showcase__title-primary,
.page-home .responsive-showcase__title-devices{
  display:block;
}
.page-home .responsive-showcase__title-primary{
  font-size:1em;
  line-height:.94;
  letter-spacing:-.06em;
}
.page-home .responsive-showcase__title-devices{
  max-width:22ch;
  font-size:.48em;
  line-height:1.08;
  letter-spacing:-.035em;
  font-weight:760;
}
@media (max-width:760px){
  html[lang] .page-home .responsive-showcase__copy h2.responsive-showcase__title{
    max-width:none!important;
    margin:0 0 16px!important;
    font-size:clamp(42px,11.5vw,50px)!important;
    line-height:1!important;
    gap:9px!important;
  }
  html[lang] .page-home .responsive-showcase__title-devices{
    max-width:none!important;
    font-size:.55em!important;
    line-height:1.12!important;
    letter-spacing:-.025em!important;
    font-weight:720!important;
  }
}
@media (max-width:380px){
  html[lang] .page-home .responsive-showcase__copy h2.responsive-showcase__title{
    font-size:39px!important;
  }
  html[lang] .page-home .responsive-showcase__title-devices{
    font-size:.54em!important;
  }
}


/* ADC36 — mobile-centered responsive headline, stepped device words, restored copy, seamless transition. */
.page-home .responsive-showcase__title-devices{
  display:grid!important;
  width:min(100%,430px);
  gap:2px!important;
}
.page-home .responsive-showcase__device-word{
  display:block;
  width:max-content;
  max-width:100%;
  position:relative;
}
.page-home .responsive-showcase__device-word--tablet{margin-left:28%}
.page-home .responsive-showcase__device-word--phone{margin-left:49%}
.page-home .responsive-showcase__lead{
  margin:0;
  font-weight:760;
  color:#f2f7fb!important;
}
.page-home .responsive-showcase__detail{
  margin-top:12px!important;
  color:#b9cfdd!important;
  font-weight:430;
}

@media (max-width:760px){
  /* Join the dark proof ribbon and the blue responsive scene without the white wedges. */
  html[lang="ru"] .page-home .signal-bar{
    margin-bottom:0!important;
    border-bottom-color:rgba(102,190,215,.18)!important;
  }
  html[lang="ru"] .page-home .responsive-showcase{
    margin-top:0!important;
    border-top:0!important;
    border-radius:0 0 30px 30px!important;
    padding:50px 18px 48px!important;
  }
  html[lang="ru"] .page-home .responsive-showcase__copy{
    width:100%!important;
    max-width:390px!important;
    margin:0 auto!important;
    text-align:center!important;
  }
  html[lang="ru"] .page-home .responsive-showcase__copy h2.responsive-showcase__title{
    width:100%!important;
    max-width:360px!important;
    margin:0 auto 22px!important;
    align-items:center!important;
    justify-items:center!important;
    gap:16px!important;
    font-size:clamp(48px,13vw,58px)!important;
  }
  html[lang="ru"] .page-home .responsive-showcase__title-primary{
    width:100%!important;
    text-align:center!important;
    font-size:1em!important;
    line-height:.92!important;
  }
  html[lang="ru"] .page-home .responsive-showcase__title-primary:after{
    content:"";
    display:block;
    width:54px;
    height:4px;
    margin:16px auto 0;
    border-radius:999px;
    background:linear-gradient(90deg,#f4d56e,#ef9e42);
  }
  html[lang="ru"] .page-home .responsive-showcase__title-devices{
    width:min(100%,330px)!important;
    margin:0 auto!important;
    gap:2px!important;
    font-size:clamp(26px,7.4vw,32px)!important;
    line-height:1.02!important;
    text-align:left!important;
    letter-spacing:-.04em!important;
    font-weight:790!important;
  }
  html[lang="ru"] .page-home .responsive-showcase__device-word--desktop{margin-left:0!important}
  html[lang="ru"] .page-home .responsive-showcase__device-word--tablet{margin-left:28%!important}
  html[lang="ru"] .page-home .responsive-showcase__device-word--phone{margin-left:50%!important}
  html[lang="ru"] .page-home .responsive-showcase__lead{
    max-width:320px!important;
    margin:24px auto 0!important;
    font-size:18px!important;
    line-height:1.38!important;
    text-align:center!important;
  }
  html[lang="ru"] .page-home .responsive-showcase__detail{
    max-width:335px!important;
    margin:13px auto 0!important;
    font-size:15.5px!important;
    line-height:1.52!important;
    text-align:center!important;
  }
  html[lang="ru"] .page-home .device-stage{
    margin-top:34px!important;
  }
}
@media (max-width:380px){
  html[lang="ru"] .page-home .responsive-showcase__copy h2.responsive-showcase__title{font-size:45px!important}
  html[lang="ru"] .page-home .responsive-showcase__title-devices{width:300px!important;font-size:25px!important}
  html[lang="ru"] .page-home .responsive-showcase__device-word--tablet{margin-left:27%!important}
  html[lang="ru"] .page-home .responsive-showcase__device-word--phone{margin-left:48%!important}
}


/* ADC37 — lighter transition ribbon + richer responsive intro */
html[lang="ru"] .page-home .signal-bar{
  position:relative;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px 30px;
  padding:30px clamp(22px,4vw,44px) 22px;
  background:
    radial-gradient(circle at 50% -40%,rgba(116,181,255,.14),transparent 46%),
    linear-gradient(180deg,#09111b 0%,#0c1620 46%,#0d2231 100%);
  border-top:1px solid rgba(255,255,255,.06);
  border-bottom:0;
}
html[lang="ru"] .page-home .signal-bar>div{
  position:relative;
  min-height:auto;
  padding:0 4px 14px;
  border:0;
  background:transparent;
  display:flex;
  align-items:flex-start;
  gap:14px;
  color:#f8fbff;
  font-size:clamp(18px,1.8vw,22px);
  font-weight:820;
  line-height:1.25;
}
html[lang="ru"] .page-home .signal-bar>div span{
  color:#f0c652;
  font-size:13px;
  font-weight:900;
  letter-spacing:.1em;
  margin-top:4px;
  flex:none;
  opacity:.92;
}
html[lang="ru"] .page-home .signal-bar>div:after{
  content:"";
  position:absolute;
  left:40px;
  right:4px;
  bottom:0;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,#ff7a62 0%,#f4d56e 34%,#6bd2b4 68%,#59a6ff 100%);
  opacity:.98;
  transform:none;
}
html[lang="ru"] .page-home .responsive-showcase{
  margin-top:0!important;
  border-radius:0 0 34px 34px!important;
  border-top:1px solid rgba(255,255,255,.06);
  padding-top:56px!important;
}
html[lang="ru"] .page-home .responsive-showcase__copy{
  max-width:760px;
  margin:0 auto 6px;
  text-align:center;
}
html[lang="ru"] .page-home .responsive-showcase__title{
  display:grid;
  justify-items:center;
  gap:14px;
  margin:0;
}
html[lang="ru"] .page-home .responsive-showcase__title-primary{
  display:block;
  font-size:clamp(56px,6.5vw,82px);
  line-height:.94;
  letter-spacing:-.06em;
  color:#fff;
}
html[lang="ru"] .page-home .responsive-showcase__title-devices{
  display:grid;
  justify-items:start;
  gap:6px;
  width:max-content;
  max-width:100%;
  font-size:clamp(28px,3.2vw,44px);
  font-weight:830;
  line-height:1.02;
  color:#eef6ff;
}
html[lang="ru"] .page-home .responsive-showcase__device-word{display:block}
html[lang="ru"] .page-home .responsive-showcase__device-word--tablet{margin-left:18%}
html[lang="ru"] .page-home .responsive-showcase__device-word--phone{margin-left:36%}
html[lang="ru"] .page-home .responsive-showcase__lead{
  margin:20px auto 0!important;
  max-width:26ch!important;
  color:#f3f7fb!important;
  font-size:clamp(26px,2.8vw,34px)!important;
  font-weight:760;
  line-height:1.28!important;
}
html[lang="ru"] .page-home .responsive-showcase__detail{
  margin:16px auto 0!important;
  max-width:40ch!important;
  color:#cbdce8!important;
  font-size:18px!important;
  line-height:1.62!important;
}
@media (max-width:900px){
  html[lang="ru"] .page-home .signal-bar{grid-template-columns:1fr;gap:16px;padding:22px 22px 18px}
  html[lang="ru"] .page-home .signal-bar>div{max-width:360px;margin:0 auto;width:100%;font-size:18px;padding-bottom:13px}
  html[lang="ru"] .page-home .signal-bar>div:after{left:40px;right:0}
}
@media (max-width:760px){
  html[lang="ru"] .page-home .responsive-showcase{padding-top:38px!important;padding-bottom:48px!important;border-radius:0 0 30px 30px!important}
  html[lang="ru"] .page-home .responsive-showcase__copy{text-align:center!important}
  html[lang="ru"] .page-home .responsive-showcase__title{gap:10px!important}
  html[lang="ru"] .page-home .responsive-showcase__title-primary{font-size:clamp(50px,13vw,64px)!important}
  html[lang="ru"] .page-home .responsive-showcase__title-devices{font-size:clamp(28px,8.4vw,40px)!important}
  html[lang="ru"] .page-home .responsive-showcase__device-word--tablet{margin-left:20%!important}
  html[lang="ru"] .page-home .responsive-showcase__device-word--phone{margin-left:40%!important}
  html[lang="ru"] .page-home .responsive-showcase__lead{max-width:20ch!important;margin-top:18px!important;font-size:18px!important;line-height:1.42!important}
  html[lang="ru"] .page-home .responsive-showcase__detail{max-width:19.5em!important;margin-top:14px!important;font-size:15.5px!important;line-height:1.56!important}
}


/* ADC38 — lighter signal bar with star bullets and larger, thinner type */
html[lang="ru"] .page-home .signal-bar{
  gap:14px 24px!important;
  padding:22px clamp(18px,4vw,36px) 18px!important;
}
html[lang="ru"] .page-home .signal-bar>div{
  align-items:center!important;
  gap:12px!important;
  font-size:clamp(20px,2.15vw,26px)!important;
  font-weight:680!important;
  letter-spacing:-.022em!important;
  line-height:1.24!important;
  padding:0 2px 13px!important;
}
html[lang="ru"] .page-home .signal-bar>div span{
  position:relative!important;
  width:18px!important;
  min-width:18px!important;
  height:18px!important;
  margin-top:0!important;
  font-size:0!important;
  line-height:0!important;
  color:transparent!important;
  opacity:1!important;
}
html[lang="ru"] .page-home .signal-bar>div span:before{
  content:"✦";
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  color:#f2c854;
  font-size:13px;
  line-height:1;
  font-weight:700;
}
html[lang="ru"] .page-home .signal-bar>div:after{
  left:30px!important;
  right:0!important;
  height:3px!important;
  opacity:.95!important;
}
@media (max-width:900px){
  html[lang="ru"] .page-home .signal-bar{gap:12px!important;padding:18px 18px 16px!important}
  html[lang="ru"] .page-home .signal-bar>div{max-width:420px!important;font-size:22px!important;gap:11px!important;padding-bottom:12px!important}
  html[lang="ru"] .page-home .signal-bar>div:after{left:28px!important}
}
@media (max-width:760px){
  html[lang="ru"] .page-home .signal-bar{grid-template-columns:1fr!important;gap:10px!important;padding:16px 16px 14px!important}
  html[lang="ru"] .page-home .signal-bar>div{
    max-width:100%!important;
    width:100%!important;
    justify-content:flex-start!important;
    font-size:19px!important;
    font-weight:660!important;
    padding-bottom:11px!important;
  }
  html[lang="ru"] .page-home .signal-bar>div span{width:16px!important;min-width:16px!important;height:16px!important}
  html[lang="ru"] .page-home .signal-bar>div span:before{font-size:12px!important}
  html[lang="ru"] .page-home .signal-bar>div:after{left:26px!important;right:0!important;height:2.5px!important}
}


/* ADC39 — signal bar text lighter with more tracking */
html[lang="ru"] .page-home .signal-bar>div{
  font-weight:580!important;
  letter-spacing:.012em!important;
  line-height:1.32!important;
}
@media (max-width:900px){
  html[lang="ru"] .page-home .signal-bar>div{
    font-weight:560!important;
    letter-spacing:.014em!important;
    line-height:1.34!important;
  }
}
@media (max-width:760px){
  html[lang="ru"] .page-home .signal-bar>div{
    font-size:18.5px!important;
    font-weight:545!important;
    letter-spacing:.018em!important;
    line-height:1.36!important;
  }
}


/* ADC40 — signal bar text noticeably thinner */
html[lang="ru"] .page-home .signal-bar>div{
  font-weight:500!important;
  letter-spacing:.02em!important;
  line-height:1.34!important;
}
@media (max-width:900px){
  html[lang="ru"] .page-home .signal-bar>div{
    font-weight:485!important;
    letter-spacing:.022em!important;
    line-height:1.35!important;
  }
}
@media (max-width:760px){
  html[lang="ru"] .page-home .signal-bar>div{
    font-size:18px!important;
    font-weight:470!important;
    letter-spacing:.024em!important;
    line-height:1.38!important;
  }
}


/* ADC41 — larger, thinner, more open signal-bar typography */
html[lang="ru"] .page-home .signal-bar>div{
  font-size:clamp(22px,2.5vw,30px)!important;
  font-weight:400!important;
  letter-spacing:.045em!important;
  line-height:1.34!important;
}
@media (max-width:900px){
  html[lang="ru"] .page-home .signal-bar>div{
    font-size:23px!important;
    font-weight:400!important;
    letter-spacing:.048em!important;
    line-height:1.36!important;
  }
}
@media (max-width:760px){
  html[lang="ru"] .page-home .signal-bar>div{
    font-size:21px!important;
    font-weight:400!important;
    letter-spacing:.052em!important;
    line-height:1.38!important;
  }
}
@media (max-width:390px){
  html[lang="ru"] .page-home .signal-bar>div{
    font-size:20px!important;
    letter-spacing:.048em!important;
  }
}


/* ADC42 — more readable responsive explanatory copy */
html[lang="ru"] .page-home .responsive-showcase__lead,
html[lang="ru"] .page-home .responsive-showcase__detail{
  font-family:"SF Pro Text",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif!important;
  font-style:normal!important;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
html[lang="ru"] .page-home .responsive-showcase__lead{
  font-weight:400!important;
  letter-spacing:.018em!important;
  color:#f7fbff!important;
}
html[lang="ru"] .page-home .responsive-showcase__detail{
  font-weight:400!important;
  letter-spacing:.022em!important;
  color:#eef5f9!important;
}
@media (max-width:760px){
  html[lang="ru"] .page-home .responsive-showcase__lead{
    font-size:19px!important;
    line-height:1.5!important;
    letter-spacing:.022em!important;
    max-width:21ch!important;
  }
  html[lang="ru"] .page-home .responsive-showcase__detail{
    font-size:17px!important;
    line-height:1.66!important;
    letter-spacing:.025em!important;
    max-width:20.5em!important;
  }
}
@media (max-width:390px){
  html[lang="ru"] .page-home .responsive-showcase__lead{font-size:18.5px!important}
  html[lang="ru"] .page-home .responsive-showcase__detail{font-size:16.5px!important}
}


/* ADC43 — larger explanatory text in responsive block */
html[lang="ru"] .page-home .responsive-showcase__lead{
  font-size:22px!important;
  line-height:1.48!important;
  letter-spacing:.024em!important;
  max-width:22ch!important;
}
html[lang="ru"] .page-home .responsive-showcase__detail{
  font-size:18px!important;
  line-height:1.7!important;
  letter-spacing:.028em!important;
  max-width:23em!important;
}
@media (max-width:760px){
  html[lang="ru"] .page-home .responsive-showcase__lead{
    font-size:20.5px!important;
    line-height:1.52!important;
    letter-spacing:.024em!important;
    max-width:21ch!important;
  }
  html[lang="ru"] .page-home .responsive-showcase__detail{
    font-size:17.8px!important;
    line-height:1.7!important;
    letter-spacing:.028em!important;
    max-width:20.8em!important;
  }
}
@media (max-width:390px){
  html[lang="ru"] .page-home .responsive-showcase__lead{font-size:20px!important}
  html[lang="ru"] .page-home .responsive-showcase__detail{font-size:17.2px!important}
}


/* ADC45CENTER20 — enlarge letters only; preserve text block width; improve wrapping */
html[lang="ru"] .page-home .responsive-showcase__lead{
  font-size:23px!important;
  text-wrap:balance;
}
html[lang="ru"] .page-home .responsive-showcase__detail{
  font-size:19px!important;
  text-wrap:pretty;
}
@media (max-width:760px){
  html[lang="ru"] .page-home .responsive-showcase__lead{
    font-size:22px!important;
    line-height:1.5!important;
    text-wrap:balance;
  }
  html[lang="ru"] .page-home .responsive-showcase__detail{
    font-size:19px!important;
    line-height:1.68!important;
    text-wrap:pretty;
  }
}
@media (max-width:390px){
  html[lang="ru"] .page-home .responsive-showcase__lead{font-size:21.5px!important}
  html[lang="ru"] .page-home .responsive-showcase__detail{font-size:18.5px!important}
}


/* ADC45 — center explanatory copy exactly; enlarge letters 20% without widening the text area */
@media (max-width:760px){
  html[lang="ru"] .page-home .responsive-showcase__copy{
    width:100%!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
    text-align:center!important;
  }
  html[lang="ru"] .page-home .responsive-showcase__lead,
  html[lang="ru"] .page-home .responsive-showcase__detail{
    position:relative!important;
    left:50%!important;
    transform:translateX(-50%)!important;
    margin-left:0!important;
    margin-right:0!important;
    text-align:center!important;
    box-sizing:border-box!important;
  }
  html[lang="ru"] .page-home .responsive-showcase__lead{
    width:290px!important;
    max-width:calc(100vw - 56px)!important;
    font-size:26.4px!important;
    line-height:1.46!important;
  }
  html[lang="ru"] .page-home .responsive-showcase__detail{
    width:335px!important;
    max-width:calc(100vw - 42px)!important;
    font-size:22.8px!important;
    line-height:1.58!important;
  }
}
@media (max-width:390px){
  html[lang="ru"] .page-home .responsive-showcase__lead{font-size:25.8px!important}
  html[lang="ru"] .page-home .responsive-showcase__detail{font-size:22.2px!important}
}


/* ADC46 — unified ADCsites typography: Inter across the real studio site */
html .site{
  font-family:"Inter",Arial,sans-serif!important;
}
html .site button,
html .site input,
html .site textarea,
html .site select,
html .site summary,
html .site a,
html .site p,
html .site span,
html .site small,
html .site strong,
html .site h1,
html .site h2,
html .site h3,
html .site h4{
  font-family:"Inter",Arial,sans-serif!important;
}
/* Default reading text: open tracking and regular weights. */
html .site p,
html .site li,
html .site small,
html .site label,
html .site input,
html .site textarea,
html .site select{
  letter-spacing:.025em;
}
html .site nav a,
html .site button,
html .site summary,
html .site .action-link,
html .site .inline-link{
  letter-spacing:.02em;
}
/* Headings stay strong without the compressed negative tracking used before. */
html .site h1,
html .site h2,
html .site h3,
html .site h4{
  letter-spacing:.005em!important;
}
/* The responsive explanatory copy now uses the same Inter system too. */
html[lang="ru"] .page-home .responsive-showcase__lead,
html[lang="ru"] .page-home .responsive-showcase__detail{
  font-family:"Inter",Arial,sans-serif!important;
  letter-spacing:.035em!important;
  font-weight:400!important;
}
/* Signal-bar copy follows the same family and remains light/readable. */
html[lang="ru"] .page-home .signal-bar>div{
  font-family:"Inter",Arial,sans-serif!important;
  font-weight:400!important;
  letter-spacing:.035em!important;
}


/* ADC47 — RU hero copy refresh after Inter typography change */
html[lang="ru"] .page-home .home-hero__copy h1{
  overflow-wrap:normal!important;
  word-break:normal!important;
}
html[lang="ru"] .page-home .home-hero__taste{
  display:block;
  margin-top:.26em;
  color:#f7fbff;
  font-size:.58em;
  font-weight:500;
  line-height:1.18;
  letter-spacing:.05em;
}
@media (max-width:760px){
  html[lang="ru"] .page-home .home-hero__copy h1{
    max-width:100%!important;
    font-size:clamp(37px,9.3vw,42px)!important;
    line-height:1.04!important;
    letter-spacing:.018em!important;
  }
  html[lang="ru"] .page-home .home-hero__taste{
    margin-top:.34em;
    font-size:.56em;
    line-height:1.25;
    letter-spacing:.055em;
  }
}

/* ADC49 — services showcase rebuilt from approved visual direction */
html[lang="ru"] .page-home .home-services,
html[lang="en"] .page-home .home-services{
  background:#fbfaf5!important;
  padding-top:74px!important;
  padding-bottom:78px!important;
  overflow:hidden!important;
}
html .page-home .home-services>.section-heading{
  display:block!important;
  max-width:1180px!important;
  margin:0 auto 38px!important;
}
html .page-home .home-services>.section-heading>div{
  max-width:880px!important;
}
html .page-home .home-services>.section-heading .eyebrow{
  margin-bottom:18px!important;
  color:#167654!important;
}
html .page-home .home-services>.section-heading h2{
  max-width:none!important;
  margin:0!important;
  font-family:Inter,ui-sans-serif,system-ui,sans-serif!important;
  font-size:clamp(42px,4.7vw,68px)!important;
  font-weight:650!important;
  line-height:1.02!important;
  letter-spacing:.006em!important;
  color:#151b18!important;
}
html .page-home .home-services .home-services__intro{
  margin:13px 0 0!important;
  font-family:Inter,ui-sans-serif,system-ui,sans-serif!important;
  font-size:clamp(19px,1.7vw,24px)!important;
  font-weight:400!important;
  line-height:1.5!important;
  letter-spacing:.035em!important;
  color:#5b615b!important;
}
html .page-home .home-services>.service-bento{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
  max-width:1180px!important;
  margin:0 auto!important;
}
html .page-home .home-services .service-tile,
html .page-home .home-services .service-tile:first-child,
html .page-home .home-services .service-tile:nth-child(2){
  grid-column:auto!important;
  min-height:290px!important;
  padding:28px 30px!important;
  border-radius:24px!important;
  border:1px solid rgba(18,36,29,.10)!important;
  box-shadow:none!important;
  overflow:hidden!important;
  isolation:isolate!important;
  display:block!important;
  position:relative!important;
  color:#16201c!important;
}
html .page-home .home-services .service-tile:before,
html .page-home .home-services .service-tile:after{display:none!important}
html .page-home .home-services .service-tile--index-1{background:linear-gradient(135deg,#fff8f2 0%,#fbe8dd 56%,#f6c6b6 100%)!important}
html .page-home .home-services .service-tile--index-2{background:linear-gradient(135deg,#f8fbf5 0%,#edf7ef 54%,#d7eadb 100%)!important}
html .page-home .home-services .service-tile--index-3{background:linear-gradient(135deg,#f8fbff 0%,#edf3fb 52%,#d9e6f7 100%)!important}
html .page-home .home-services .service-tile--index-4{background:linear-gradient(135deg,#fbf7ff 0%,#f0e7fb 56%,#dfcff3 100%)!important}
html .page-home .home-services .service-tile--index-5{background:linear-gradient(135deg,#fffaf1 0%,#fdf0d8 56%,#f7dfad 100%)!important}
html .page-home .home-services .service-tile--index-6{background:linear-gradient(135deg,#f5fbfe 0%,#e5f3fa 54%,#cbe8f4 100%)!important}
html .page-home .home-services .service-tile__number{
  position:absolute!important;
  top:24px!important;
  left:28px!important;
  z-index:5!important;
  color:#1b8b61!important;
  font-family:Inter,ui-sans-serif,system-ui,sans-serif!important;
  font-size:14px!important;
  font-weight:650!important;
  letter-spacing:.05em!important;
}
html .page-home .home-services .service-tile--index-1 .service-tile__number{color:#f0644c!important}
html .page-home .home-services .service-tile--index-3 .service-tile__number{color:#3979ba!important}
html .page-home .home-services .service-tile--index-4 .service-tile__number{color:#8450b8!important}
html .page-home .home-services .service-tile--index-5 .service-tile__number{color:#c58d1d!important}
html .page-home .home-services .service-tile--index-6 .service-tile__number{color:#2788aa!important}
html .page-home .home-services .service-tile__copy{
  position:relative!important;
  z-index:5!important;
  width:43%!important;
  min-width:0!important;
  padding-top:58px!important;
}
html .page-home .home-services .service-tile__copy h3{
  margin:0 0 14px!important;
  font-family:Inter,ui-sans-serif,system-ui,sans-serif!important;
  font-size:clamp(25px,2.25vw,34px)!important;
  font-weight:650!important;
  line-height:1.05!important;
  letter-spacing:.01em!important;
  color:#151c18!important;
}
html .page-home .home-services .service-tile__copy p{
  display:block!important;
  margin:0!important;
  -webkit-line-clamp:unset!important;
  overflow:visible!important;
  font-family:Inter,ui-sans-serif,system-ui,sans-serif!important;
  font-size:15px!important;
  font-weight:400!important;
  line-height:1.52!important;
  letter-spacing:.025em!important;
  color:#566058!important;
}
html .page-home .home-services .service-tile__arrow{
  position:absolute!important;
  left:28px!important;
  bottom:26px!important;
  width:43px!important;
  height:43px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  z-index:7!important;
  color:#fff!important;
  background:#1c8b64!important;
  transition:transform .2s ease!important;
}
html .page-home .home-services .service-tile--index-1 .service-tile__arrow{background:#f16c52!important}
html .page-home .home-services .service-tile--index-3 .service-tile__arrow{background:#4383bf!important}
html .page-home .home-services .service-tile--index-4 .service-tile__arrow{background:#8a56bd!important}
html .page-home .home-services .service-tile--index-5 .service-tile__arrow{background:#dfa72e!important}
html .page-home .home-services .service-tile--index-6 .service-tile__arrow{background:#3196b7!important}
@media (hover:hover) and (pointer:fine){
  html .page-home .home-services .service-tile:hover .service-tile__arrow{transform:translate(3px,-3px)!important}
}

/* shared card visual canvas */
html .page-home .home-services .service-tile__visual{
  position:absolute!important;
  z-index:3!important;
  right:18px!important;
  top:24px!important;
  bottom:20px!important;
  width:52%!important;
  pointer-events:none!important;
}
/* business laptop */
html .page-home .home-services .svc-laptop{position:absolute;right:-10px;bottom:0;width:100%;height:86%}
html .page-home .home-services .svc-laptop__screen{position:absolute;inset:0 7% 10% 0;background:#fff;border:8px solid #1d2221;border-radius:10px 10px 5px 5px;overflow:hidden;padding:20px 18px;box-shadow:0 13px 28px rgba(29,35,34,.16)}
html .page-home .home-services .svc-laptop__screen:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#fff 0 58%,#dcebf2 58% 100%);z-index:-1}
html .page-home .home-services .svc-mini-brand{display:block;font-size:7px;font-weight:700;letter-spacing:.06em;color:#39433e;margin-bottom:18px}
html .page-home .home-services .svc-laptop__screen strong{display:block;max-width:11ch;font-size:15px;line-height:1.05;color:#1c2620}
html .page-home .home-services .svc-laptop__screen i{display:block;width:52%;height:6px;background:#d9ddd9;margin-top:8px;border-radius:3px}
html .page-home .home-services .svc-laptop__screen i:nth-of-type(2){width:37%}
html .page-home .home-services .svc-laptop__screen b{display:block;width:70px;height:18px;background:#1b7a55;border-radius:5px;margin-top:14px}
html .page-home .home-services .svc-laptop__base{position:absolute;left:-4%;right:0;bottom:0;height:12%;background:linear-gradient(180deg,#656a68,#aeb4b0);clip-path:polygon(6% 0,94% 0,100% 72%,98% 100%,2% 100%,0 72%);border-radius:0 0 12px 12px}
/* responsive devices */
html .page-home .home-services .svc-monitor{position:absolute;right:2%;top:8%;width:70%;height:66%;background:#fff;border:8px solid #292e2b;border-radius:8px;box-shadow:0 14px 24px rgba(28,42,32,.13);overflow:hidden}
html .page-home .home-services .svc-monitor:after{content:"";position:absolute;width:32%;height:8px;background:#666;bottom:-14px;left:34%;box-shadow:0 18px 0 6px #909792}
html .page-home .home-services .svc-monitor:before,.page-home .home-services .svc-tablet:before,.page-home .home-services .svc-phone:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#f7fbf8 0 50%,#d9efdf 50%);}
html .page-home .home-services .svc-monitor i,.page-home .home-services .svc-tablet i,.page-home .home-services .svc-phone i{position:absolute;z-index:2;right:8%;top:14%;width:32%;height:58%;border-radius:38% 62% 46% 54%;background:linear-gradient(145deg,#a8d5ac,#4d965a);transform:rotate(-18deg)}
html .page-home .home-services .svc-monitor strong{position:absolute;z-index:2;left:10%;top:16%;font-size:10px;color:#245038}
html .page-home .home-services .svc-monitor span,.page-home .home-services .svc-tablet span,.page-home .home-services .svc-phone span{position:absolute;z-index:2;left:10%;bottom:16%;width:55%;height:8px;background:#9bcab1;border-radius:4px}
html .page-home .home-services .svc-monitor span:last-child{bottom:28%;width:38%}
html .page-home .home-services .svc-tablet{position:absolute;left:18%;bottom:2%;width:30%;height:55%;border:6px solid #262c29;border-radius:9px;background:#fff;overflow:hidden;box-shadow:0 12px 20px rgba(30,43,33,.18)}
html .page-home .home-services .svc-phone{position:absolute;right:0;bottom:0;width:17%;height:46%;border:5px solid #262c29;border-radius:10px;background:#fff;overflow:hidden;box-shadow:0 10px 18px rgba(30,43,33,.18)}
/* redesign before/after */
html .page-home .home-services .service-tile__visual--redesign{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important}
html .page-home .home-services .svc-before,.page-home .home-services .svc-after{position:relative;width:38%;height:75%;border-radius:10px;background:#fff;box-shadow:0 12px 25px rgba(42,57,73,.12);padding:17px 12px;overflow:hidden}
html .page-home .home-services .svc-before small,.page-home .home-services .svc-after small{display:block;font-size:8px;letter-spacing:.12em;color:#65707a;margin-bottom:15px}
html .page-home .home-services .svc-before i{display:block;height:10px;background:#d8dce1;border-radius:3px;margin-bottom:8px}
html .page-home .home-services .svc-before i:nth-of-type(2){width:70%}.page-home .home-services .svc-before i:nth-of-type(3){width:82%}
html .page-home .home-services .svc-after{background:linear-gradient(180deg,#f9fbff,#dce9ff)}
html .page-home .home-services .svc-after i{display:block;height:42%;background:linear-gradient(145deg,#5f70c9,#1f4c94);border-radius:5px;margin-bottom:10px}
html .page-home .home-services .svc-after strong,.page-home .home-services .svc-after span{display:block;height:8px;background:#7d90ca;border-radius:3px;margin-bottom:6px}
html .page-home .home-services .svc-after span{width:70%;background:#adb9dc}
html .page-home .home-services .svc-redesign-arrow{font-size:28px;font-weight:400;color:#4578a7}
/* languages */
html .page-home .home-services .svc-globe{position:absolute;right:10%;bottom:7%;width:58%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;font-size:76px;color:#fff;background:radial-gradient(circle at 35% 35%,#d6c8f5 0 24%,#9f8bd6 25% 56%,#8068bd 57% 100%);box-shadow:inset 0 0 0 2px rgba(255,255,255,.35)}
html .page-home .home-services .svc-globe:before,.page-home .home-services .svc-globe:after{content:"";position:absolute;inset:16%;border:1px solid rgba(255,255,255,.55);border-radius:50%}
html .page-home .home-services .svc-globe:after{inset:8% 38%;border-radius:50%}
html .page-home .home-services .svc-bubble{position:absolute;padding:7px 9px;background:#fff;border-radius:999px;font-size:9px;font-weight:600;color:#7659aa;box-shadow:0 8px 18px rgba(72,54,103,.12)}
html .page-home .home-services .svc-bubble--1{right:4%;top:12%}.page-home .home-services .svc-bubble--2{left:14%;top:18%}.page-home .home-services .svc-bubble--3{right:2%;bottom:24%}.page-home .home-services .svc-bubble--4{left:0;bottom:10%}
/* SEO */
html .page-home .home-services .svc-search{position:absolute;inset:8% 0 0 10%;background:#fff;border-radius:12px;box-shadow:0 14px 28px rgba(91,67,24,.12);padding:20px 16px;overflow:visible}
html .page-home .home-services .svc-search__bar{height:27px;border:1px solid #d9ddd9;border-radius:999px;color:#a8aaa8;font-size:8px;padding:8px 12px}
html .page-home .home-services .svc-search__results{margin-top:16px;width:56%}
html .page-home .home-services .svc-search__results i{display:block;height:7px;background:#d7dddb;border-radius:3px;margin:8px 0}.page-home .home-services .svc-search__results i:nth-child(2){width:78%}.page-home .home-services .svc-search__results i:nth-child(3){width:62%}
html .page-home .home-services .svc-search__graph{position:absolute;right:18px;bottom:28px;width:42%;height:42%;border-left:2px solid #83ba75;border-bottom:2px solid #83ba75;color:#67a75c;font-size:38px;display:grid;place-items:center}
html .page-home .home-services .svc-magnify{position:absolute;right:-8px;bottom:-8px;width:62px;height:62px;border:8px solid #365d54;border-radius:50%}.page-home .home-services .svc-magnify:after{content:"";position:absolute;width:34px;height:8px;background:#365d54;right:-26px;bottom:-15px;transform:rotate(45deg);border-radius:5px}
/* launch */
html .page-home .home-services .svc-domain{position:absolute;left:5%;top:10%;width:72%;height:35px;border-radius:10px;background:#fff;box-shadow:0 8px 18px rgba(50,92,108,.11);padding:10px 16px;font-size:10px;color:#273738}
html .page-home .home-services .svc-domain:before{content:"⌕";margin-right:7px;font-size:13px;font-weight:700}
html .page-home .home-services .svc-cloud{position:absolute;bottom:4%;background:#fff;border-radius:999px;filter:drop-shadow(0 9px 13px rgba(60,111,128,.10))}.page-home .home-services .svc-cloud--1{left:20%;width:50%;height:34%}.page-home .home-services .svc-cloud--2{right:0;width:38%;height:26%}
html .page-home .home-services .svc-cloud:before,.page-home .home-services .svc-cloud:after{content:"";position:absolute;background:#fff;border-radius:50%}.page-home .home-services .svc-cloud:before{width:38%;aspect-ratio:1;left:12%;top:-35%}.page-home .home-services .svc-cloud:after{width:30%;aspect-ratio:1;right:15%;top:-26%}
html .page-home .home-services .svc-rocket{position:absolute;right:8%;bottom:24%;font-size:58px;color:#2b6f91;transform:rotate(-42deg);text-shadow:0 8px 18px rgba(35,92,120,.16)}

html .page-home .home-services>.action-link{
  margin:28px auto 0!important;
  width:max-content!important;
  min-width:190px!important;
  justify-content:center!important;
  background:transparent!important;
  border:1.5px solid #1c7457!important;
  color:#145b44!important;
}
html .page-home .home-services>.action-link i{background:#1c7457!important;color:#fff!important}

/* Mobile adaptation mirrors the approved compact phone layout */
@media (max-width:760px){
  html[lang] .page-home .home-services{
    padding:42px 16px 54px!important;
    background:#fbfaf5!important;
  }
  html[lang] .page-home .home-services>.section-heading{margin-bottom:25px!important}
  html[lang] .page-home .home-services>.section-heading h2{
    font-size:clamp(35px,9.7vw,43px)!important;
    line-height:1.03!important;
    letter-spacing:.012em!important;
    max-width:13ch!important;
  }
  html[lang] .page-home .home-services .home-services__intro{
    margin-top:9px!important;
    font-size:18px!important;
    line-height:1.5!important;
    letter-spacing:.035em!important;
    max-width:23ch!important;
  }
  html[lang] .page-home .home-services>.service-bento{
    grid-template-columns:1fr!important;
    gap:11px!important;
  }
  html[lang] .page-home .home-services .service-tile,
  html[lang] .page-home .home-services .service-tile:first-child,
  html[lang] .page-home .home-services .service-tile:nth-child(2){
    min-height:116px!important;
    height:116px!important;
    padding:15px 14px!important;
    border-radius:18px!important;
  }
  html[lang] .page-home .home-services .service-tile__number{
    top:15px!important;
    left:14px!important;
    font-size:11px!important;
  }
  html[lang] .page-home .home-services .service-tile__copy{
    width:49%!important;
    padding-top:29px!important;
  }
  html[lang] .page-home .home-services .service-tile__copy h3{
    margin:0!important;
    font-size:18px!important;
    line-height:1.06!important;
    font-weight:610!important;
    letter-spacing:.018em!important;
  }
  html[lang] .page-home .home-services .service-tile__copy p{display:none!important}
  html[lang] .page-home .home-services .service-tile__arrow{
    left:auto!important;
    right:10px!important;
    bottom:10px!important;
    width:36px!important;
    height:36px!important;
    background:rgba(255,255,255,.84)!important;
    border:1px solid currentColor!important;
  }
  html[lang] .page-home .home-services .service-tile--index-1 .service-tile__arrow{color:#ef6b52!important}
  html[lang] .page-home .home-services .service-tile--index-2 .service-tile__arrow{color:#25845f!important}
  html[lang] .page-home .home-services .service-tile--index-3 .service-tile__arrow{color:#4383bf!important}
  html[lang] .page-home .home-services .service-tile--index-4 .service-tile__arrow{color:#8a56bd!important}
  html[lang] .page-home .home-services .service-tile--index-5 .service-tile__arrow{color:#d49c26!important}
  html[lang] .page-home .home-services .service-tile--index-6 .service-tile__arrow{color:#3196b7!important}
  html[lang] .page-home .home-services .service-tile__visual{
    width:48%!important;
    right:5px!important;
    top:8px!important;
    bottom:7px!important;
  }
  html[lang] .page-home .home-services .svc-laptop{height:88%;right:5px}
  html[lang] .page-home .home-services .svc-laptop__screen{border-width:5px;padding:9px 7px}.page-home .home-services .svc-mini-brand{font-size:4px;margin-bottom:7px}.page-home .home-services .svc-laptop__screen strong{font-size:7px}.page-home .home-services .svc-laptop__screen i{height:3px;margin-top:4px}.page-home .home-services .svc-laptop__screen b{width:32px;height:8px;margin-top:5px}
  html[lang] .page-home .home-services .svc-monitor{width:68%;height:70%;border-width:5px;top:7%}.page-home .home-services .svc-monitor strong{font-size:5px}.page-home .home-services .svc-monitor span{height:4px}.page-home .home-services .svc-tablet{left:14%;width:29%;height:52%;border-width:4px}.page-home .home-services .svc-phone{width:17%;height:45%;border-width:3px}
  html[lang] .page-home .home-services .svc-before,.page-home .home-services .svc-after{height:77%;padding:7px 5px}.page-home .home-services .svc-before small,.page-home .home-services .svc-after small{font-size:4px;margin-bottom:6px}.page-home .home-services .svc-before i{height:4px;margin-bottom:3px}.page-home .home-services .svc-after strong,.page-home .home-services .svc-after span{height:4px;margin-bottom:3px}.page-home .home-services .svc-redesign-arrow{font-size:15px}
  html[lang] .page-home .home-services .svc-globe{width:52%;font-size:35px;right:16%;bottom:5%}.page-home .home-services .svc-bubble{font-size:4.8px;padding:3px 5px}.page-home .home-services .svc-bubble--2{left:8%}.page-home .home-services .svc-bubble--4{left:2%}
  html[lang] .page-home .home-services .svc-search{inset:4% 3% 2% 10%;padding:8px 7px;border-radius:7px}.page-home .home-services .svc-search__bar{height:14px;padding:4px 6px;font-size:4px}.page-home .home-services .svc-search__results{margin-top:6px}.page-home .home-services .svc-search__results i{height:3px;margin:3px 0}.page-home .home-services .svc-search__graph{right:7px;bottom:10px;font-size:18px}.page-home .home-services .svc-magnify{width:28px;height:28px;border-width:4px;right:-3px;bottom:-3px}.page-home .home-services .svc-magnify:after{width:15px;height:4px;right:-12px;bottom:-7px}
  html[lang] .page-home .home-services .svc-domain{left:4%;top:10%;width:72%;height:20px;padding:6px 8px;font-size:5px}.page-home .home-services .svc-domain:before{font-size:6px}.page-home .home-services .svc-rocket{font-size:27px;right:10%;bottom:19%}
  html[lang] .page-home .home-services>.action-link{margin-top:22px!important;min-width:180px!important}
}

/* v50: refine inner design of service cards to match approved concept more closely */
html[lang] .page-home .home-services{
  background:#fbfaf5!important;
}
html[lang] .page-home .home-services>.section-heading{
  max-width:980px!important;
  margin:0 auto 30px!important;
}
html[lang] .page-home .home-services>.service-bento{
  max-width:980px!important;
  margin:0 auto 30px!important;
}
html[lang] .page-home .home-services .service-tile{
  border-radius:24px!important;
  border:1px solid rgba(27,52,43,.10)!important;
  box-shadow:0 14px 34px rgba(40,43,39,.06)!important;
  padding:22px 20px 20px!important;
}
html[lang] .page-home .home-services .service-tile:hover{
  box-shadow:0 18px 40px rgba(40,43,39,.10)!important;
}
html[lang] .page-home .home-services .service-tile__number{
  position:absolute!important;
  top:16px!important;
  left:20px!important;
  z-index:3!important;
  letter-spacing:.09em!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1!important;
}
html[lang] .page-home .home-services .service-tile__copy{
  position:relative!important;
  z-index:2!important;
  width:42%!important;
  max-width:250px!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
  gap:12px!important;
  padding-top:32px!important;
  margin-top:auto!important;
}
html[lang] .page-home .home-services .service-tile__copy h3{
  margin:0!important;
  max-width:11ch!important;
  font-size:21px!important;
  line-height:1.02!important;
  letter-spacing:.012em!important;
  font-weight:660!important;
  color:#18211d!important;
}
html[lang] .page-home .home-services .service-tile__copy p{
  display:block!important;
  margin:0!important;
  max-width:29ch!important;
  color:rgba(28,37,33,.66)!important;
  font-size:14px!important;
  line-height:1.53!important;
  letter-spacing:.028em!important;
  font-weight:430!important;
}
html[lang] .page-home .home-services .service-tile__visual{
  position:absolute!important;
  top:18px!important;
  right:16px!important;
  bottom:16px!important;
  width:49%!important;
  z-index:1!important;
}
html[lang] .page-home .home-services .service-tile__arrow{
  position:absolute!important;
  right:14px!important;
  bottom:14px!important;
  left:auto!important;
  z-index:4!important;
  width:44px!important;
  height:44px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.78)!important;
  border:2px solid currentColor!important;
  box-shadow:none!important;
}
html[lang] .page-home .home-services .service-tile__arrow svg{
  width:18px!important;
  height:18px!important;
  stroke-width:2.2!important;
}
html[lang] .page-home .home-services .service-tile--index-1 .service-tile__arrow{color:#ef7d68!important}
html[lang] .page-home .home-services .service-tile--index-2 .service-tile__arrow{color:#379266!important}
html[lang] .page-home .home-services .service-tile--index-3 .service-tile__arrow{color:#5b8fc5!important}
html[lang] .page-home .home-services .service-tile--index-4 .service-tile__arrow{color:#8c65c2!important}
html[lang] .page-home .home-services .service-tile--index-5 .service-tile__arrow{color:#c59d2e!important}
html[lang] .page-home .home-services .service-tile--index-6 .service-tile__arrow{color:#54a7c7!important}

/* Desktop and tablet card proportions */
@media (min-width:761px){
  html[lang] .page-home .home-services>.service-bento{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:18px!important;
  }
  html[lang] .page-home .home-services .service-tile,
  html[lang] .page-home .home-services .service-tile:first-child,
  html[lang] .page-home .home-services .service-tile:nth-child(2){
    grid-column:auto!important;
    min-height:250px!important;
    height:250px!important;
  }
}
@media (min-width:761px) and (max-width:980px){
  html[lang] .page-home .home-services .service-tile{
    min-height:230px!important;
    height:230px!important;
  }
  html[lang] .page-home .home-services .service-tile__copy h3{font-size:19px!important}
  html[lang] .page-home .home-services .service-tile__copy p{font-size:13px!important}
}

/* business */
html[lang] .page-home .home-services .service-tile--index-1 .service-tile__copy{width:39%!important}
html[lang] .page-home .home-services .svc-laptop{position:absolute;right:0;bottom:0;width:66%;height:84%}
html[lang] .page-home .home-services .svc-laptop__screen{position:absolute;inset:0 6% 12% 0;border:6px solid #212726;border-bottom-width:5px;border-radius:14px 14px 10px 10px;background:#fff;box-shadow:0 12px 24px rgba(49,43,39,.14);padding:15px 16px;display:flex;flex-direction:column;align-items:flex-start}
html[lang] .page-home .home-services .svc-mini-brand{font-size:4px;letter-spacing:.11em;color:#5d6660;margin-bottom:10px;font-weight:800}
html[lang] .page-home .home-services .svc-laptop__screen strong{display:block;max-width:10ch;font-size:11px;line-height:1.05;color:#1e2723;font-weight:690}
html[lang] .page-home .home-services .svc-laptop__screen i{display:block;width:70%;height:5px;border-radius:3px;background:#d9dedc;margin-top:8px}
html[lang] .page-home .home-services .svc-laptop__screen i:last-of-type{width:53%}
html[lang] .page-home .home-services .svc-laptop__screen b{display:block;width:39%;height:11px;border-radius:999px;background:#49b57f;margin-top:auto}
html[lang] .page-home .home-services .svc-laptop__base{position:absolute;left:6%;right:0;bottom:0;height:12%;background:linear-gradient(180deg,#a7b0a8,#7a847d);clip-path:polygon(4% 0,96% 0,100% 100%,0 100%);border-radius:0 0 12px 12px;opacity:.95}

/* responsive */
html[lang] .page-home .home-services .service-tile--index-2 .service-tile__copy{width:40%!important}
html[lang] .page-home .home-services .svc-monitor{position:absolute;right:2%;top:7%;width:70%;height:66%;border:6px solid #24302a;border-radius:12px;background:#f8fff9;box-shadow:0 12px 24px rgba(47,67,51,.12)}
html[lang] .page-home .home-services .svc-monitor i{position:absolute;inset:17% 14% auto auto;width:31%;aspect-ratio:1;border-radius:50%;background:#86cb85;opacity:.9}
html[lang] .page-home .home-services .svc-monitor strong{position:absolute;left:12%;top:17%;font-size:10px;letter-spacing:.08em;color:#448b5e;font-weight:800}
html[lang] .page-home .home-services .svc-monitor span{position:absolute;left:12%;right:26%;height:7px;border-radius:999px;background:#8dd7a7}
html[lang] .page-home .home-services .svc-monitor span:first-of-type{top:40%}
html[lang] .page-home .home-services .svc-monitor span:last-of-type{top:56%;right:34%;opacity:.8}
html[lang] .page-home .home-services .svc-tablet{position:absolute;right:26%;bottom:8%;width:34%;height:45%;border:5px solid #24302a;border-radius:12px;background:#fbfff9;box-shadow:0 8px 16px rgba(47,67,51,.10)}
html[lang] .page-home .home-services .svc-tablet i,html[lang] .page-home .home-services .svc-phone i{position:absolute;left:18%;right:18%;top:34%;height:7px;border-radius:999px;background:#8dd7a7}
html[lang] .page-home .home-services .svc-tablet span{position:absolute;left:20%;right:20%;top:55%;height:6px;border-radius:999px;background:#c5e7d0}
html[lang] .page-home .home-services .svc-phone{position:absolute;right:6%;bottom:7%;width:18%;height:34%;border:5px solid #24302a;border-radius:10px;background:#fbfff9;box-shadow:0 8px 16px rgba(47,67,51,.10)}
html[lang] .page-home .home-services .svc-phone span{position:absolute;left:24%;right:24%;top:58%;height:6px;border-radius:999px;background:#c5e7d0}

/* redesign */
html[lang] .page-home .home-services .svc-before,html[lang] .page-home .home-services .svc-after{position:absolute;top:18%;width:29%;height:58%;border-radius:14px;background:rgba(255,255,255,.94);box-shadow:0 12px 26px rgba(66,82,109,.10);padding:14px 13px}
html[lang] .page-home .home-services .svc-before{left:10%}
html[lang] .page-home .home-services .svc-after{right:7%}
html[lang] .page-home .home-services .svc-before small,html[lang] .page-home .home-services .svc-after small{display:block;font-size:9px;letter-spacing:.09em;color:#8f9196;font-weight:760;margin-bottom:10px}
html[lang] .page-home .home-services .svc-before i{display:block;height:7px;border-radius:4px;background:#d7dbe4;margin-top:8px}
html[lang] .page-home .home-services .svc-before i:nth-of-type(2){width:72%}
html[lang] .page-home .home-services .svc-before i:nth-of-type(3){width:58%}
html[lang] .page-home .home-services .svc-redesign-arrow{position:absolute;left:46%;top:50%;transform:translate(-50%,-50%);color:#6292c5;font-size:36px;font-weight:500}
html[lang] .page-home .home-services .svc-after strong{display:block;height:40%;border-radius:11px;background:linear-gradient(180deg,#4f65df,#2f54d7);margin-top:10px}
html[lang] .page-home .home-services .svc-after span{display:block;width:68%;height:7px;border-radius:4px;background:#95a8ee;margin-top:11px}

/* multilingual */
html[lang] .page-home .home-services .svc-globe{position:absolute;right:11%;bottom:11%;width:43%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.3),rgba(255,255,255,0) 35%),linear-gradient(180deg,#ba9cef,#8b69da);color:transparent;box-shadow:inset 0 0 0 2px rgba(255,255,255,.24)}
html[lang] .page-home .home-services .svc-globe:before,html[lang] .page-home .home-services .svc-globe:after{content:"";position:absolute;inset:12%;border:1.5px solid rgba(255,255,255,.45);border-radius:50%}
html[lang] .page-home .home-services .svc-globe:after{inset:26% 10%;transform:rotate(22deg)}
html[lang] .page-home .home-services .svc-globe{display:grid;place-items:center}
html[lang] .page-home .home-services .svc-globe span{display:none}
html[lang] .page-home .home-services .svc-bubble{position:absolute;background:rgba(255,255,255,.94);border-radius:999px;padding:6px 12px;font-size:11px;font-weight:620;color:#7d63b2;box-shadow:0 9px 20px rgba(92,72,140,.10)}
html[lang] .page-home .home-services .svc-bubble--1{right:1%;top:17%}
html[lang] .page-home .home-services .svc-bubble--2{left:10%;top:17%}
html[lang] .page-home .home-services .svc-bubble--3{left:5%;bottom:17%}
html[lang] .page-home .home-services .svc-bubble--4{right:3%;bottom:23%}

/* seo */
html[lang] .page-home .home-services .svc-search{position:absolute;inset:8% 0 0 10%;background:#fff;border-radius:12px;box-shadow:0 14px 28px rgba(91,67,24,.12);padding:18px 14px;overflow:visible}
html[lang] .page-home .home-services .svc-search__bar{height:28px;border:1px solid #d9ddd9;border-radius:999px;color:#a8aaa8;font-size:9px;padding:8px 12px;background:#fff}
html[lang] .page-home .home-services .svc-search__results{margin-top:14px;width:58%}
html[lang] .page-home .home-services .svc-search__results i{display:block;height:7px;background:#d7dddb;border-radius:3px;margin:8px 0}
html[lang] .page-home .home-services .svc-search__results i:nth-child(2){width:78%}
html[lang] .page-home .home-services .svc-search__results i:nth-child(3){width:62%}
html[lang] .page-home .home-services .svc-search__graph{position:absolute;right:22px;bottom:30px;width:36%;height:40%;border-left:2px solid #83ba75;border-bottom:2px solid #83ba75;color:#67a75c;font-size:34px;display:grid;place-items:center}
html[lang] .page-home .home-services .svc-magnify{position:absolute;right:-4px;bottom:-4px;width:58px;height:58px;border:8px solid #365d54;border-radius:50%}
html[lang] .page-home .home-services .svc-magnify:after{content:"";position:absolute;width:30px;height:8px;background:#365d54;right:-23px;bottom:-12px;transform:rotate(45deg);border-radius:5px}

/* launch */
html[lang] .page-home .home-services .svc-domain{position:absolute;left:6%;top:11%;width:76%;height:32px;border-radius:10px;background:#fff;box-shadow:0 8px 18px rgba(50,92,108,.11);padding:9px 14px;font-size:8px;letter-spacing:.03em;color:#6d7775}
html[lang] .page-home .home-services .svc-domain:before{content:"⌕";margin-right:7px;font-size:12px;font-weight:700;color:#1e2723}
html[lang] .page-home .home-services .svc-cloud{position:absolute;bottom:4%;background:#fff;border-radius:999px;filter:drop-shadow(0 9px 13px rgba(60,111,128,.10))}
html[lang] .page-home .home-services .svc-cloud--1{left:19%;width:50%;height:32%}
html[lang] .page-home .home-services .svc-cloud--2{right:1%;width:39%;height:24%}
html[lang] .page-home .home-services .svc-cloud:before,html[lang] .page-home .home-services .svc-cloud:after{content:"";position:absolute;background:#fff;border-radius:50%}
html[lang] .page-home .home-services .svc-cloud:before{width:38%;aspect-ratio:1;left:12%;top:-35%}
html[lang] .page-home .home-services .svc-cloud:after{width:30%;aspect-ratio:1;right:15%;top:-26%}
html[lang] .page-home .home-services .svc-rocket{position:absolute;right:10%;top:14%;font-size:72px;line-height:1;color:#2b7cab;transform:rotate(-16deg);text-shadow:0 10px 22px rgba(35,92,120,.16)}

/* Mobile keeps the approved compact layout, but visuals stay better balanced */
@media (max-width:760px){
  html[lang] .page-home .home-services>.section-heading,
  html[lang] .page-home .home-services>.service-bento{max-width:none!important}
  html[lang] .page-home .home-services .service-tile,
  html[lang] .page-home .home-services .service-tile:first-child,
  html[lang] .page-home .home-services .service-tile:nth-child(2){
    min-height:116px!important;
    height:116px!important;
    padding:15px 14px!important;
    border-radius:18px!important;
  }
  html[lang] .page-home .home-services .service-tile__copy{
    width:49%!important;
    max-width:none!important;
    padding-top:29px!important;
    gap:0!important;
  }
  html[lang] .page-home .home-services .service-tile__copy h3{
    font-size:18px!important;
    line-height:1.06!important;
    font-weight:610!important;
    letter-spacing:.018em!important;
  }
  html[lang] .page-home .home-services .service-tile__copy p{display:none!important}
  html[lang] .page-home .home-services .service-tile__visual{
    width:48%!important;
    right:6px!important;
    top:8px!important;
    bottom:8px!important;
  }
  html[lang] .page-home .home-services .service-tile--index-1 .service-tile__copy,
  html[lang] .page-home .home-services .service-tile--index-2 .service-tile__copy{width:49%!important}
  html[lang] .page-home .home-services .svc-laptop{height:88%;right:4px;width:72%}
  html[lang] .page-home .home-services .svc-laptop__screen{border-width:5px;padding:9px 7px}.page-home .home-services .svc-mini-brand{font-size:4px;margin-bottom:7px}.page-home .home-services .svc-laptop__screen strong{font-size:7px}.page-home .home-services .svc-laptop__screen i{height:3px;margin-top:4px}.page-home .home-services .svc-laptop__screen b{width:32px;height:8px;margin-top:5px}
  html[lang] .page-home .home-services .svc-monitor{width:68%;height:70%;border-width:5px;top:7%}.page-home .home-services .svc-monitor strong{font-size:5px}.page-home .home-services .svc-monitor span{height:4px}.page-home .home-services .svc-tablet{width:31%;height:43%;border-width:4px}.page-home .home-services .svc-tablet i,.page-home .home-services .svc-phone i,.page-home .home-services .svc-tablet span,.page-home .home-services .svc-phone span{height:4px}.page-home .home-services .svc-phone{width:17%;height:32%;border-width:4px}
  html[lang] .page-home .home-services .svc-before,html[lang] .page-home .home-services .svc-after{top:18%;width:30%;height:55%;padding:9px 7px;border-radius:10px}.page-home .home-services .svc-redesign-arrow{font-size:24px}.page-home .home-services .svc-before small,.page-home .home-services .svc-after small{font-size:5px;margin-bottom:6px}.page-home .home-services .svc-before i,.page-home .home-services .svc-after span{height:4px;margin-top:5px}
  html[lang] .page-home .home-services .svc-bubble{font-size:8px;padding:4px 8px}.page-home .home-services .svc-globe{width:44%;bottom:12%;right:10%}
  html[lang] .page-home .home-services .svc-search{left:8%;padding:11px 9px}.page-home .home-services .svc-search__bar{height:21px;padding:5px 8px;font-size:6px}.page-home .home-services .svc-search__results{margin-top:9px}.page-home .home-services .svc-search__results i{height:4px;margin:5px 0}.page-home .home-services .svc-search__graph{font-size:20px;right:11px;bottom:16px}.page-home .home-services .svc-magnify{width:42px;height:42px;border-width:6px}.page-home .home-services .svc-magnify:after{width:20px;height:6px;right:-15px;bottom:-8px}
  html[lang] .page-home .home-services .svc-domain{height:24px;font-size:5px;padding:7px 10px}.page-home .home-services .svc-cloud--1{height:29%}.page-home .home-services .svc-cloud--2{height:22%}.page-home .home-services .svc-rocket{font-size:42px;right:8%;top:16%}
}


/* === ADC53: premium rebuild of service cards 01 & 02 only === */
/* Keep V50 card size/structure. Replace child-like icon drawings with small polished website scenes. */
html[lang] .page-home .home-services .service-tile--index-1,
html[lang] .page-home .home-services .service-tile--index-2{
  isolation:isolate!important;
}
html[lang] .page-home .home-services .service-tile--index-1 .service-tile__visual,
html[lang] .page-home .home-services .service-tile--index-2 .service-tile__visual{
  overflow:visible!important;
}

/* 01 — realistic business website in a slim laptop */
html[lang] .page-home .home-services .service-tile--index-1 .service-tile__visual{
  width:52%!important;
  right:13px!important;
  top:17px!important;
  bottom:13px!important;
}
html[lang] .page-home .home-services .service-tile--index-1 .svc-laptop{
  width:100%!important;
  height:88%!important;
  right:0!important;
  bottom:0!important;
  filter:drop-shadow(0 14px 18px rgba(37,43,40,.13));
}
html[lang] .page-home .home-services .service-tile--index-1 .svc-laptop__screen{
  inset:0 4% 10% 0!important;
  border:3px solid #272c2a!important;
  border-bottom-width:4px!important;
  border-radius:10px 10px 6px 6px!important;
  padding:0!important;
  overflow:hidden!important;
  background:
    linear-gradient(90deg,rgba(255,255,255,.98) 0 44%,rgba(255,255,255,.90) 44%,rgba(255,255,255,.08) 64%,rgba(255,255,255,0) 100%),
    url('/images/professional-meeting.webp') 67% 50%/70% 100% no-repeat!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.38)!important;
}
html[lang] .page-home .home-services .service-tile--index-1 .svc-laptop__screen:before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:0!important;right:0!important;top:0!important;
  height:20%!important;
  background:rgba(255,255,255,.94)!important;
  border-bottom:1px solid rgba(31,40,35,.08)!important;
  z-index:0!important;
}
html[lang] .page-home .home-services .service-tile--index-1 .svc-laptop__screen:after{
  content:"УСЛУГИ    О НАС    КОНТАКТ"!important;
  position:absolute!important;
  right:5.5%!important;top:7.1%!important;
  z-index:2!important;
  color:#59615d!important;
  font-family:Inter,ui-sans-serif,system-ui,sans-serif!important;
  font-size:5px!important;
  font-weight:560!important;
  letter-spacing:.045em!important;
  white-space:pre!important;
}
html[lang] .page-home .home-services .service-tile--index-1 .svc-mini-brand{
  position:absolute!important;
  left:5.5%!important;top:6%!important;
  z-index:2!important;
  margin:0!important;
  color:#26302b!important;
  font-family:Inter,ui-sans-serif,system-ui,sans-serif!important;
  font-size:5.3px!important;
  font-weight:720!important;
  letter-spacing:.08em!important;
}
html[lang] .page-home .home-services .service-tile--index-1 .svc-laptop__screen strong{
  position:absolute!important;
  left:6%!important;top:34%!important;
  z-index:2!important;
  display:block!important;
  max-width:11ch!important;
  color:#17201c!important;
  font-family:Inter,ui-sans-serif,system-ui,sans-serif!important;
  font-size:12px!important;
  font-weight:690!important;
  line-height:1.06!important;
  letter-spacing:-.01em!important;
}
html[lang] .page-home .home-services .service-tile--index-1 .svc-laptop__screen i{
  position:absolute!important;
  left:6%!important;
  z-index:2!important;
  height:3px!important;
  border-radius:99px!important;
  background:#aeb6b2!important;
  margin:0!important;
}
html[lang] .page-home .home-services .service-tile--index-1 .svc-laptop__screen i:nth-of-type(1){top:57%!important;width:31%!important}
html[lang] .page-home .home-services .service-tile--index-1 .svc-laptop__screen i:nth-of-type(2){top:64%!important;width:25%!important;opacity:.72!important}
html[lang] .page-home .home-services .service-tile--index-1 .svc-laptop__screen b{
  position:absolute!important;
  left:6%!important;bottom:12%!important;
  z-index:2!important;
  width:34%!important;height:12%!important;
  min-height:10px!important;
  margin:0!important;
  border-radius:4px!important;
  background:#1f7653!important;
  box-shadow:0 4px 9px rgba(31,118,83,.15)!important;
}
html[lang] .page-home .home-services .service-tile--index-1 .svc-laptop__base{
  left:2%!important;right:0!important;bottom:0!important;height:10%!important;
  background:linear-gradient(180deg,#b5bab7 0%,#7e8782 70%,#69716d 100%)!important;
  clip-path:polygon(4% 0,96% 0,100% 58%,97% 100%,3% 100%,0 58%)!important;
  border-radius:0 0 12px 12px!important;
  opacity:.98!important;
}

/* Desktop arrow matches the approved presentation: small filled button at lower-left */
@media (min-width:761px){
  html[lang] .page-home .home-services .service-tile--index-1 .service-tile__arrow,
  html[lang] .page-home .home-services .service-tile--index-2 .service-tile__arrow{
    left:20px!important;right:auto!important;bottom:18px!important;
    width:40px!important;height:40px!important;
    color:#fff!important;border:0!important;
    box-shadow:0 7px 15px rgba(31,75,58,.10)!important;
  }
  html[lang] .page-home .home-services .service-tile--index-1 .service-tile__arrow{background:#ef7259!important}
  html[lang] .page-home .home-services .service-tile--index-2 .service-tile__arrow{background:#dff1e5!important;color:#2f805d!important;border:1px solid rgba(47,128,93,.20)!important}
}

/* 02 — same real website, genuinely composed for desktop/tablet/phone */
html[lang] .page-home .home-services .service-tile--index-2 .service-tile__visual{
  width:54%!important;
  right:13px!important;
  top:18px!important;
  bottom:14px!important;
}
html[lang] .page-home .home-services .service-tile--index-2 .svc-monitor,
html[lang] .page-home .home-services .service-tile--index-2 .svc-tablet,
html[lang] .page-home .home-services .service-tile--index-2 .svc-phone{
  overflow:hidden!important;
  background:
    linear-gradient(90deg,rgba(255,255,255,.97) 0 38%,rgba(255,255,255,.18) 68%,rgba(255,255,255,0) 100%),
    url('/images/professional-meeting.webp') 62% 50%/cover no-repeat!important;
  border-color:#2b312e!important;
  box-shadow:0 10px 20px rgba(38,52,45,.12)!important;
}
html[lang] .page-home .home-services .service-tile--index-2 .svc-monitor{
  right:2%!important;top:6%!important;
  width:72%!important;height:66%!important;
  border-width:3px!important;
  border-radius:8px!important;
}
html[lang] .page-home .home-services .service-tile--index-2 .svc-monitor:before,
html[lang] .page-home .home-services .service-tile--index-2 .svc-tablet:before,
html[lang] .page-home .home-services .service-tile--index-2 .svc-phone:before{
  content:""!important;
  position:absolute!important;
  left:0!important;right:0!important;top:0!important;
  height:16%!important;
  background:rgba(255,255,255,.91)!important;
  border-bottom:1px solid rgba(30,39,34,.08)!important;
  z-index:1!important;
}
html[lang] .page-home .home-services .service-tile--index-2 .svc-monitor:after{
  content:""!important;
  position:absolute!important;
  left:40%!important;right:9%!important;bottom:10%!important;
  height:18%!important;
  background:
    linear-gradient(90deg,#e8efe9 0 29%,transparent 29% 34%,#e8efe9 34% 63%,transparent 63% 68%,#e8efe9 68% 100%)!important;
  border-radius:4px!important;
  z-index:2!important;
}
html[lang] .page-home .home-services .service-tile--index-2 .svc-monitor strong{
  position:absolute!important;
  left:7%!important;top:27%!important;
  z-index:2!important;
  color:#1d6b4c!important;
  font-size:6.5px!important;
  font-weight:720!important;
  letter-spacing:.07em!important;
}
html[lang] .page-home .home-services .service-tile--index-2 .svc-monitor i{
  position:absolute!important;
  left:7%!important;top:45%!important;
  right:auto!important;
  width:26%!important;height:5px!important;
  border-radius:99px!important;
  background:#5da17c!important;
  transform:none!important;
  opacity:1!important;
  z-index:2!important;
}
html[lang] .page-home .home-services .service-tile--index-2 .svc-monitor span{
  left:7%!important;right:auto!important;
  height:3px!important;background:#a5b7ae!important;
  z-index:2!important;
}
html[lang] .page-home .home-services .service-tile--index-2 .svc-monitor span:nth-of-type(1){top:55%!important;width:26%!important}
html[lang] .page-home .home-services .service-tile--index-2 .svc-monitor span:nth-of-type(2){top:62%!important;width:20%!important}
html[lang] .page-home .home-services .service-tile--index-2 .svc-tablet{
  left:12%!important;right:auto!important;bottom:3%!important;
  width:31%!important;height:53%!important;
  border-width:3px!important;border-radius:8px!important;
  z-index:3!important;
}
html[lang] .page-home .home-services .service-tile--index-2 .svc-phone{
  right:0!important;bottom:4%!important;
  width:17%!important;height:44%!important;
  border-width:2.5px!important;border-radius:8px!important;
  z-index:4!important;
}
html[lang] .page-home .home-services .service-tile--index-2 .svc-tablet i,
html[lang] .page-home .home-services .service-tile--index-2 .svc-phone i{
  left:9%!important;right:auto!important;top:36%!important;
  width:38%!important;height:4px!important;
  border-radius:99px!important;
  background:#5da17c!important;
  transform:none!important;
  z-index:2!important;
}
html[lang] .page-home .home-services .service-tile--index-2 .svc-tablet span,
html[lang] .page-home .home-services .service-tile--index-2 .svc-phone span{
  left:9%!important;right:auto!important;top:49%!important;
  width:48%!important;height:3px!important;
  border-radius:99px!important;background:#b5c5bd!important;
  z-index:2!important;
}

/* Phone: retain V50 card size, but make the devices elegant and keep the action button clear */
@media (max-width:760px){
  html[lang] .page-home .home-services .service-tile--index-1 .service-tile__visual,
  html[lang] .page-home .home-services .service-tile--index-2 .service-tile__visual{
    width:48%!important;right:7px!important;top:8px!important;bottom:7px!important;
  }
  html[lang] .page-home .home-services .service-tile--index-1 .svc-laptop{
    width:92%!important;height:88%!important;right:3px!important;
  }
  html[lang] .page-home .home-services .service-tile--index-1 .svc-laptop__screen{
    border-width:2px!important;border-bottom-width:3px!important;
    border-radius:7px 7px 4px 4px!important;
  }
  html[lang] .page-home .home-services .service-tile--index-1 .svc-laptop__screen:after{
    content:""!important;
  }
  html[lang] .page-home .home-services .service-tile--index-1 .svc-mini-brand{font-size:3.3px!important;top:6.5%!important}
  html[lang] .page-home .home-services .service-tile--index-1 .svc-laptop__screen strong{font-size:6.8px!important;top:34%!important}
  html[lang] .page-home .home-services .service-tile--index-1 .svc-laptop__screen i{height:2px!important}
  html[lang] .page-home .home-services .service-tile--index-1 .svc-laptop__screen b{min-height:5px!important;height:11%!important}
  html[lang] .page-home .home-services .service-tile--index-1 .svc-laptop__base{height:9%!important}

  html[lang] .page-home .home-services .service-tile--index-2 .svc-monitor{
    width:67%!important;height:67%!important;right:5%!important;top:4%!important;border-width:2px!important;
  }
  html[lang] .page-home .home-services .service-tile--index-2 .svc-tablet{
    left:14%!important;bottom:4%!important;width:29%!important;height:50%!important;border-width:2px!important;
  }
  html[lang] .page-home .home-services .service-tile--index-2 .svc-phone{
    right:7%!important;bottom:5%!important;width:16%!important;height:41%!important;border-width:1.8px!important;
  }
  html[lang] .page-home .home-services .service-tile--index-2 .svc-monitor strong{font-size:4px!important}
  html[lang] .page-home .home-services .service-tile--index-2 .svc-monitor i{height:3px!important}
  html[lang] .page-home .home-services .service-tile--index-2 .svc-monitor span,
  html[lang] .page-home .home-services .service-tile--index-2 .svc-tablet span,
  html[lang] .page-home .home-services .service-tile--index-2 .svc-phone span{height:2px!important}
  html[lang] .page-home .home-services .service-tile--index-2 .svc-tablet i,
  html[lang] .page-home .home-services .service-tile--index-2 .svc-phone i{height:2.5px!important}

  html[lang] .page-home .home-services .service-tile--index-1 .service-tile__arrow,
  html[lang] .page-home .home-services .service-tile--index-2 .service-tile__arrow{
    right:9px!important;left:auto!important;bottom:9px!important;
    width:34px!important;height:34px!important;
    background:rgba(255,255,255,.92)!important;
    border:1px solid currentColor!important;
  }
}

/* === ADC54: premium rebuild of service cards 03–06 === */
html[lang] .page-home .home-services .service-tile--index-3,
html[lang] .page-home .home-services .service-tile--index-4,
html[lang] .page-home .home-services .service-tile--index-5,
html[lang] .page-home .home-services .service-tile--index-6{isolation:isolate!important}
html[lang] .page-home .home-services .service-tile--index-3 .service-tile__visual,
html[lang] .page-home .home-services .service-tile--index-4 .service-tile__visual,
html[lang] .page-home .home-services .service-tile--index-5 .service-tile__visual,
html[lang] .page-home .home-services .service-tile--index-6 .service-tile__visual{overflow:visible!important}

/* 03 — real before/after website redesign scene */
html[lang] .page-home .home-services .service-tile--index-3 .service-tile__visual{
  width:54%!important;right:11px!important;top:16px!important;bottom:14px!important;
  display:block!important;
}
html[lang] .page-home .home-services .service-tile--index-3 .svc-before,
html[lang] .page-home .home-services .service-tile--index-3 .svc-after{
  position:absolute!important;top:9%!important;height:78%!important;
  padding:0!important;overflow:hidden!important;
  background:#fff!important;border:1px solid rgba(41,52,65,.10)!important;
  border-radius:10px!important;box-shadow:0 12px 24px rgba(48,61,78,.10)!important;
}
html[lang] .page-home .home-services .service-tile--index-3 .svc-before{left:4%!important;width:35%!important;filter:saturate(.15)}
html[lang] .page-home .home-services .service-tile--index-3 .svc-after{
  right:2%!important;width:41%!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.98) 0 17%,rgba(255,255,255,.04) 17% 100%),
    url('/images/home-detail.webp') 58% 50%/cover no-repeat!important;
}
html[lang] .page-home .home-services .service-tile--index-3 .svc-before:before,
html[lang] .page-home .home-services .service-tile--index-3 .svc-after:before{
  content:""!important;position:absolute!important;left:0!important;right:0!important;top:0!important;height:17%!important;
  background:#f5f6f7!important;border-bottom:1px solid rgba(31,42,52,.08)!important;
}
html[lang] .page-home .home-services .service-tile--index-3 .svc-before:after{
  content:""!important;position:absolute!important;left:10%!important;right:10%!important;top:27%!important;bottom:10%!important;
  background:
    linear-gradient(#d7dbe0 0 0) 0 0/86% 10% no-repeat,
    linear-gradient(#e2e5e8 0 0) 0 20%/68% 6% no-repeat,
    linear-gradient(#e2e5e8 0 0) 0 34%/78% 6% no-repeat,
    linear-gradient(#e2e5e8 0 0) 0 48%/57% 6% no-repeat,
    linear-gradient(#eceef0 0 0) 0 73%/100% 23% no-repeat!important;
  border-radius:4px!important;
}
html[lang] .page-home .home-services .service-tile--index-3 .svc-before small,
html[lang] .page-home .home-services .service-tile--index-3 .svc-after small{
  position:absolute!important;z-index:4!important;left:9%!important;top:5%!important;margin:0!important;
  color:#6c7781!important;font-size:6px!important;letter-spacing:.11em!important;font-weight:760!important;
}
html[lang] .page-home .home-services .service-tile--index-3 .svc-before i{display:none!important}
html[lang] .page-home .home-services .service-tile--index-3 .svc-after i{
  display:block!important;position:absolute!important;z-index:3!important;left:8%!important;top:29%!important;
  width:42%!important;height:5px!important;border-radius:99px!important;background:#fff!important;box-shadow:0 8px 0 rgba(255,255,255,.78)!important;
}
html[lang] .page-home .home-services .service-tile--index-3 .svc-after strong{
  position:absolute!important;left:8%!important;bottom:11%!important;width:49%!important;height:12%!important;
  margin:0!important;border-radius:4px!important;background:#265ad0!important;box-shadow:none!important;
}
html[lang] .page-home .home-services .service-tile--index-3 .svc-after span{
  position:absolute!important;right:8%!important;bottom:11%!important;width:30%!important;height:4px!important;
  margin:0!important;border-radius:99px!important;background:rgba(255,255,255,.86)!important;
}
html[lang] .page-home .home-services .service-tile--index-3 .svc-redesign-arrow{
  position:absolute!important;left:48%!important;top:50%!important;transform:translate(-50%,-50%)!important;
  display:grid!important;place-items:center!important;width:31px!important;height:31px!important;
  border-radius:50%!important;background:rgba(255,255,255,.92)!important;border:1px solid rgba(70,111,159,.20)!important;
  color:#477eb8!important;font-size:18px!important;font-weight:500!important;box-shadow:0 7px 18px rgba(57,80,112,.10)!important;
}

/* 04 — multilingual business website with refined language selector */
html[lang] .page-home .home-services .service-tile--index-4 .service-tile__visual{
  width:55%!important;right:11px!important;top:16px!important;bottom:14px!important;
}
html[lang] .page-home .home-services .service-tile--index-4 .svc-globe{
  position:absolute!important;right:1%!important;bottom:5%!important;width:77%!important;height:78%!important;aspect-ratio:auto!important;
  border-radius:11px!important;overflow:hidden!important;
  background:
    linear-gradient(90deg,rgba(255,255,255,.98) 0 39%,rgba(255,255,255,.73) 46%,rgba(255,255,255,.02) 71%),
    url('/images/professional-collab.webp') 68% 50%/cover no-repeat!important;
  border:1px solid rgba(77,61,111,.13)!important;box-shadow:0 13px 26px rgba(72,56,105,.11)!important;
  color:transparent!important;
}
html[lang] .page-home .home-services .service-tile--index-4 .svc-globe:before{
  content:"ADC / GLOBAL"!important;position:absolute!important;left:0!important;right:0!important;top:0!important;height:18%!important;
  padding:6% 7% 0!important;box-sizing:border-box!important;
  background:rgba(255,255,255,.93)!important;border:0!important;border-radius:0!important;
  color:#655a78!important;font-family:Inter,ui-sans-serif,system-ui,sans-serif!important;font-size:5.5px!important;font-weight:720!important;letter-spacing:.09em!important;
}
html[lang] .page-home .home-services .service-tile--index-4 .svc-globe:after{
  content:"One site. Multiple languages."!important;position:absolute!important;left:7%!important;top:35%!important;width:36%!important;
  color:#332b3d!important;font-family:Inter,ui-sans-serif,system-ui,sans-serif!important;font-size:9px!important;line-height:1.15!important;font-weight:670!important;
  border:0!important;border-radius:0!important;transform:none!important;
}
html[lang] .page-home .home-services .service-tile--index-4 .svc-bubble{
  position:absolute!important;z-index:4!important;min-width:31px!important;height:22px!important;padding:0 9px!important;
  border-radius:999px!important;border:1px solid rgba(104,78,151,.17)!important;background:rgba(255,255,255,.96)!important;
  color:#7054a5!important;font-size:7px!important;font-weight:730!important;letter-spacing:.06em!important;
  display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 7px 16px rgba(77,57,119,.09)!important;
}
html[lang] .page-home .home-services .service-tile--index-4 .svc-bubble:before{
  content:""!important;width:6px!important;height:6px!important;border-radius:50%!important;margin-right:5px!important;background:#8a6fc2!important;
}
html[lang] .page-home .home-services .service-tile--index-4 .svc-bubble--1{right:1%!important;top:4%!important}
html[lang] .page-home .home-services .service-tile--index-4 .svc-bubble--2{left:2%!important;top:17%!important}
html[lang] .page-home .home-services .service-tile--index-4 .svc-bubble--3{left:7%!important;bottom:6%!important}
html[lang] .page-home .home-services .service-tile--index-4 .svc-bubble--4{right:4%!important;bottom:13%!important}
html[lang] .page-home .home-services .service-tile--index-4 .svc-bubble--1:before{background:#4f7ec8!important}
html[lang] .page-home .home-services .service-tile--index-4 .svc-bubble--2:before{background:#d95a5a!important}
html[lang] .page-home .home-services .service-tile--index-4 .svc-bubble--3:before{background:#d8b33f!important}
html[lang] .page-home .home-services .service-tile--index-4 .svc-bubble--4:before{background:#7a6bb9!important}

/* 05 — clean search / SEO dashboard rather than a cartoon magnifier */
html[lang] .page-home .home-services .service-tile--index-5 .service-tile__visual{
  width:54%!important;right:11px!important;top:16px!important;bottom:14px!important;
}
html[lang] .page-home .home-services .service-tile--index-5 .svc-search{
  position:absolute!important;inset:4% 0 1% 4%!important;padding:19% 7% 7%!important;
  background:#fff!important;border:1px solid rgba(101,83,40,.12)!important;border-radius:11px!important;
  box-shadow:0 13px 26px rgba(90,72,36,.10)!important;overflow:hidden!important;
}
html[lang] .page-home .home-services .service-tile--index-5 .svc-search:before{
  content:"Search performance"!important;position:absolute!important;left:0!important;right:0!important;top:0!important;height:16%!important;
  padding:5% 7% 0!important;box-sizing:border-box!important;
  background:#fbfbfa!important;border-bottom:1px solid rgba(61,67,60,.08)!important;
  color:#676d68!important;font-family:Inter,ui-sans-serif,system-ui,sans-serif!important;font-size:5.6px!important;font-weight:700!important;letter-spacing:.07em!important;
}
html[lang] .page-home .home-services .service-tile--index-5 .svc-search__bar{
  position:relative!important;height:25px!important;padding:7px 11px!important;border:1px solid #dfe2df!important;border-radius:999px!important;
  background:#fff!important;color:#929893!important;font-size:7px!important;box-shadow:none!important;
}
html[lang] .page-home .home-services .service-tile--index-5 .svc-search__bar:before{content:"⌕"!important;margin-right:7px!important;color:#4b554f!important;font-weight:800!important}
html[lang] .page-home .home-services .service-tile--index-5 .svc-search__results{width:51%!important;margin-top:14px!important}
html[lang] .page-home .home-services .service-tile--index-5 .svc-search__results i{height:5px!important;margin:7px 0!important;background:#dce1de!important;border-radius:99px!important}
html[lang] .page-home .home-services .service-tile--index-5 .svc-search__results i:nth-child(2){width:82%!important}
html[lang] .page-home .home-services .service-tile--index-5 .svc-search__results i:nth-child(3){width:65%!important}
html[lang] .page-home .home-services .service-tile--index-5 .svc-search__graph{
  position:absolute!important;right:7%!important;bottom:15%!important;width:36%!important;height:38%!important;
  border:0!important;border-left:1px solid #d7ded8!important;border-bottom:1px solid #d7ded8!important;
  color:#61aa66!important;font-size:28px!important;font-weight:500!important;display:grid!important;place-items:center!important;
  background:linear-gradient(160deg,transparent 0 48%,rgba(97,170,102,.10) 49% 100%)!important;
}
html[lang] .page-home .home-services .service-tile--index-5 .svc-search__graph:after{
  content:"+24%"!important;position:absolute!important;right:2%!important;top:-17px!important;color:#5c9d63!important;
  font-family:Inter,ui-sans-serif,system-ui,sans-serif!important;font-size:6px!important;font-weight:760!important;letter-spacing:.04em!important;
}
html[lang] .page-home .home-services .service-tile--index-5 .svc-magnify{
  position:absolute!important;right:6%!important;top:8%!important;bottom:auto!important;width:25px!important;height:25px!important;
  border:2px solid #426b61!important;border-radius:50%!important;background:#f7fbf8!important;
}
html[lang] .page-home .home-services .service-tile--index-5 .svc-magnify:after{
  content:""!important;position:absolute!important;width:11px!important;height:2px!important;background:#426b61!important;right:-7px!important;bottom:-4px!important;
  transform:rotate(45deg)!important;border-radius:2px!important;
}

/* 06 — professional launch / domain status dashboard */
html[lang] .page-home .home-services .service-tile--index-6 .service-tile__visual{
  width:54%!important;right:11px!important;top:16px!important;bottom:14px!important;
}
html[lang] .page-home .home-services .service-tile--index-6 .svc-domain{
  position:absolute!important;left:4%!important;top:6%!important;width:83%!important;height:31px!important;
  border-radius:9px!important;background:#fff!important;border:1px solid rgba(59,94,107,.10)!important;
  box-shadow:0 10px 20px rgba(53,91,107,.09)!important;padding:9px 13px!important;
  color:#56656a!important;font-size:7px!important;letter-spacing:.025em!important;
}
html[lang] .page-home .home-services .service-tile--index-6 .svc-domain:before{content:"⌕"!important;margin-right:7px!important;font-size:10px!important;color:#26343a!important}
html[lang] .page-home .home-services .service-tile--index-6 .svc-domain:after{
  content:"LIVE"!important;float:right!important;padding:2px 6px!important;border-radius:999px!important;background:#dff2e7!important;color:#2f7d57!important;
  font-size:5.4px!important;font-weight:800!important;letter-spacing:.08em!important;
}
html[lang] .page-home .home-services .service-tile--index-6 .svc-cloud{
  position:absolute!important;bottom:auto!important;height:42px!important;border-radius:9px!important;background:rgba(255,255,255,.94)!important;
  filter:none!important;border:1px solid rgba(58,94,108,.09)!important;box-shadow:0 9px 19px rgba(52,91,106,.07)!important;
}
html[lang] .page-home .home-services .service-tile--index-6 .svc-cloud--1{left:4%!important;top:36%!important;width:45%!important}
html[lang] .page-home .home-services .service-tile--index-6 .svc-cloud--2{right:8%!important;top:36%!important;width:38%!important}
html[lang] .page-home .home-services .service-tile--index-6 .svc-cloud:before{
  position:absolute!important;left:10%!important;top:10px!important;width:auto!important;height:auto!important;aspect-ratio:auto!important;
  background:none!important;border-radius:0!important;color:#50717d!important;
  font-family:Inter,ui-sans-serif,system-ui,sans-serif!important;font-size:5.7px!important;font-weight:760!important;letter-spacing:.07em!important;
}
html[lang] .page-home .home-services .service-tile--index-6 .svc-cloud--1:before{content:"DNS  CONNECTED"!important}
html[lang] .page-home .home-services .service-tile--index-6 .svc-cloud--2:before{content:"HTTPS  ACTIVE"!important}
html[lang] .page-home .home-services .service-tile--index-6 .svc-cloud:after{
  content:"✓"!important;position:absolute!important;right:10%!important;top:8px!important;width:18px!important;height:18px!important;
  display:grid!important;place-items:center!important;background:#dff2e7!important;border-radius:50%!important;color:#2d7a56!important;font-size:8px!important;font-weight:800!important;
}
html[lang] .page-home .home-services .service-tile--index-6 .svc-rocket{
  position:absolute!important;right:11%!important;bottom:7%!important;top:auto!important;width:42px!important;height:42px!important;
  display:grid!important;place-items:center!important;border-radius:50%!important;background:#2f89ab!important;color:#fff!important;
  font-size:19px!important;line-height:1!important;transform:rotate(-32deg)!important;text-shadow:none!important;box-shadow:0 10px 19px rgba(47,137,171,.18)!important;
}
html[lang] .page-home .home-services .service-tile--index-6 .service-tile__visual--launch:after{
  content:"PUBLISHED"!important;position:absolute!important;left:6%!important;bottom:10%!important;
  color:#66818b!important;font-family:Inter,ui-sans-serif,system-ui,sans-serif!important;font-size:6px!important;font-weight:760!important;letter-spacing:.11em!important;
}

/* Desktop action buttons for 03–06 match the adult visual language of 01–02 */
@media (min-width:761px){
  html[lang] .page-home .home-services .service-tile--index-3 .service-tile__arrow,
  html[lang] .page-home .home-services .service-tile--index-4 .service-tile__arrow,
  html[lang] .page-home .home-services .service-tile--index-5 .service-tile__arrow,
  html[lang] .page-home .home-services .service-tile--index-6 .service-tile__arrow{
    left:20px!important;right:auto!important;bottom:18px!important;width:40px!important;height:40px!important;
    border:0!important;color:#fff!important;box-shadow:0 7px 15px rgba(31,75,58,.10)!important;
  }
  html[lang] .page-home .home-services .service-tile--index-3 .service-tile__arrow{background:#4a83be!important}
  html[lang] .page-home .home-services .service-tile--index-4 .service-tile__arrow{background:#825caf!important}
  html[lang] .page-home .home-services .service-tile--index-5 .service-tile__arrow{background:#d5a02b!important}
  html[lang] .page-home .home-services .service-tile--index-6 .service-tile__arrow{background:#3994b3!important}
}

@media (max-width:760px){
  html[lang] .page-home .home-services .service-tile--index-3 .service-tile__visual,
  html[lang] .page-home .home-services .service-tile--index-4 .service-tile__visual,
  html[lang] .page-home .home-services .service-tile--index-5 .service-tile__visual,
  html[lang] .page-home .home-services .service-tile--index-6 .service-tile__visual{
    width:48%!important;right:7px!important;top:8px!important;bottom:7px!important;
  }
  html[lang] .page-home .home-services .service-tile--index-3 .svc-before,
  html[lang] .page-home .home-services .service-tile--index-3 .svc-after{top:10%!important;height:73%!important;border-radius:7px!important}
  html[lang] .page-home .home-services .service-tile--index-3 .svc-before{left:5%!important;width:32%!important}
  html[lang] .page-home .home-services .service-tile--index-3 .svc-after{right:3%!important;width:39%!important}
  html[lang] .page-home .home-services .service-tile--index-3 .svc-before small,
  html[lang] .page-home .home-services .service-tile--index-3 .svc-after small{font-size:4px!important}
  html[lang] .page-home .home-services .service-tile--index-3 .svc-redesign-arrow{width:24px!important;height:24px!important;font-size:13px!important}

  html[lang] .page-home .home-services .service-tile--index-4 .svc-globe{width:76%!important;height:72%!important;right:2%!important;bottom:7%!important;border-radius:8px!important}
  html[lang] .page-home .home-services .service-tile--index-4 .svc-globe:before{font-size:3.5px!important;padding-top:5%!important}
  html[lang] .page-home .home-services .service-tile--index-4 .svc-globe:after{font-size:5.5px!important;top:35%!important}
  html[lang] .page-home .home-services .service-tile--index-4 .svc-bubble{min-width:24px!important;height:17px!important;padding:0 6px!important;font-size:5px!important}
  html[lang] .page-home .home-services .service-tile--index-4 .svc-bubble:before{width:4px!important;height:4px!important;margin-right:3px!important}

  html[lang] .page-home .home-services .service-tile--index-5 .svc-search{inset:5% 0 2% 4%!important;padding:20% 6% 6%!important;border-radius:8px!important}
  html[lang] .page-home .home-services .service-tile--index-5 .svc-search:before{font-size:3.6px!important;padding-top:4.5%!important}
  html[lang] .page-home .home-services .service-tile--index-5 .svc-search__bar{height:19px!important;padding:5px 7px!important;font-size:4.5px!important}
  html[lang] .page-home .home-services .service-tile--index-5 .svc-search__results{margin-top:8px!important}
  html[lang] .page-home .home-services .service-tile--index-5 .svc-search__results i{height:3px!important;margin:4px 0!important}
  html[lang] .page-home .home-services .service-tile--index-5 .svc-search__graph{font-size:18px!important;bottom:13%!important}
  html[lang] .page-home .home-services .service-tile--index-5 .svc-search__graph:after{font-size:4px!important;top:-12px!important}
  html[lang] .page-home .home-services .service-tile--index-5 .svc-magnify{width:19px!important;height:19px!important;border-width:1.5px!important;top:8%!important}
  html[lang] .page-home .home-services .service-tile--index-5 .svc-magnify:after{width:8px!important;height:1.5px!important;right:-5px!important;bottom:-3px!important}

  html[lang] .page-home .home-services .service-tile--index-6 .svc-domain{left:4%!important;top:7%!important;width:81%!important;height:22px!important;padding:6px 8px!important;font-size:4.5px!important;border-radius:7px!important}
  html[lang] .page-home .home-services .service-tile--index-6 .svc-domain:after{font-size:3.3px!important;padding:1px 4px!important}
  html[lang] .page-home .home-services .service-tile--index-6 .svc-cloud{height:31px!important;border-radius:7px!important}
  html[lang] .page-home .home-services .service-tile--index-6 .svc-cloud--1{top:39%!important;width:44%!important}
  html[lang] .page-home .home-services .service-tile--index-6 .svc-cloud--2{top:39%!important;width:36%!important}
  html[lang] .page-home .home-services .service-tile--index-6 .svc-cloud:before{font-size:3.6px!important;top:8px!important}
  html[lang] .page-home .home-services .service-tile--index-6 .svc-cloud:after{width:13px!important;height:13px!important;top:7px!important;font-size:6px!important}
  html[lang] .page-home .home-services .service-tile--index-6 .svc-rocket{width:29px!important;height:29px!important;font-size:13px!important;bottom:7%!important}
  html[lang] .page-home .home-services .service-tile--index-6 .service-tile__visual--launch:after{font-size:3.8px!important;bottom:8%!important}

  html[lang] .page-home .home-services .service-tile--index-3 .service-tile__arrow,
  html[lang] .page-home .home-services .service-tile--index-4 .service-tile__arrow,
  html[lang] .page-home .home-services .service-tile--index-5 .service-tile__arrow,
  html[lang] .page-home .home-services .service-tile--index-6 .service-tile__arrow{
    right:9px!important;left:auto!important;bottom:9px!important;width:34px!important;height:34px!important;
    background:rgba(255,255,255,.92)!important;border:1px solid currentColor!important;
  }
}


/* ADC55 — concise desktop cards + centered hover detail */
@media (min-width:900px) and (hover:hover) and (pointer:fine){
  html[lang] .page-home .home-services .service-tile__copy p{
    display:block!important;
    max-width:26ch!important;
    font-size:14px!important;
    line-height:1.48!important;
    letter-spacing:.028em!important;
    font-weight:400!important;
    overflow:visible!important;
    -webkit-line-clamp:unset!important;
  }
  html[lang] .page-home .home-services .service-tile__copy h3{
    margin-bottom:10px!important;
  }
  html[lang] .page-home .home-services .service-tile__arrow{
    left:28px!important;
    right:auto!important;
    bottom:22px!important;
  }
  .page-home .home-services .service-hover-detail{
    position:fixed!important;
    inset:0!important;
    z-index:1200!important;
    display:none!important;
    place-items:center!important;
    padding:38px!important;
    pointer-events:none!important;
  }
  .page-home .home-services .service-hover-detail.is-open{display:grid!important}
  .page-home .home-services .service-hover-detail__shade{
    position:absolute!important;
    inset:0!important;
    background:rgba(9,14,12,.42)!important;
    opacity:0!important;
    transition:opacity .24s ease!important;
    backdrop-filter:blur(3px)!important;
    -webkit-backdrop-filter:blur(3px)!important;
  }
  .page-home .home-services .service-hover-detail__panel{
    position:relative!important;
    z-index:2!important;
    width:min(840px,calc(100vw - 90px))!important;
    min-height:490px!important;
    max-height:calc(100vh - 90px)!important;
    overflow:hidden!important;
    display:grid!important;
    grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important;
    border-radius:30px!important;
    border:1px solid rgba(255,255,255,.72)!important;
    background:#f8f6f0!important;
    box-shadow:0 32px 90px rgba(0,0,0,.28)!important;
    opacity:0!important;
    transform:scale(.92) translateY(12px)!important;
    transition:opacity .22s ease,transform .3s cubic-bezier(.2,.8,.2,1)!important;
    pointer-events:auto!important;
  }
  .page-home .home-services .service-hover-detail.is-visible .service-hover-detail__shade{opacity:1!important}
  .page-home .home-services .service-hover-detail.is-visible .service-hover-detail__panel{opacity:1!important;transform:scale(1) translateY(0)!important}
  .page-home .home-services .service-hover-detail--1 .service-hover-detail__panel{background:linear-gradient(135deg,#fff9f4 0%,#f9e5db 100%)!important}
  .page-home .home-services .service-hover-detail--2 .service-hover-detail__panel{background:linear-gradient(135deg,#fbfdf9 0%,#e3f0e6 100%)!important}
  .page-home .home-services .service-hover-detail--3 .service-hover-detail__panel{background:linear-gradient(135deg,#fbfcff 0%,#e3edf9 100%)!important}
  .page-home .home-services .service-hover-detail--4 .service-hover-detail__panel{background:linear-gradient(135deg,#fdfaff 0%,#eadcf8 100%)!important}
  .page-home .home-services .service-hover-detail--5 .service-hover-detail__panel{background:linear-gradient(135deg,#fffdf8 0%,#fae9c8 100%)!important}
  .page-home .home-services .service-hover-detail--6 .service-hover-detail__panel{background:linear-gradient(135deg,#f9fdff 0%,#deeff7 100%)!important}
  .page-home .home-services .service-hover-detail__close{
    position:absolute!important;
    z-index:8!important;
    top:18px!important;
    right:18px!important;
    width:46px!important;
    height:46px!important;
    border-radius:50%!important;
    border:1px solid rgba(20,31,27,.18)!important;
    background:rgba(255,255,255,.82)!important;
    color:#17211d!important;
    display:grid!important;
    place-items:center!important;
    cursor:pointer!important;
    font:400 32px/1 Inter,system-ui,sans-serif!important;
    box-shadow:0 8px 20px rgba(30,40,35,.08)!important;
  }
  .page-home .home-services .service-hover-detail__close:hover{background:#fff!important;transform:scale(1.04)!important}
  .page-home .home-services .service-hover-detail__copy{
    position:relative!important;
    z-index:3!important;
    padding:54px 34px 36px 42px!important;
    min-width:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
  }
  .page-home .home-services .service-hover-detail__number{
    display:block!important;
    margin-bottom:28px!important;
    font:700 13px/1 Inter,system-ui,sans-serif!important;
    letter-spacing:.11em!important;
    color:#1d7e5a!important;
  }
  .page-home .home-services .service-hover-detail--1 .service-hover-detail__number{color:#e9664f!important}
  .page-home .home-services .service-hover-detail--3 .service-hover-detail__number{color:#447fb8!important}
  .page-home .home-services .service-hover-detail--4 .service-hover-detail__number{color:#8657b4!important}
  .page-home .home-services .service-hover-detail--5 .service-hover-detail__number{color:#bf8c22!important}
  .page-home .home-services .service-hover-detail--6 .service-hover-detail__number{color:#348eae!important}
  .page-home .home-services .service-hover-detail__copy h3{
    margin:0 0 18px!important;
    max-width:11ch!important;
    color:#15201b!important;
    font:650 clamp(32px,3.2vw,43px)/1.02 Inter,system-ui,sans-serif!important;
    letter-spacing:.012em!important;
  }
  .page-home .home-services .service-hover-detail__text{
    margin:0 0 22px!important;
    max-width:36ch!important;
    color:#4f5a54!important;
    font:400 16px/1.58 Inter,system-ui,sans-serif!important;
    letter-spacing:.027em!important;
  }
  .page-home .home-services .service-hover-detail__points{
    display:grid!important;
    gap:8px!important;
    margin:0 0 26px!important;
  }
  .page-home .home-services .service-hover-detail__points span{
    position:relative!important;
    padding-left:19px!important;
    color:#23302a!important;
    font:520 14px/1.4 Inter,system-ui,sans-serif!important;
    letter-spacing:.025em!important;
  }
  .page-home .home-services .service-hover-detail__points span:before{
    content:""!important;
    position:absolute!important;
    left:0!important;
    top:.52em!important;
    width:7px!important;
    height:7px!important;
    border-radius:50%!important;
    background:#2b8765!important;
  }
  .page-home .home-services .service-hover-detail__cta{
    margin-top:auto!important;
    min-height:52px!important;
    padding:6px 7px 6px 22px!important;
    border:1.5px solid #276d55!important;
    border-radius:999px!important;
    color:#205a46!important;
    display:inline-flex!important;
    align-items:center!important;
    gap:18px!important;
    font:620 15px/1 Inter,system-ui,sans-serif!important;
    letter-spacing:.025em!important;
    background:rgba(255,255,255,.36)!important;
  }
  .page-home .home-services .service-hover-detail__cta b{
    width:40px!important;height:40px!important;border-radius:50%!important;
    display:grid!important;place-items:center!important;background:#237c5b!important;color:#fff!important;
    font:500 20px/1 Inter,system-ui,sans-serif!important;
  }
  .page-home .home-services .service-hover-detail__art{
    position:relative!important;
    min-width:0!important;
    min-height:490px!important;
    overflow:hidden!important;
  }
  .page-home .home-services .service-hover-detail__art:before{
    content:""!important;
    position:absolute!important;
    inset:9% 8%!important;
    border-radius:28px!important;
    background:rgba(255,255,255,.28)!important;
    border:1px solid rgba(255,255,255,.55)!important;
  }
  .page-home .home-services .service-hover-detail__art>.service-tile__visual{
    display:block!important;
    position:absolute!important;
    z-index:2!important;
    width:88%!important;
    height:78%!important;
    top:12%!important;
    right:6%!important;
    bottom:auto!important;
    left:auto!important;
    transform:scale(1.22)!important;
    transform-origin:center!important;
  }
  .page-home .home-services .service-hover-detail__art .service-tile__visual *{pointer-events:none!important}
}
@media (prefers-reduced-motion:reduce){
  .service-hover-detail__shade,.service-hover-detail__panel{transition:none!important}
}


/* ADC56 — desktop hover card visual breathing room only; mobile untouched */
@media (min-width:900px) and (hover:hover) and (pointer:fine){
  .page-home .home-services .service-hover-detail__art{
    display:grid!important;
    place-items:center!important;
    padding:42px 48px 38px 34px!important;
  }
  .page-home .home-services .service-hover-detail__art:before{
    inset:13% 12%!important;
    border-radius:26px!important;
    background:rgba(255,255,255,.24)!important;
  }
  .page-home .home-services .service-hover-detail__art>.service-tile__visual{
    position:relative!important;
    inset:auto!important;
    width:72%!important;
    height:66%!important;
    min-height:0!important;
    margin:0!important;
    transform:scale(.94)!important;
    transform-origin:center center!important;
  }
  .page-home .home-services .service-hover-detail--1 .service-hover-detail__art>.service-tile__visual,
  .page-home .home-services .service-hover-detail--2 .service-hover-detail__art>.service-tile__visual{
    width:74%!important;
    height:67%!important;
  }
  .page-home .home-services .service-hover-detail--3 .service-hover-detail__art>.service-tile__visual,
  .page-home .home-services .service-hover-detail--4 .service-hover-detail__art>.service-tile__visual,
  .page-home .home-services .service-hover-detail--5 .service-hover-detail__art>.service-tile__visual,
  .page-home .home-services .service-hover-detail--6 .service-hover-detail__art>.service-tile__visual{
    width:70%!important;
    height:63%!important;
  }
}


/* ADC57 — dedicated desktop popup artwork, mobile untouched */
@media (min-width:900px) and (hover:hover) and (pointer:fine){
  .page-home .home-services .service-hover-detail__art{
    display:grid!important;place-items:center!important;padding:34px 42px 34px 26px!important;
  }
  .page-home .home-services .service-hover-detail__art:before{
    inset:12% 10%!important;border-radius:26px!important;background:rgba(255,255,255,.22)!important;
  }
  .page-home .home-services .svc57-stage{position:relative!important;z-index:3!important;width:92%!important;height:78%!important;min-width:0!important;}
  .page-home .home-services .svc57-stage *{box-sizing:border-box}

  /* 01 business laptop */
  .svc57-business{display:grid;place-items:center}
  .svc57-laptop{position:relative;width:94%;height:78%;transform:translateY(-2%)}
  .svc57-laptop-screen{position:absolute;left:8%;right:4%;top:0;bottom:16%;background:#fff;border:7px solid #202522;border-radius:13px 13px 6px 6px;overflow:hidden;box-shadow:0 18px 30px rgba(28,33,30,.16)}
  .svc57-sitebar{height:24%;display:flex;align-items:center;justify-content:space-between;padding:0 7%;border-bottom:1px solid #e9ece9;color:#26302b;font:650 6px/1 Inter,sans-serif;letter-spacing:.08em}
  .svc57-sitebar span{font-size:5px;font-weight:500;letter-spacing:.06em}
  .svc57-business-page{height:76%;display:grid;grid-template-columns:48% 52%;background:#fff}
  .svc57-business-copy{padding:10% 7% 8%;display:flex;flex-direction:column;align-items:flex-start}
  .svc57-business-copy strong{max-width:9ch;font:670 15px/1.03 Inter,sans-serif;color:#17201c}
  .svc57-business-copy i{width:72%;height:4px;border-radius:3px;background:#d9dfdc;margin-top:8px}.svc57-business-copy i:nth-of-type(2){width:53%}
  .svc57-business-copy button{border:0;background:#1e8a60;color:#fff;border-radius:5px;padding:7px 10px;margin-top:auto;font:600 6px/1 Inter,sans-serif}
  .svc57-business-photo{background:url('/images/professional-meeting.webp') center/cover no-repeat;position:relative}.svc57-business-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff8,transparent 38%)}
  .svc57-laptop-deck{position:absolute;left:0;right:0;bottom:0;height:19%;background:linear-gradient(180deg,#afb4b1,#696f6c);clip-path:polygon(7% 0,93% 0,100% 74%,97% 100%,3% 100%,0 74%);border-radius:0 0 14px 14px;box-shadow:0 12px 18px rgba(20,25,22,.14)}
  .svc57-laptop-deck span{position:absolute;width:27%;height:30%;left:36.5%;top:14%;border:1px solid #7c817e;border-radius:3px;background:#9ca29e}

  /* 02 responsive devices */
  .svc57-responsive{position:relative}
  .svc57-monitor{position:absolute;width:68%;height:68%;right:5%;top:2%}
  .svc57-monitor>.svc57-device-screen{position:absolute;inset:0 0 16%;border:6px solid #252b28;border-radius:10px;background:#fff;overflow:hidden;box-shadow:0 15px 28px rgba(30,42,34,.14)}
  .svc57-monitor-stand{position:absolute;left:38%;width:24%;height:17%;bottom:0;background:#707873;border-radius:0 0 5px 5px}.svc57-monitor-stand:after{content:"";position:absolute;left:-45%;right:-45%;bottom:0;height:6px;background:#8d9690;border-radius:999px}
  .svc57-tablet{position:absolute;width:31%;height:57%;left:7%;bottom:7%;border:5px solid #2a302d;border-radius:11px;background:#fff;overflow:hidden;box-shadow:0 13px 24px rgba(30,42,34,.16)}
  .svc57-phone{position:absolute;width:16%;height:43%;right:0;bottom:9%;border:4px solid #2a302d;border-radius:11px;background:#fff;overflow:hidden;box-shadow:0 12px 20px rgba(30,42,34,.16)}
  .svc57-device-screen{position:relative;width:100%;height:100%;background:#f7fbf8;overflow:hidden}
  .svc57-webhead{position:absolute;z-index:2;top:8%;left:8%;font:700 7px/1 Inter,sans-serif;color:#2f7050;letter-spacing:.08em}
  .svc57-hero-photo{position:absolute;inset:0 0 42%;background:url('/images/professional-meeting.webp') center/cover no-repeat}.svc57-hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#dff1e585,transparent 50%)}
  .svc57-webcards{position:absolute;left:8%;right:8%;bottom:7%;height:30%;display:flex;gap:5%}.svc57-webcards i{flex:1;background:#d4eadb;border-radius:4px;border:1px solid #b9d7c4}
  .svc57-tablet .svc57-webcards{height:22%;gap:4%}.svc57-phone .svc57-webcards{height:17%}
  .svc57-device-label{position:absolute;font:700 7px/1 Inter,sans-serif;letter-spacing:.08em;color:#4d5b54;background:#ffffffc7;border:1px solid #ffffffb8;padding:5px 7px;border-radius:999px;box-shadow:0 5px 12px #1c30251a}
  .svc57-lbl-monitor{right:14%;top:72%}.svc57-lbl-tablet{left:4%;bottom:0}.svc57-lbl-phone{right:-2%;bottom:0}

  /* 03 redesign */
  .svc57-redesign{display:flex;align-items:center;justify-content:center;gap:8%;padding:3% 1%}
  .svc57-before,.svc57-after{position:relative;width:31%;height:90%;border-radius:12px;background:#fff;box-shadow:0 14px 27px rgba(38,52,45,.10);overflow:hidden;padding:13px 11px}
  .svc57-before>span,.svc57-after>span{display:block;font:700 7px/1 Inter,sans-serif;letter-spacing:.1em;color:#6b746f;margin-bottom:11px}
  .svc57-old-head{height:9px;background:#e4e7e5;border-radius:4px;margin-bottom:14px}.svc57-before i{display:block;height:7px;background:#d9dddb;border-radius:3px;margin:8px 0}.svc57-before i:nth-of-type(2){width:78%}.svc57-before i:nth-of-type(3){width:60%}.svc57-before b{display:block;height:23%;background:#e5e7e6;border-radius:5px;margin-top:12px}.svc57-before b:last-child{height:16%}
  .svc57-redesign-arrow{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#4b7fab;box-shadow:0 8px 18px #38516a1f;font:500 24px/1 Inter,sans-serif}
  .svc57-after{padding:0;background:#fff}.svc57-after>span{position:absolute;top:12px;left:12px;z-index:3;background:#fff9;padding:4px 5px;border-radius:5px}
  .svc57-after-top{height:16%;display:flex;align-items:center;justify-content:space-between;padding:0 9%;font:700 6px Inter,sans-serif}.svc57-after-top i{width:8px;height:8px;border-radius:50%;background:#202a25}
  .svc57-after-photo{height:38%;background:url('/images/construction-frame.webp') center/cover no-repeat}
  .svc57-after strong{display:block;margin:10px 9% 7px;font:680 10px/1.05 Inter,sans-serif;color:#1d2521}.svc57-after>i{display:block;height:4px;background:#d9dddb;border-radius:3px;margin:6px 9%;width:70%}.svc57-after>i:nth-of-type(2){width:48%}
  .svc57-after-cards{display:flex;gap:5%;margin:11px 9% 0}.svc57-after-cards b{flex:1;height:21px;border-radius:4px;background:#dbe8f6}

  /* 04 multilingual */
  .svc57-languages{display:grid;place-items:center}
  .svc57-world-grid{position:absolute;inset:10% 2%;opacity:.24;background-image:radial-gradient(circle,#8062ab 1.5px,transparent 1.7px);background-size:10px 10px;mask-image:radial-gradient(ellipse at center,#000 30%,transparent 72%);-webkit-mask-image:radial-gradient(ellipse at center,#000 30%,transparent 72%)}
  .svc57-lang-browser{position:relative;width:56%;height:65%;background:#fff;border-radius:12px;box-shadow:0 15px 30px #54466f24;overflow:hidden;z-index:2}
  .svc57-browserbar{height:18%;display:flex;gap:5px;align-items:center;padding:0 9%;background:#f4f2f6;border-bottom:1px solid #ece8ef}.svc57-browserbar i{width:6px;height:6px;border-radius:50%;background:#e97c64}.svc57-browserbar i:nth-child(2){background:#e8ba54}.svc57-browserbar i:nth-child(3){background:#74b878}
  .svc57-lang-page{height:82%;padding:12% 10%;display:flex;flex-direction:column;align-items:flex-start}.svc57-lang-page strong{max-width:8ch;font:680 14px/1.05 Inter,sans-serif;color:#202722}.svc57-lang-page i{display:block;height:4px;background:#dadada;border-radius:2px;width:70%;margin-top:9px}.svc57-lang-page i:nth-of-type(2){width:50%}.svc57-lang-page button{margin-top:auto;border:0;background:#4f9d69;color:#fff;border-radius:999px;padding:6px 11px;font:650 6px Inter,sans-serif}
  .svc57-lang-chip{position:absolute;z-index:3;background:#fff;border:1px solid #ece8ef;border-radius:999px;padding:8px 12px;font:650 9px/1 Inter,sans-serif;color:#554a64;box-shadow:0 9px 20px #493e5d1c}.svc57-lang-chip.c1{top:6%;left:39%}.svc57-lang-chip.c2{right:2%;top:43%}.svc57-lang-chip.c3{left:3%;bottom:22%}.svc57-lang-chip.c4{right:27%;bottom:2%}

  /* 05 SEO */
  .svc57-seo{display:grid;place-items:center}
  .svc57-seo-window{position:relative;width:78%;height:76%;border-radius:15px;background:#fff;box-shadow:0 16px 30px #5f533722;padding:8% 8%;color:#3b815a}
  .svc57-seo-title{font:700 7px/1 Inter,sans-serif;color:#65706a;letter-spacing:.08em;margin-bottom:10%}
  .svc57-seo-search{height:18%;border:1px solid #d8ddda;border-radius:999px;display:flex;align-items:center;gap:8px;padding:0 6%;color:#84918a}.svc57-seo-search span{font-size:17px}.svc57-seo-search i{height:4px;width:55%;border-radius:3px;background:#d7dcda}
  .svc57-seo-lines{margin-top:8%;width:55%}.svc57-seo-lines i{display:block;height:5px;border-radius:3px;background:#d8ddda;margin:7px 0}.svc57-seo-lines i:first-child{background:#8fc59f;width:82%}.svc57-seo-lines i:nth-child(2){width:92%}.svc57-seo-lines i:nth-child(3){width:76%}.svc57-seo-lines i:nth-child(4){width:64%}
  .svc57-seo-chart{position:absolute;width:38%;height:34%;right:7%;bottom:8%;background:linear-gradient(180deg,#edf7ef,#f8fbf8);border-radius:10px;padding:10px;color:#4a9464;box-shadow:0 10px 18px #486f5021}.svc57-seo-chart svg{width:100%;height:100%}
  .svc57-seo-magnify{position:absolute;width:48px;height:48px;border:6px solid #376653;border-radius:50%;right:-8px;top:18%}.svc57-seo-magnify:after{content:"";position:absolute;width:27px;height:6px;background:#376653;right:-20px;bottom:-10px;transform:rotate(45deg);border-radius:3px}

  /* 06 launch */
  .svc57-launch{display:flex;flex-direction:column;gap:9%;padding:7% 5% 6%}
  .svc57-domainbar{height:17%;background:#fff;border:1px solid #e6ebe8;border-radius:999px;display:flex;align-items:center;gap:8px;padding:0 6%;box-shadow:0 8px 18px #42554b12;font:620 9px Inter,sans-serif;color:#27332d}.svc57-domainbar span{font-size:13px}.svc57-domainbar strong{font-size:9px}.svc57-domainbar b{margin-left:auto;color:#3a995d;background:#e8f7ec;border-radius:999px;padding:5px 8px;font-size:7px;letter-spacing:.06em}
  .svc57-status-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.svc57-status-grid span{min-height:48px;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 12px;box-shadow:0 8px 18px #42554b12;font:700 7px/1 Inter,sans-serif;letter-spacing:.06em;color:#48534e}.svc57-status-grid b{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#dcf4e3;color:#2d9251;font-size:11px}
  .svc57-launch-line{margin-top:auto;display:flex;align-items:center;gap:12px}.svc57-launch-line i{flex:1;height:1px;background:#aac8b5}.svc57-launch-line strong{font:700 8px/1 Inter,sans-serif;letter-spacing:.1em;color:#477257}.svc57-launch-line b{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#2d9660;color:#fff;font:500 27px/1 Inter,sans-serif;box-shadow:0 10px 24px #2d6b4930}
}

/* ADC59 — desktop interaction: hover only lifts; click opens the detail popup */
@media (min-width:900px) and (hover:hover) and (pointer:fine){
  html[lang] .page-home .home-services .service-tile{
    cursor:pointer!important;
    transition:transform .24s cubic-bezier(.2,.75,.2,1),box-shadow .24s ease,border-color .24s ease!important;
  }
  html[lang] .page-home .home-services .service-tile:hover{
    transform:translateY(-8px)!important;
    box-shadow:0 18px 38px rgba(36,44,40,.12)!important;
    border-color:rgba(24,52,42,.16)!important;
  }
  html[lang] .page-home .home-services .service-tile:active{
    transform:translateY(-4px)!important;
  }
  .page-home .home-services .service-hover-detail__shade{
    pointer-events:auto!important;
    cursor:default!important;
  }
  .page-home .home-services .service-hover-detail__panel{
    pointer-events:auto!important;
  }
}


/* ADC60 — lighter fog backdrop for desktop service popup */
@media (min-width:900px) and (hover:hover) and (pointer:fine){
  .page-home .home-services .service-hover-detail__shade{
    background:rgba(71,78,74,.16)!important;
    backdrop-filter:blur(5px) saturate(.92) brightness(.96)!important;
    -webkit-backdrop-filter:blur(5px) saturate(.92) brightness(.96)!important;
  }
  .page-home .home-services .service-hover-detail__panel{
    box-shadow:0 28px 72px rgba(20,25,22,.20)!important;
  }
}


/* ADC61 — desktop under-card information drawer; mobile unchanged */
@media (hover:hover) and (pointer:fine) and (min-width:900px){
  .page-home .home-services{position:relative!important;overflow:visible!important}
  .page-home .home-services .service-hover-detail{display:none!important}
  .page-home .home-services .service-tile{
    transition:transform .30s ease,box-shadow .30s ease!important;
    position:relative!important;
    z-index:1!important;
  }
  .page-home .home-services .service-tile:hover,
  .page-home .home-services .service-tile.is-drawer-active{
    transform:translateY(-7px)!important;
    box-shadow:0 18px 38px rgba(31,39,35,.12)!important;
    z-index:42!important;
  }
  .page-home .home-services .service-info-drawer{
    display:none;
    position:absolute!important;
    z-index:41!important;
    min-height:172px!important;
    opacity:0!important;
    transform:translateY(-20px) scale(.992)!important;
    transform-origin:top center!important;
    border:1px solid rgba(24,40,33,.10)!important;
    border-radius:0 0 22px 22px!important;
    box-shadow:0 24px 48px rgba(27,34,30,.14)!important;
    overflow:hidden!important;
    pointer-events:auto!important;
    transition:opacity .36s ease,transform .46s cubic-bezier(.22,.72,.18,1)!important;
    background:#fffaf7!important;
  }
  .page-home .home-services .service-info-drawer.is-open{display:block!important}
  .page-home .home-services .service-info-drawer.is-visible{opacity:1!important;transform:translateY(0) scale(1)!important}
  .page-home .home-services .service-info-drawer--1{background:linear-gradient(135deg,#fff9f5 0%,#f8e8df 100%)!important}
  .page-home .home-services .service-info-drawer--2{background:linear-gradient(135deg,#fbfdfb 0%,#e6f2e9 100%)!important}
  .page-home .home-services .service-info-drawer--3{background:linear-gradient(135deg,#fbfdff 0%,#e7eff9 100%)!important}
  .page-home .home-services .service-info-drawer--4{background:linear-gradient(135deg,#fdfaff 0%,#eee2f9 100%)!important}
  .page-home .home-services .service-info-drawer--5{background:linear-gradient(135deg,#fffdf8 0%,#faecd0 100%)!important}
  .page-home .home-services .service-info-drawer--6{background:linear-gradient(135deg,#f9fdff 0%,#e2f1f8 100%)!important}
  .page-home .home-services .service-info-drawer__inner{
    min-height:172px!important;
    padding:22px 24px 20px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:"text cta" "points cta"!important;
    column-gap:22px!important;
    row-gap:14px!important;
    align-items:center!important;
  }
  .page-home .home-services .service-info-drawer__text{
    grid-area:text!important;
    margin:0!important;
    max-width:48ch!important;
    color:#4d5752!important;
    font-family:Inter,ui-sans-serif,system-ui,sans-serif!important;
    font-size:15px!important;
    line-height:1.58!important;
    font-weight:400!important;
    letter-spacing:.035em!important;
  }
  .page-home .home-services .service-info-drawer__points{
    grid-area:points!important;
    display:flex!important;
    flex-wrap:wrap!important;
    gap:8px!important;
  }
  .page-home .home-services .service-info-drawer__points span{
    display:inline-flex!important;
    align-items:center!important;
    min-height:30px!important;
    padding:5px 10px!important;
    border-radius:999px!important;
    border:1px solid rgba(25,56,43,.10)!important;
    background:rgba(255,255,255,.62)!important;
    color:#34423b!important;
    font-family:Inter,ui-sans-serif,system-ui,sans-serif!important;
    font-size:12px!important;
    line-height:1.2!important;
    font-weight:520!important;
    letter-spacing:.035em!important;
  }
  .page-home .home-services .service-info-drawer__cta{
    grid-area:cta!important;
    align-self:center!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:14px!important;
    min-width:138px!important;
    min-height:46px!important;
    padding:4px 5px 4px 18px!important;
    border:1.5px solid #26815f!important;
    border-radius:999px!important;
    color:#1c674b!important;
    background:rgba(255,255,255,.60)!important;
    font-family:Inter,ui-sans-serif,system-ui,sans-serif!important;
    font-size:14px!important;
    font-weight:650!important;
    letter-spacing:.03em!important;
    text-decoration:none!important;
  }
  .page-home .home-services .service-info-drawer__cta b{
    width:36px!important;height:36px!important;border-radius:50%!important;
    display:grid!important;place-items:center!important;
    background:#23815d!important;color:#fff!important;font-size:17px!important;font-weight:500!important;
  }
  .page-home .home-services .service-info-drawer__cta:hover{background:#fff!important}
}
@media (max-width:899px){
  .page-home .home-services .service-info-drawer{display:none!important}
}


/* ADC63 — drawer physically slides out from underneath the desktop card */
@media (hover:hover) and (pointer:fine) and (min-width:900px){
  .page-home .home-services .service-tile,
  .page-home .home-services .service-tile.is-drawer-active{
    position:relative!important;
  }
  .page-home .home-services .service-tile.is-drawer-active{
    z-index:60!important;
  }
  .page-home .home-services .service-info-drawer{
    z-index:59!important;
    opacity:1!important;
    transform:translateY(calc(-100% + 2px))!important;
    transform-origin:top center!important;
    transition:transform .62s cubic-bezier(.22,.72,.18,1)!important;
    will-change:transform!important;
  }
  .page-home .home-services .service-info-drawer.is-visible{
    opacity:1!important;
    transform:translateY(0)!important;
  }
}
@media (prefers-reduced-motion:reduce){
  .page-home .home-services .service-info-drawer{transition-duration:.01ms!important}
}


/* ADC64 — true rear-layer drawer: card stays above while panel slides out/in beneath it */
@media (hover:hover) and (pointer:fine) and (min-width:900px){
  .page-home .home-services{overflow:visible!important}
  .page-home .home-services .service-tile{
    z-index:20!important;
    transition:transform .32s cubic-bezier(.22,.72,.18,1),box-shadow .32s ease!important;
  }
  .page-home .home-services .service-tile:hover,
  .page-home .home-services .service-tile.is-drawer-active{
    transform:translateY(-10px)!important;
    box-shadow:0 20px 42px rgba(31,39,35,.13)!important;
    z-index:80!important;
  }
  .page-home .home-services .service-info-drawer{
    display:none!important;
    z-index:60!important;
    opacity:1!important;
    pointer-events:none!important;
    transform:translate3d(0,calc(-100% + 18px),0)!important;
    transform-origin:top center!important;
    transition:transform .82s cubic-bezier(.22,.70,.16,1)!important;
    will-change:transform!important;
    border-top-color:transparent!important;
    box-shadow:0 22px 45px rgba(27,34,30,.13)!important;
  }
  .page-home .home-services .service-info-drawer.is-open{
    display:block!important;
  }
  .page-home .home-services .service-info-drawer.is-visible{
    transform:translate3d(0,0,0)!important;
    pointer-events:auto!important;
  }
}
@media (prefers-reduced-motion:reduce){
  .page-home .home-services .service-info-drawer{transition-duration:.01ms!important}
}


/* ADC65 — clipped rear drawer: panel can only appear below the card edge */
@media (hover:hover) and (pointer:fine) and (min-width:900px){
  .page-home .home-services{position:relative!important;overflow:visible!important}
  .page-home .home-services .service-tile{position:relative!important;z-index:30!important}
  .page-home .home-services .service-tile:hover,
  .page-home .home-services .service-tile.is-drawer-active{
    transform:translateY(-10px)!important;
    z-index:90!important;
  }
  .page-home .home-services .service-info-drawer-shell{
    display:none!important;
    position:absolute!important;
    z-index:70!important;
    height:184px!important;
    overflow:hidden!important;
    pointer-events:none!important;
    border-radius:0 0 22px 22px!important;
  }
  .page-home .home-services .service-info-drawer-shell.is-open{
    display:block!important;
    pointer-events:auto!important;
  }

  .page-home .home-services .service-info-drawer-shell.is-closing-ghost{
    pointer-events:none!important;
    z-index:60!important;
  }
  .page-home .home-services .service-info-drawer{
    display:block!important;
    position:relative!important;
    left:auto!important;
    top:auto!important;
    width:100%!important;
    height:172px!important;
    min-height:172px!important;
    margin:0!important;
    z-index:1!important;
    opacity:1!important;
    pointer-events:auto!important;
    transform:translate3d(0,-100%,0)!important;
    transition:transform .82s cubic-bezier(.22,.70,.16,1)!important;
    will-change:transform!important;
    border-top:0!important;
    border-radius:0 0 22px 22px!important;
    box-shadow:0 22px 45px rgba(27,34,30,.13)!important;
  }
  .page-home .home-services .service-info-drawer.is-visible{
    transform:translate3d(0,0,0)!important;
  }
}
@media (max-width:899px){
  .page-home .home-services .service-info-drawer-shell{display:none!important}
}
@media (prefers-reduced-motion:reduce){
  .page-home .home-services .service-info-drawer{transition-duration:.01ms!important}
}


/* ADC66 — full-height clipped rear drawer: no content cutoff */
@media (hover:hover) and (pointer:fine) and (min-width:900px){
  .page-home .home-services .service-info-drawer-shell{
    height:240px!important;
    overflow:hidden!important;
  }
  .page-home .home-services .service-info-drawer{
    height:auto!important;
    min-height:172px!important;
  }
  .page-home .home-services .service-info-drawer__inner{
    height:auto!important;
    min-height:172px!important;
  }
}


/* ADC67 — reserve desktop space below service drawers so the next section never crowds them */
@media (hover:hover) and (pointer:fine) and (min-width:900px){
  html[lang] .page-home .home-services{
    padding-bottom:205px!important;
  }
}


/* ADC68 — reset shared drawer behind each newly hovered card so every card gets the full slide-out animation */


/* ADC71 — independent drawer per desktop card; old and new can animate simultaneously */
@media (hover:hover) and (pointer:fine) and (min-width:900px){
  .page-home .home-services .service-info-drawer-shell--per-card{
    z-index:70!important;
  }
  .page-home .home-services .service-info-drawer-shell--per-card.is-open{
    display:block!important;
  }
}

/* ADC72 — tighter desktop gap below the service drawers */
@media (hover:hover) and (pointer:fine) and (min-width:900px){
  html[lang] .page-home .home-services{
    padding-bottom:205px!important;
  }
}


/* ADC73 — desktop Earth must remain a complete circle. Floating mini-sites unchanged. */
@media (min-width:901px){
  html[lang] .page-home .home-hero .earth-scene{
    overflow:visible!important;
  }
  html[lang] .page-home .home-hero .earth-scene:after{
    inset:0!important;
    background-size:contain!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
    transform:translate3d(0,0,0)!important;
    transition:transform .85s cubic-bezier(.22,.7,.18,1),background-position .85s cubic-bezier(.22,.7,.18,1)!important;
  }
}

/* ADC80 — desktop globe: continuous frame blending.
   The old 30-frame animated WebP is no longer displayed.
   Existing floating mini-sites remain unchanged. */
@media (min-width:901px){
  html[lang] .page-home .home-hero .earth-smooth-canvas{
    display:block!important;
    position:absolute!important;
    z-index:2!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    pointer-events:none!important;
    opacity:0;
    filter:brightness(1.08) contrast(1.12) saturate(1.10) drop-shadow(0 0 20px rgba(92,179,255,.38))!important;
    transition:opacity .18s linear!important;
  }
  html[lang] .page-home .home-hero .earth-scene.earth-smooth-ready .earth-smooth-canvas{
    opacity:1!important;
  }
  html[lang] .page-home .home-hero .earth-scene.earth-smooth-ready:after{
    opacity:0!important;
  }
}
@media (max-width:900px){
  .earth-smooth-canvas{display:none!important}
}

/* ADC81 — desktop globe: GPU/WebGL spherical texture rotation. */
@media (min-width:901px){
  html[lang] .page-home .home-hero .earth-smooth-canvas{display:none!important}
  html[lang] .page-home .home-hero .earth-webgl-canvas{
    display:block!important;
    position:absolute!important;
    z-index:2!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    pointer-events:none!important;
    opacity:0;
    transition:opacity .22s linear!important;
    filter:drop-shadow(0 0 20px rgba(92,179,255,.34))!important;
  }
  html[lang] .page-home .home-hero .earth-scene.earth-webgl-ready .earth-webgl-canvas{opacity:1!important}
  html[lang] .page-home .home-hero .earth-scene.earth-webgl-ready:after{opacity:0!important}
}
@media (max-width:900px){.earth-webgl-canvas{display:none!important}}

/* ADC82 — desktop globe uses the original photographic equirectangular Earth
   projected onto a sphere by Canvas. No animated WebP, no WebGL experiment. */
@media (min-width:901px){
  html[lang] .page-home .home-hero .earth-scene:after{
    opacity:0!important;
    visibility:hidden!important;
  }
  html[lang] .page-home .home-hero .earth-canvas{
    display:block!important;
    position:absolute!important;
    z-index:2!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    opacity:1!important;
    pointer-events:none!important;
    filter:brightness(1.08) contrast(1.12) saturate(1.10) drop-shadow(0 0 20px rgba(92,179,255,.38))!important;
  }
  html[lang] .page-home .home-hero .mini-sites{z-index:4!important}
  html[lang] .page-home .home-hero .earth-webgl-canvas,
  html[lang] .page-home .home-hero .earth-smooth-canvas{display:none!important}
}
@media (max-width:900px){
  html[lang] .page-home .home-hero .earth-canvas{display:none!important}
}


/* ADC83 — approved photographic globe, now with true continuous spherical rotation. */
@media (min-width:901px){
  html[lang] .page-home .home-hero .earth-scene{
    overflow:visible!important;
  }
  /* Exact approved globe frame as a no-black-flash fallback while WebGL initializes. */
  html[lang] .page-home .home-hero .earth-scene:after{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    background-image:url('/images/earth-approved-static-africa-83.webp')!important;
    background-size:contain!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
    transition:opacity .22s linear!important;
  }
  html[lang] .page-home .home-hero .earth-real83-canvas{
    display:block!important;
    position:absolute!important;
    z-index:2!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    pointer-events:none!important;
    opacity:0!important;
    transition:opacity .22s linear!important;
    filter:drop-shadow(0 0 19px rgba(73,164,255,.34))!important;
  }
  html[lang] .page-home .home-hero .earth-scene.earth-real83-ready .earth-real83-canvas{
    opacity:1!important;
  }
  html[lang] .page-home .home-hero .earth-scene.earth-real83-ready:after{
    opacity:0!important;
  }
  html[lang] .page-home .home-hero .earth-canvas,
  html[lang] .page-home .home-hero .earth-smooth-canvas,
  html[lang] .page-home .home-hero .earth-webgl-canvas{
    display:none!important;
  }
  html[lang] .page-home .home-hero .mini-sites{z-index:4!important}
}
@media (max-width:900px){
  .earth-real83-canvas{display:none!important}
}


/* ADC84 — RU home hero title rebuilt to exact approved 3-line wording */
html[lang="ru"] .page-home .home-hero__copy h1{
  max-width:12ch!important;
  margin-bottom:16px!important;
}
html[lang="ru"] .page-home .home-hero__title-line{
  display:block;
}
html[lang="ru"] .page-home .home-hero__title-accent{
  color:#ff725f!important;
  font-style:normal!important;
}
html[lang="ru"] .page-home .home-hero__taste{
  margin-top:.18em!important;
}
html[lang="ru"] .page-home .home-hero__copy>p{
  margin-bottom:24px!important;
}
@media (max-width:760px){
  html[lang="ru"] .page-home .home-hero__copy h1{
    margin-bottom:14px!important;
  }
  html[lang="ru"] .page-home .home-hero__taste{
    margin-top:.22em!important;
  }
}


/* ADC86 — force the approved RU hero title to exactly three lines. */
@media (min-width:761px){
  html[lang="ru"] .page-home .home-hero__copy h1{
    width:max-content!important;
    max-width:none!important;
    font-size:clamp(48px,4.3vw,64px)!important;
    line-height:.98!important;
    margin-bottom:12px!important;
  }
  html[lang="ru"] .page-home .home-hero__title-line{
    display:block!important;
    white-space:nowrap!important;
  }
  html[lang="ru"] .page-home .home-hero__taste{
    margin-top:.08em!important;
  }
}
@media (max-width:760px){
  html[lang="ru"] .page-home .home-hero__copy h1{
    width:100%!important;
    max-width:100%!important;
    font-size:clamp(34px,8.7vw,40px)!important;
    line-height:1.02!important;
    margin-bottom:12px!important;
  }
  html[lang="ru"] .page-home .home-hero__title-line{
    display:block!important;
    white-space:nowrap!important;
  }
  html[lang="ru"] .page-home .home-hero__taste{
    margin-top:.10em!important;
  }
}


/* ADC87 — desktop only: lift and open up the large RU hero heading.
   Small subtitle/copy below stays in its existing position and size. */
@media (min-width:761px){
  html[lang="ru"] .page-home .home-hero__copy h1{
    line-height:1.05!important;
    transform:translateY(-24px)!important;
    margin-bottom:-1px!important;
  }
}


/* ADC88 — DESKTOP ONLY.
   Responsive showcase story:
   desktop -> tablet -> phone -> final three-device composition.
   Mobile/tablet CSS below 760px is intentionally untouched. */
@media (min-width:761px){

  /* Remove the three rounded explanatory chips below the copy on desktop. */
  html[lang] .page-home .responsive-showcase__bullets{
    display:none!important;
  }

  /* One clean story, then remain in the final composition. */
  html[lang] .page-home .responsive-showcase.is-visible .device-desktop,
  html[lang] .page-home .responsive-showcase.is-visible .device-tablet,
  html[lang] .page-home .responsive-showcase.is-visible .device-phone{
    animation-duration:12.8s!important;
    animation-timing-function:cubic-bezier(.22,.75,.2,1)!important;
    animation-fill-mode:forwards!important;
    animation-iteration-count:1!important;
    will-change:transform,opacity,filter;
  }

  html[lang] .page-home .responsive-showcase.is-visible .device-desktop{
    animation-name:adc88-desktop-sequence!important;
  }
  html[lang] .page-home .responsive-showcase.is-visible .device-tablet{
    animation-name:adc88-tablet-sequence!important;
  }
  html[lang] .page-home .responsive-showcase.is-visible .device-phone{
    animation-name:adc88-phone-sequence!important;
  }
  html[lang] .page-home .responsive-showcase.is-visible .device-stage__glow{
    animation:adc88-glow-sequence 12.8s ease-in-out 1 forwards!important;
  }

  /* Computer appears first in the same featured position already approved.
     It fully disappears before tablet is featured, so there are no ghost panels. */
  @keyframes adc88-desktop-sequence{
    0%{
      opacity:0;
      transform:translate(10%,26%) scale(.90);
      filter:blur(5px);
    }
    6%,22%{
      opacity:1;
      transform:translate(10%,26%) scale(1.06);
      filter:blur(0);
    }
    27%,67%{
      opacity:0;
      transform:translate(10%,26%) scale(.84);
      filter:blur(3px);
    }
    72%,100%{
      opacity:1;
      transform:translate(0,0) scale(1);
      filter:blur(0);
    }
  }

  /* Tablet appears second in its existing approved featured position. */
  @keyframes adc88-tablet-sequence{
    0%,25%{
      opacity:0;
      transform:translate(60%,-38%) scale(.18);
      filter:blur(7px);
    }
    31%,46%{
      opacity:1;
      transform:translate(60%,-38%) scale(1.42);
      filter:blur(0);
    }
    51%,67%{
      opacity:0;
      transform:translate(60%,-38%) scale(.82);
      filter:blur(3px);
    }
    72%,100%{
      opacity:1;
      transform:translate(0,0) scale(1);
      filter:blur(0);
    }
  }

  /* Phone appears third at the same visual center previously occupied by tablet.
     Then it moves to the right of the tablet for the final composition. */
  @keyframes adc88-phone-sequence{
    0%,49%{
      opacity:0;
      transform:translate(-150%,-50%) scale(.15);
      filter:blur(7px);
    }
    55%,67%{
      opacity:1;
      transform:translate(-150%,-50%) scale(1.58);
      filter:blur(0);
    }
    72%,100%{
      opacity:1;
      transform:translate(0,0) scale(1);
      filter:blur(0);
    }
  }

  @keyframes adc88-glow-sequence{
    0%,22%{opacity:.38;transform:scale(.86)}
    31%,46%{opacity:.88;transform:scale(1.04)}
    55%,67%{opacity:1;transform:scale(1.12)}
    72%,100%{opacity:.80;transform:scale(1)}
  }
}


/* ADC89 — DESKTOP ONLY.
   Corrected continuous device story and explicit final composition.
   Mobile <=760px remains untouched. */
@media (min-width:761px){

  /* Keep the three old descriptive pills removed on desktop. */
  html[lang] .page-home .responsive-showcase__bullets{
    display:none!important;
  }

  /* Explicit final geometry:
     desktop above; tablet below-left; phone beside tablet below-right. */
  html[lang] .page-home .device-desktop{
    width:84%!important;
    left:8%!important;
    right:auto!important;
    top:0!important;
    bottom:auto!important;
    z-index:2!important;
  }
  html[lang] .page-home .device-tablet{
    width:33%!important;
    left:17%!important;
    right:auto!important;
    bottom:0!important;
    top:auto!important;
    z-index:4!important;
  }
  html[lang] .page-home .device-phone{
    width:20%!important;
    left:57%!important;
    right:auto!important;
    bottom:0!important;
    top:auto!important;
    z-index:5!important;
  }

  html[lang] .page-home .responsive-showcase.is-visible .device-desktop,
  html[lang] .page-home .responsive-showcase.is-visible .device-tablet,
  html[lang] .page-home .responsive-showcase.is-visible .device-phone{
    animation-duration:16s!important;
    animation-timing-function:cubic-bezier(.22,.75,.2,1)!important;
    animation-fill-mode:both!important;
    animation-iteration-count:infinite!important;
    transform-origin:center center!important;
    will-change:transform,opacity,filter;
  }

  html[lang] .page-home .responsive-showcase.is-visible .device-desktop{
    animation-name:adc89-desktop-loop!important;
  }
  html[lang] .page-home .responsive-showcase.is-visible .device-tablet{
    animation-name:adc89-tablet-loop!important;
  }
  html[lang] .page-home .responsive-showcase.is-visible .device-phone{
    animation-name:adc89-phone-loop!important;
  }
  html[lang] .page-home .responsive-showcase.is-visible .device-stage__glow{
    animation:adc89-glow-loop 16s ease-in-out infinite both!important;
  }

  /* STEP 1 — computer */
  @keyframes adc89-desktop-loop{
    0%{
      opacity:0;
      transform:translate(0,20%) scale(.90);
      filter:blur(5px);
    }
    5%,20%{
      opacity:1;
      transform:translate(0,18%) scale(1.08);
      filter:blur(0);
    }
    25%,68%{
      opacity:0;
      transform:translate(0,18%) scale(.84);
      filter:blur(3px);
    }
    /* FINAL — computer returns above */
    74%,94%{
      opacity:1;
      transform:translate(0,0) scale(1);
      filter:blur(0);
    }
    100%{
      opacity:0;
      transform:translate(0,0) scale(.97);
      filter:blur(3px);
    }
  }

  /* STEP 2 — tablet appears large in the central presentation area */
  @keyframes adc89-tablet-loop{
    0%,23%{
      opacity:0;
      transform:translate(72%,-42%) scale(.20);
      filter:blur(7px);
    }
    29%,43%{
      opacity:1;
      transform:translate(72%,-42%) scale(1.48);
      filter:blur(0);
    }
    48%,68%{
      opacity:0;
      transform:translate(72%,-42%) scale(.82);
      filter:blur(3px);
    }
    /* FINAL — tablet settles below-left */
    74%,94%{
      opacity:1;
      transform:translate(0,0) scale(1);
      filter:blur(0);
    }
    100%{
      opacity:0;
      transform:translate(0,0) scale(.97);
      filter:blur(3px);
    }
  }

  /* STEP 3 — phone appears in essentially the SAME featured place as tablet */
  @keyframes adc89-phone-loop{
    0%,46%{
      opacity:0;
      transform:translate(-112%,-60%) scale(.16);
      filter:blur(7px);
    }
    52%,67%{
      opacity:1;
      transform:translate(-112%,-60%) scale(2.12);
      filter:blur(0);
    }
    /* FINAL — phone moves beside tablet */
    74%,94%{
      opacity:1;
      transform:translate(0,0) scale(1);
      filter:blur(0);
    }
    100%{
      opacity:0;
      transform:translate(0,0) scale(.97);
      filter:blur(3px);
    }
  }

  @keyframes adc89-glow-loop{
    0%,20%{opacity:.38;transform:scale(.88)}
    29%,43%{opacity:.88;transform:scale(1.05)}
    52%,67%{opacity:1;transform:scale(1.12)}
    74%,94%{opacity:.80;transform:scale(1)}
    100%{opacity:.25;transform:scale(.92)}
  }
}


/* ADC90 — DESKTOP ONLY.
   Final composition corrected from diagonal staircase to:
   desktop centered above, tablet + phone aligned on one row beneath it. */
@media (min-width:761px){

  html[lang] .page-home .responsive-showcase__bullets{
    display:none!important;
  }

  /* Give the stage a stable desktop composition box. */
  html[lang] .page-home .device-stage{
    min-height:610px!important;
    position:relative!important;
  }

  /* Final resting positions. */
  html[lang] .page-home .device-desktop{
    width:76%!important;
    left:12%!important;
    right:auto!important;
    top:0!important;
    bottom:auto!important;
    z-index:2!important;
  }

  html[lang] .page-home .device-tablet{
    width:30%!important;
    left:25%!important;
    right:auto!important;
    top:auto!important;
    bottom:6px!important;
    z-index:4!important;
  }

  html[lang] .page-home .device-phone{
    width:17%!important;
    left:59%!important;
    right:auto!important;
    top:auto!important;
    bottom:6px!important;
    z-index:5!important;
  }

  html[lang] .page-home .responsive-showcase.is-visible .device-desktop,
  html[lang] .page-home .responsive-showcase.is-visible .device-tablet,
  html[lang] .page-home .responsive-showcase.is-visible .device-phone{
    animation-duration:16s!important;
    animation-timing-function:cubic-bezier(.22,.75,.2,1)!important;
    animation-fill-mode:both!important;
    animation-iteration-count:infinite!important;
    transform-origin:center center!important;
    will-change:transform,opacity,filter;
  }

  html[lang] .page-home .responsive-showcase.is-visible .device-desktop{
    animation-name:adc90-desktop-loop!important;
  }
  html[lang] .page-home .responsive-showcase.is-visible .device-tablet{
    animation-name:adc90-tablet-loop!important;
  }
  html[lang] .page-home .responsive-showcase.is-visible .device-phone{
    animation-name:adc90-phone-loop!important;
  }
  html[lang] .page-home .responsive-showcase.is-visible .device-stage__glow{
    animation:adc90-glow-loop 16s ease-in-out infinite both!important;
  }

  /* 1 — computer featured */
  @keyframes adc90-desktop-loop{
    0%{
      opacity:0;
      transform:translate(0,22%) scale(.90);
      filter:blur(5px);
    }
    5%,20%{
      opacity:1;
      transform:translate(0,20%) scale(1.10);
      filter:blur(0);
    }
    25%,68%{
      opacity:0;
      transform:translate(0,20%) scale(.84);
      filter:blur(3px);
    }
    /* Final trio */
    74%,94%{
      opacity:1;
      transform:translate(0,0) scale(1);
      filter:blur(0);
    }
    100%{
      opacity:0;
      transform:translate(0,0) scale(.97);
      filter:blur(3px);
    }
  }

  /* 2 — tablet featured in center */
  @keyframes adc90-tablet-loop{
    0%,23%{
      opacity:0;
      transform:translate(70%,-55%) scale(.20);
      filter:blur(7px);
    }
    29%,43%{
      opacity:1;
      transform:translate(70%,-55%) scale(1.52);
      filter:blur(0);
    }
    48%,68%{
      opacity:0;
      transform:translate(70%,-55%) scale(.82);
      filter:blur(3px);
    }
    /* Final trio: exact resting position below-left */
    74%,94%{
      opacity:1;
      transform:translate(0,0) scale(1);
      filter:blur(0);
    }
    100%{
      opacity:0;
      transform:translate(0,0) scale(.97);
      filter:blur(3px);
    }
  }

  /* 3 — phone featured in the same center area as tablet */
  @keyframes adc90-phone-loop{
    0%,46%{
      opacity:0;
      transform:translate(-105%,-105%) scale(.16);
      filter:blur(7px);
    }
    52%,67%{
      opacity:1;
      transform:translate(-105%,-105%) scale(2.15);
      filter:blur(0);
    }
    /* Final trio: exact resting position beside tablet, same baseline */
    74%,94%{
      opacity:1;
      transform:translate(0,0) scale(1);
      filter:blur(0);
    }
    100%{
      opacity:0;
      transform:translate(0,0) scale(.97);
      filter:blur(3px);
    }
  }

  @keyframes adc90-glow-loop{
    0%,20%{opacity:.38;transform:scale(.88)}
    29%,43%{opacity:.88;transform:scale(1.05)}
    52%,67%{opacity:1;transform:scale(1.12)}
    74%,94%{opacity:.80;transform:scale(1)}
    100%{opacity:.25;transform:scale(.92)}
  }
}


/* ADC91 — DESKTOP ONLY.
   Keep the large responsive-showcase title exactly as-is.
   Only left-align the medium lead and small detail paragraphs inside
   their existing centered text boxes. No grid/repositioning changes. */
@media (min-width:761px){
  html[lang="ru"] .page-home .responsive-showcase__lead,
  html[lang="ru"] .page-home .responsive-showcase__detail{
    text-align:left!important;
  }
}


/* ADC92 — scalable portfolio architecture: one featured external demo + compact home selection. */
.page-home .home-demo-grid .demo-card--featured,
.page-portfolio .portfolio-grid .demo-card--featured{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:1.24fr .76fr;
  gap:30px;
  align-items:end;
}
.page-home .home-demo-grid .demo-card--featured .demo-card__image,
.page-portfolio .portfolio-grid .demo-card--featured .demo-card__image{
  aspect-ratio:1.72;
  border-radius:26px 10px 26px 10px;
}
.demo-card--featured .demo-card__image>span{
  background:rgba(164,68,38,.92);
  border-color:rgba(255,255,255,.5);
}
.home-work__all{
  margin-top:38px;
  width:max-content;
}
html[lang="ru"] .page-home .home-work__all{color:#f7f3ed}
@media (max-width:760px){
  .page-home .home-demo-grid .demo-card--featured,
  .page-portfolio .portfolio-grid .demo-card--featured{
    grid-column:auto;
    display:block;
  }
  .page-home .home-demo-grid .demo-card--featured .demo-card__image,
  .page-portfolio .portfolio-grid .demo-card--featured .demo-card__image{
    aspect-ratio:1.28;
    border-radius:18px;
  }
  .home-work__all{margin-top:30px}
}

/* ADC93 — approved ADCsites website logo integration — 2026-09-07
   Scope: header brand only. Existing navigation, hero, cards, typography, forms,
   portfolio architecture, language switching, and other approved components unchanged. */
.site-header__brand .brand__mark,
.site-header__brand .brand__name{
  display:none!important;
}
.site-header__brand .brand{
  display:block!important;
  width:176px!important;
  height:60px!important;
  background:url('/images/adcsites-logo-header-approved-2026-09-07.png') left center/contain no-repeat!important;
}
.site-header--scrolled .site-header__brand .brand{
  width:162px!important;
  height:54px!important;
}
@media (width<=1100px){
  .site-header__brand .brand{width:158px!important;height:56px!important}
  .site-header--scrolled .site-header__brand .brand{width:150px!important;height:52px!important}
}
@media (width<=900px){
  .site-header__brand .brand{width:168px!important;height:56px!important}
  .site-header--scrolled .site-header__brand .brand{width:158px!important;height:52px!important}
}
@media (width<=640px){
  .site-header__brand .brand{width:150px!important;height:50px!important}
  .site-header--scrolled .site-header__brand .brand{width:144px!important;height:48px!important}
}

/* ADC95 — two dedicated Live Demo cards added above the original six-project library.
   Scope: portfolio/home demo presentation only. Existing six project cards remain intact. */
.page-home .home-demo-grid .demo-card--featured.demo-card--1,
.page-home .home-demo-grid .demo-card--featured.demo-card--2,
.page-portfolio .portfolio-grid .demo-card--featured.demo-card--1,
.page-portfolio .portfolio-grid .demo-card--featured.demo-card--2{
  grid-column:auto;
  display:block;
  padding:10px;
  border:1px solid rgba(164,68,38,.22);
  border-radius:24px;
  background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(250,246,240,.74));
  box-shadow:0 18px 48px rgba(30,24,20,.08);
}
.page-home .home-demo-grid .demo-card--featured.demo-card--1 .demo-card__image,
.page-home .home-demo-grid .demo-card--featured.demo-card--2 .demo-card__image,
.page-portfolio .portfolio-grid .demo-card--featured.demo-card--1 .demo-card__image,
.page-portfolio .portfolio-grid .demo-card--featured.demo-card--2 .demo-card__image{
  aspect-ratio:1.34;
  border-radius:18px;
}
.page-home .home-demo-grid .demo-card--featured.demo-card--1 .demo-card__body,
.page-home .home-demo-grid .demo-card--featured.demo-card--2 .demo-card__body,
.page-portfolio .portfolio-grid .demo-card--featured.demo-card--1 .demo-card__body,
.page-portfolio .portfolio-grid .demo-card--featured.demo-card--2 .demo-card__body{
  padding:18px 6px 4px;
}
@media (max-width:760px){
  .page-home .home-demo-grid .demo-card--featured.demo-card--1,
  .page-home .home-demo-grid .demo-card--featured.demo-card--2,
  .page-portfolio .portfolio-grid .demo-card--featured.demo-card--1,
  .page-portfolio .portfolio-grid .demo-card--featured.demo-card--2{
    padding:7px;
    border-radius:20px;
  }
}

/* v101 — explicit portfolio hierarchy. Category is the visual title; project name is secondary. */
.demo-card__body .demo-card__category{
  margin:0;
  color:var(--ink);
  font-size:clamp(21px,2.15vw,28px);
  font-weight:800;
  line-height:1.08;
  letter-spacing:-.018em;
}
.demo-card__body .demo-card__project-name{
  margin:7px 0 0;
  color:var(--muted);
  font-size:13px;
  font-weight:560;
  line-height:1.35;
  letter-spacing:.02em;
  text-transform:none;
  opacity:.78;
}
.demo-card__body>div{margin-top:16px}
html[lang="ru"] .page-home .demo-card__body .demo-card__category{color:#fff}
html[lang="ru"] .page-home .demo-card__body .demo-card__project-name{color:#aaa9ab}
@media(max-width:640px){
  .demo-card__body .demo-card__category{font-size:22px}
  .demo-card__body .demo-card__project-name{font-size:12.5px}
}


/* v102 — final demo card hierarchy + no misleading legacy emphasis */
.demo-card__body .demo-card__category{
  display:block!important;
  margin:0!important;
  color:var(--ink)!important;
  font-size:clamp(23px,2.35vw,31px)!important;
  font-weight:800!important;
  line-height:1.06!important;
  letter-spacing:-.02em!important;
  text-transform:none!important;
  opacity:1!important;
}
.demo-card__body .demo-card__project-name{
  display:block!important;
  margin:8px 0 0!important;
  color:var(--muted)!important;
  font-size:12px!important;
  font-weight:520!important;
  line-height:1.35!important;
  letter-spacing:.025em!important;
  text-transform:none!important;
  opacity:.68!important;
}
.page-home .demo-card__body .demo-card__category{color:#fff!important}
.page-home .demo-card__body .demo-card__project-name{color:#aaa9ab!important}
.demo-card__body>div{margin-top:15px!important}
@media(max-width:640px){
  .demo-card__body .demo-card__category{font-size:24px!important}
  .demo-card__body .demo-card__project-name{font-size:11.5px!important}
}

/* v104 — Live Demos open inside the current ADCsites page. Outer browser URL does not change. */










@media(max-width:720px){
  
  
  
  
  
  
  
}

/* ADC109 — refined ADCsites header logo — 2026-09-08
   Scope: header brand only. Keep the approved globe direction while making the
   ADCsites wordmark more legible at distance with a larger, cleaner horizontal lockup. */
.site-header__brand .brand{
  width:240px!important;
  height:62px!important;
  background:url('/images/adcsites-logo-header-2026-09-08.png') left center/contain no-repeat!important;
}
.site-header--scrolled .site-header__brand .brand{
  width:218px!important;
  height:58px!important;
}
@media (width<=1100px){
  .site-header__brand .brand{width:192px!important;height:58px!important}
  .site-header--scrolled .site-header__brand .brand{width:184px!important;height:54px!important}
}
@media (width<=900px){
  .site-header__brand .brand{width:190px!important;height:56px!important}
  .site-header--scrolled .site-header__brand .brand{width:180px!important;height:52px!important}
}
@media (width<=640px){
  .site-header__brand .brand{width:164px!important;height:52px!important}
  .site-header--scrolled .site-header__brand .brand{width:156px!important;height:50px!important}
}