:root{--ink:#132c2b;--muted:#536865;--teal:#126b60;--mint:#51b89e;--pale:#e6f4ef;--line:#d8e4df;--paper:#fff;--dark:#112d2c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.55}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #299c85;outline-offset:5px}button{color:inherit}img{display:block;max-width:100%}.wrap{max-width:1240px;margin:auto;padding:0 56px}.eyebrow{font-size:11px;letter-spacing:1.9px;font-weight:700;text-transform:uppercase;color:var(--teal);margin:0 0 16px}.muted{color:var(--muted)}h1,h2,h3,p{margin:0}h1{font-size:clamp(44px,5.1vw,70px);line-height:1.05;letter-spacing:-3.5px;font-weight:650}h2{font-size:40px;line-height:1.15;letter-spacing:-1.5px;font-weight:600}h3{font-size:23px;line-height:1.2;letter-spacing:-.6px}p{max-width:65ch}.section{padding:78px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:32px}.section-head p{max-width:350px;font-size:15px;color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:48px;padding:12px 21px;border:1px solid var(--ink);background:var(--ink);color:white;border-radius:5px;font-size:14px;font-weight:600;transition:background .18s,transform .18s}.button:hover{background:var(--teal);transform:translateY(-2px)}.button.secondary{background:transparent;color:var(--ink);border-color:var(--line)}.textlink{font-size:14px;font-weight:600;display:inline-flex;gap:16px;align-items:center;min-height:44px}.textlink span{transition:transform .18s}.textlink:hover span{transform:translate(3px,-3px)}.actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:28px}.note{display:none;background:#fff8dd;color:#68531b;font:13px/1.5 Arial;padding:12px 16px;border-left:3px solid #d9ac3e;margin:0 0 24px}.show-notes .note{display:block}.topbar{border-bottom:1px solid var(--line);position:relative;background:white;z-index:3}.header{height:88px;display:flex;align-items:center;justify-content:space-between;gap:26px}.brand{width:123px;display:block}.brand img{width:123px}.brand small{display:block;text-align:center;font-size:8px;letter-spacing:5px;margin-top:-1px;padding-left:5px}.nav{display:flex;align-items:center;gap:29px;font-size:13px}.nav details{position:relative}.nav summary{cursor:pointer;list-style:none;padding:12px 0}.nav summary::-webkit-details-marker{display:none}.mega{position:absolute;top:47px;left:-140px;width:660px;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding:26px;background:white;border:1px solid var(--line);box-shadow:0 18px 40px #123a2420;border-radius:8px}.mega strong{display:block;font-size:12px;margin-bottom:10px}.mega a{display:block;padding:6px 0;color:var(--muted);font-size:12px}.nav .button{font-size:12px;min-height:42px;padding:10px 16px}.mobile-menu{display:none}.hero{padding:70px 0 62px;background:linear-gradient(115deg,#fff 45%,#f2faf7)}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center}.hero h1 em{font-style:normal;color:var(--teal)}.hero-copy>p:not(.eyebrow){font-size:17px;color:var(--muted);margin-top:24px;max-width:480px}.hero-foot{display:flex;gap:22px;flex-wrap:wrap;font-size:11px;margin-top:28px;color:var(--muted)}.hero-foot span::before{content:'✓';color:var(--teal);margin-right:7px}.demo{background:var(--dark);border-radius:12px;padding:22px;color:#fff;box-shadow:0 22px 44px #153d3215;position:relative}.demo-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.2px;color:#aad9ce;margin-bottom:22px}.demo-tabs{display:flex;gap:4px;border-bottom:1px solid #36504b;padding-bottom:12px;margin-bottom:20px}.demo-tabs button{background:transparent;color:#b9cbc6;border:0;padding:8px 12px;border-radius:4px;font-size:12px;min-height:36px}.demo-tabs button[aria-selected=true]{background:#d6f5e9;color:var(--ink)}.demo-panel{min-height:250px}.demo-panel[hidden]{display:none}.browser-window{background:#fbfdfb;color:var(--ink);border-radius:7px;overflow:hidden}.window-bar{padding:10px 14px;display:flex;gap:12px;align-items:center;font-size:9px;border-bottom:1px solid var(--line);color:var(--muted)}.dots{letter-spacing:2px;color:#95aba3}.mini-web{display:grid;grid-template-columns:1.1fr 1fr;gap:15px;padding:24px 20px;align-items:center;min-height:180px}.mini-web small{font-size:8px;letter-spacing:1px}.mini-web h3{font-size:25px;line-height:1.1;margin:10px 0 15px;letter-spacing:-1px}.mini-button{display:inline-block;background:var(--teal);color:white;padding:7px 10px;font-size:9px;border-radius:3px}.mini-art{height:142px;background:#d9f1e7;position:relative;overflow:hidden;border-radius:4px;display:grid;place-items:center}.mini-art .shape{width:85px;height:85px;border:17px solid #59b89f;border-radius:25px;transform:rotate(-18deg)}.mini-art .shape:after{content:'';display:block;width:48px;height:48px;background:#153c35;border-radius:50%;position:absolute;right:-45px;bottom:-29px}.demo-bottom{font-size:10px;color:#adcac2;margin-top:17px;display:flex;justify-content:space-between;gap:8px}.searchbar{background:#fff;border-radius:40px;color:var(--ink);padding:12px 15px;font-size:12px;margin-bottom:18px}.search-result{padding:18px;background:#f1faf5;border-radius:7px;color:var(--ink)}.search-result small{font-size:10px}.search-result h3{font-size:19px;color:#126b60;margin:8px 0}.search-result p{font-size:12px}.search-tags{display:flex;gap:8px;margin-top:15px;font-size:10px}.search-tags span{border:1px solid #b4d6c7;padding:4px 8px;border-radius:4px}.flow-mini{display:grid;gap:9px}.flow-mini div{border:1px solid #47645d;padding:12px 14px;border-radius:5px;display:flex;gap:14px;align-items:center;font-size:12px}.flow-mini b{color:#79d9ba;font-weight:400}.flow-mini .review{background:#d6f5e9;color:var(--ink);border:0}.flow-mini .review b{color:var(--teal)}.work{border-top:1px solid var(--line)}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.work-item{min-width:0}.work-image{background:#edf2ef;border:1px solid var(--line);border-radius:7px;padding:15px;aspect-ratio:1.38;display:flex;align-items:center;overflow:hidden}.work-image img{width:100%;border:1px solid #d3ddd7;transition:transform .25s}.work-item:hover img{transform:translateY(-3px)}.work-item h3{font-size:18px;margin-top:17px}.work-item p{font-size:12px;color:var(--muted);margin-top:4px}.work-item .work-title{display:flex;justify-content:space-between;align-items:baseline}.services{background:#f5f8f6}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid #cddbd5}.service{padding:28px 28px 4px;border-right:1px solid #cddbd5}.service:first-child{padding-left:0}.service:last-child{border:0;padding-right:0}.service-top{font:11px monospace;color:var(--teal);margin-bottom:24px}.service h3{margin:23px 0 12px}.service p{font-size:14px;color:var(--muted);min-height:88px}.service .textlink{margin-top:15px}.service-art{height:122px;display:flex;justify-content:center;align-items:center;position:relative}.wire-browser{width:170px;border:1px solid #7faca0;background:white;border-radius:5px;box-shadow:7px 7px 0 #dfede5}.wire-browser:before{content:'•••';display:block;border-bottom:1px solid #bad0c6;color:#6b9a8b;font-size:12px;padding:0 6px}.wire-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px}.wire-grid i{height:46px;background:#c7e8dc}.wire-grid i:first-child{background:repeating-linear-gradient(to bottom,#729b8d 0 3px,transparent 3px 12px);height:38px}.wire-phone{height:83px;width:44px;border:2px solid #1a5e50;border-radius:7px;background:#dcf5e8;position:relative;margin-left:-20px;margin-top:37px}.search-art{width:190px}.search-art div{height:27px;border:1px solid #90b7a7;border-radius:18px;background:white;font-size:11px;padding:4px 12px}.search-art i{display:block;height:6px;background:#98c7b6;margin:13px 10px;width:70%}.search-art i:last-child{width:48%;background:#cadbd4}.node-art{display:flex;gap:13px;align-items:center}.node-art span{width:48px;height:48px;border:1px solid #85af9e;display:grid;place-items:center;border-radius:9px;font-size:10px;background:white}.node-art span:nth-child(2){background:#165a4e;color:white;width:58px;height:58px}.node-art b{font-weight:400;color:#6a9d8d}.supporting{border-top:1px solid #d2dfd8;margin-top:30px;padding-top:20px;font-size:13px;display:flex;gap:25px;flex-wrap:wrap}.supporting>span{color:var(--muted)}.connection{background:var(--dark);color:white}.connection .eyebrow{color:#82d4be}.connection h2{max-width:600px}.connection .intro{color:#bad0ca;margin-top:18px;max-width:560px;font-size:15px}.journey{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:40px}.journey-step{position:relative;border-top:1px solid #42645c;padding:25px 24px 0 0}.journey-step:before{content:'';position:absolute;width:9px;height:9px;background:#65c9ac;border-radius:50%;top:-5px;left:0}.journey-step small{font:11px monospace;color:#84b4a5}.journey-step h3{font-size:20px;margin:14px 0 10px}.journey-step p{font-size:13px;color:#b5ccc5}.connection-foot{border-top:1px solid #36554e;margin-top:32px;padding-top:18px;color:#98bdb1;font-size:11px}.feature-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:55px;align-items:center}.feature-image{background:#edece8;padding:28px;border-radius:7px}.feature-image img{border:1px solid #d8d9d0}.feature-copy h2{font-size:34px;margin-bottom:18px}.feature-copy>p{font-size:15px;color:var(--muted)}.feature-copy dl{margin:23px 0 0;font-size:13px}.feature-copy dl>div{padding:12px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:90px 1fr;gap:12px}.feature-copy dt{color:var(--muted)}.feature-copy dd{margin:0}.process{background:#f5f8f6}.process-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:70px}.process-copy p{font-size:15px;color:var(--muted);margin-top:20px}.steps{display:grid;gap:0}.step{display:grid;grid-template-columns:35px 1fr;gap:18px;padding:20px 0;border-top:1px solid var(--line)}.step:first-child{padding-top:0;border-top:0}.step>span{font:12px monospace;color:var(--teal);padding-top:4px}.step h3{font-size:19px}.step p{font-size:14px;color:var(--muted);margin-top:6px}.step small{display:block;font-size:11px;color:var(--teal);margin-top:9px}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px}.faq details{border-top:1px solid var(--line);padding:19px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;font-size:15px;font-weight:600}.faq summary:after{content:'+';color:var(--teal)}.faq details[open] summary:after{content:'−'}.faq details p{color:var(--muted);font-size:14px;padding:15px 20px 0 0}.contact{background:#d8f1e7}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact h2{font-size:43px}.contact-copy p{margin-top:20px;color:#395d52;font-size:15px}.contact-copy .direct{margin-top:30px;font-size:13px}.direct a{display:block;margin-top:7px;text-decoration:underline;text-underline-offset:4px}.quote{display:grid;grid-template-columns:1fr 1fr;gap:15px}.quote label{font-size:12px;display:block}.quote input,.quote select,.quote textarea{display:block;width:100%;margin-top:6px;border:1px solid #aacfc0;background:#f9fdfb;border-radius:4px;padding:10px 12px;min-height:46px;font-size:16px;color:var(--ink)}.quote .full{grid-column:1/-1}.quote textarea{min-height:80px;resize:vertical}.quote small{font-size:10px;color:#496b60}.quote .button{justify-self:start}.footer{padding:35px 0;background:#102523;color:#bacfc6}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:30px;font-size:12px}.footer .brand small{color:white}.footer-links{display:flex;gap:20px;flex-wrap:wrap}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #345049;padding-top:20px;margin-top:25px;font-size:10px;color:#8ca99d}.prototype-dialog{border:1px solid var(--line);padding:30px;border-radius:12px;max-width:440px;color:var(--ink);box-shadow:0 20px 80px #10252340}.prototype-dialog::backdrop{background:#10252366}.prototype-dialog h3{margin-bottom:12px}.prototype-dialog p{font-size:14px;color:var(--muted);margin-bottom:20px}.prototype-dialog .button{margin-top:5px} @media(min-width:1500px){h1{font-size:70px}}@media(max-width:950px){.wrap{padding:0 32px}.nav{gap:18px}.hero-grid{gap:28px}h1{font-size:51px;letter-spacing:-2px}.demo{padding:17px}.mini-web{padding:18px 12px}.mini-web h3{font-size:22px}.section{padding:60px 0}.service{padding-left:20px;padding-right:20px}.contact-grid{gap:40px}.feature-grid{gap:35px}.faq-grid{gap:40px}.process-grid{gap:40px}} @media(max-width:700px){.wrap{padding:0 23px}.header{height:73px}.brand,.brand img{width:108px}.brand small{font-size:7px;letter-spacing:4px}.nav{display:none}.mobile-menu{display:block}.mobile-menu summary{list-style:none;font-size:13px;padding:10px 0;cursor:pointer}.mobile-menu nav{position:absolute;top:73px;left:0;right:0;background:white;border-bottom:1px solid var(--line);padding:20px 24px;box-shadow:0 15px 20px #16382a10}.mobile-menu nav a{display:block;padding:10px 0;font-size:15px}.mobile-menu nav .button{margin-top:10px;color:white;display:flex}.hero{padding:39px 0 40px}.hero-grid{grid-template-columns:1fr;gap:32px}h1{font-size:40px;letter-spacing:-1.9px;line-height:1.08}h2{font-size:31px;letter-spacing:-1.1px}.hero-copy>p:not(.eyebrow){font-size:15px;line-height:1.6;margin-top:19px}.eyebrow{font-size:10px;letter-spacing:1.6px;margin-bottom:14px}.actions{gap:12px;margin-top:22px}.button{font-size:12px;min-height:47px;padding:11px 13px}.textlink{font-size:13px;gap:10px}.hero-foot{gap:16px;margin-top:20px;font-size:10px}.hero-foot span:last-child{display:none}.demo{padding:18px;border-radius:8px;box-shadow:none}.demo-top{margin-bottom:15px;font-size:9px}.demo-tabs{margin-bottom:16px;padding-bottom:10px}.demo-tabs button{min-height:42px;padding:8px 12px}.demo-panel{min-height:225px}.mini-web{min-height:169px;padding:20px 15px}.mini-web h3{font-size:24px}.mini-art{height:124px}.demo-bottom{font-size:9px;margin-top:13px}.section{padding:46px 0}.section-head{display:block;margin-bottom:25px}.section-head p{margin-top:15px}.section-head .textlink{margin-top:12px}.work-grid{grid-template-columns:1fr;gap:27px}.work-image{aspect-ratio:1.65;padding:16px}.work-item h3{font-size:19px;margin-top:12px}.work-item p{font-size:12px}.services-grid{grid-template-columns:1fr}.service,.service:first-child,.service:last-child{padding:24px 0;border-right:0;border-bottom:1px solid #cddbd5;display:grid;grid-template-columns:1fr 100px;column-gap:12px}.service:last-child{border-bottom:0}.service-top{grid-column:1/-1;margin-bottom:9px}.service-art{grid-column:2;grid-row:2/5;height:110px;align-self:center;transform:scale(.65);transform-origin:center;min-width:125px;margin-left:-13px}.service h3{grid-row:2;grid-column:1;margin:6px 0 12px;font-size:24px}.service p{grid-column:1;grid-row:3;min-height:0;font-size:14px}.service .textlink{grid-column:1;grid-row:4;margin-top:10px}.supporting{gap:13px 19px;margin-top:12px;font-size:12px}.supporting>span{width:100%}.journey{grid-template-columns:1fr;margin-top:30px}.journey-step{border-top:0;border-left:1px solid #42645c;padding:0 0 25px 23px;margin-left:4px}.journey-step:before{left:-5px;top:5px}.journey-step:last-child{padding-bottom:0}.journey-step h3{margin:6px 0;font-size:20px}.journey-step p{font-size:14px}.connection .intro{font-size:14px}.connection-foot{margin-top:25px}.feature-grid{grid-template-columns:1fr;gap:26px}.feature-image{padding:20px}.feature-copy h2{font-size:30px}.feature-copy>p{font-size:14px}.process-grid{grid-template-columns:1fr;gap:30px}.process-copy p{margin-top:15px;font-size:14px}.step{gap:13px}.faq-grid{grid-template-columns:1fr;gap:25px}.faq summary{min-height:24px;font-size:14px}.contact-grid{grid-template-columns:1fr;gap:30px}.contact h2{font-size:35px}.contact-copy p{font-size:14px;margin-top:15px}.contact-copy .direct{margin-top:18px}.quote{gap:14px}.quote label{font-size:12px}.quote label:not(.full){grid-column:1/-1}.quote .button{width:100%}.footer-inner{align-items:start;flex-direction:column;gap:25px}.footer-links{gap:18px;font-size:12px}.footer-bottom{flex-direction:column;gap:8px}.note{font-size:12px} } @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}} /* Homepage direction v2: more contrast, original visual concepts, restrained motion. */ :root{--ink:#102d31;--teal:#007e79;--mint:#20d5b7;--pale:#e9faf4;--line:#d9e7e3;--dark:#082b30;--blue:#5964e9;--muted:#4d6566} body{background:#fffefa}.topbar{background:#fffefa}.header{height:84px}.button{border-radius:50px;background:#10363a;border-color:#10363a}.button:hover{background:#006b65;box-shadow:0 5px 0 #19c7ae25}.hero{padding:65px 0 73px;background:radial-gradient(ellipse at 80% 30%,#baf7e35c,transparent 42%),#fffefa;overflow:hidden;position:relative}.hero h1{font-size:clamp(66px,7.8vw,108px);line-height:.94;letter-spacing:-5px;font-weight:650}.hero h1 em{color:#007e79;position:relative}.hero h1 em:after{content:'';width:15px;height:15px;border-radius:50%;background:#6265eb;display:inline-block;margin-left:11px}.hero-copy>p:not(.eyebrow){font-size:16px;line-height:1.65;max-width:440px}.hero .eyebrow{font-size:10px;letter-spacing:1.5px}.hero-grid{gap:70px;grid-template-columns:1fr 1fr}.demo{border-radius:18px;background:#113c40;padding:26px;transform:rotate(2deg);box-shadow:16px 18px 0 #a9ead8;isolation:isolate;animation:hero-arrive 1s ease both}.demo-top,.demo-bottom,.demo-tabs,.demo-panel{position:relative;z-index:1}.demo-top{font-size:9px}.demo-tabs button[aria-selected=true]{background:#a4f7df;color:#073734}.demo-panel{min-height:280px}.mini-web{min-height:220px;padding:30px 21px}.mini-web h3{font-size:31px;line-height:1.03}.mini-art{background:#c1efe1;height:168px}.mini-art .shape{width:105px;height:105px;border-width:20px;border-color:#08ab95;animation:shape-settle 5s ease-in-out 1}.mini-art .shape:after{background:#6567e8;width:55px;height:55px}.hero-orbit{position:absolute;inset:-80px -60px;z-index:-1;pointer-events:none}.hero-orbit i{position:absolute;border:1px solid #87cbbf77;border-radius:50%;width:480px;height:480px;right:-30px;top:-30px}.hero-orbit i+ i{width:370px;height:370px;right:25px;top:25px}.section{padding:70px 0}.section-head h2 em{font-style:normal;color:var(--teal)}.showcase{background:#fffefa;border-top:1px solid var(--line)}.showcase-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.concept-web{grid-column:1/-1;padding:22px;border:1px solid #d5e4df;border-radius:15px;background:#e8f4ee;overflow:hidden}.concept-label{display:flex;justify-content:space-between;gap:15px;font:10px Arial;letter-spacing:1px;margin-bottom:18px;color:#456663}.concept-label>span:last-child{letter-spacing:0;color:#4f6c64;background:#ffffff88;padding:2px 7px;border-radius:10px}.concept-browser{border:1px solid #c5dad2;background:#f9f9f0;border-radius:8px;overflow:hidden}.concept-toolbar{display:flex;justify-content:space-between;font-size:10px;padding:13px 22px;border-bottom:1px solid #c8d9cf;letter-spacing:2px}.audio-scene{min-height:350px;background:radial-gradient(ellipse at 70% 50%,#a6d6c9,transparent 55%),#e8eee0;position:relative;display:grid;grid-template-columns:1fr 1fr;padding:37px 50px;overflow:hidden}.audio-copy{position:relative;z-index:1}.audio-copy>span:first-child{font-size:9px;letter-spacing:2px}.audio-copy h3{font-size:53px;line-height:1;letter-spacing:-2.5px;margin:19px 0}.audio-copy p{font-size:12px;line-height:1.5;color:#4b6860}.audio-cta{display:inline-block;font-size:10px;margin-top:22px;border-bottom:1px solid #6e8d7c;padding-bottom:4px}.headphones{height:320px;width:100%;position:absolute;right:4%;top:1%;max-width:480px;transition:transform .45s}.concept-web:hover .headphones{transform:rotate(-5deg) translateY(-5px)}.audio-badge{position:absolute;bottom:26px;right:27px;font-size:9px;border:1px solid #779c8e;border-radius:50%;width:83px;height:83px;display:grid;align-content:center;text-align:center;transform:rotate(12deg)}.showcase-caption{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:20px}.showcase-caption h3{font-size:22px}.showcase-caption p{font-size:13px;color:#506e67;margin-top:7px}.circle-action{width:42px;height:42px;min-width:42px;border:1px solid #9bbdb1;background:transparent;border-radius:50%;font-size:20px;transition:background .2s,transform .2s}.circle-action:hover{background:#b7eddb;transform:rotate(12deg)}.concept-seo,.concept-ai{padding:23px;border-radius:15px;overflow:hidden}.concept-seo{background:#eeedff;border:1px solid #dddcf3}.concept-ai{background:#103c40;color:#effcf7}.concept-ai .concept-label{color:#a1d3c5}.concept-ai .concept-label>span:last-child{background:#ffffff14;color:#b7dece}.concept-ai .showcase-caption p{color:#add0c5}.concept-ai .circle-action{color:#b7e8d9;border-color:#608f83}.report{background:#fff;border:1px solid #ddddef;border-radius:9px;padding:20px;min-height:310px}.report-head{display:flex;align-items:center;gap:12px}.report-logo{background:#605ee7;color:white;width:36px;height:36px;border-radius:8px;display:grid;place-items:center;font-size:21px}.report-head strong{font-size:13px;display:block}.report-head small{font-size:10px;color:#737b8c;display:block;margin-top:3px}.report-tabs{display:flex;gap:6px;margin-top:20px}.report-tabs button{border:1px solid #deddf3;background:white;color:#636684;font-size:10px;padding:6px 10px;border-radius:4px;min-height:32px}.report-tabs button[aria-pressed=true]{background:#ecebff;color:#373a96;border-color:#b9b4ea}.report-chart{width:100%;height:130px;display:block;margin-top:10px;overflow:visible}.chart-grid{stroke:#eceef5;fill:none;stroke-width:1}.report-chart #trend{stroke:#6764e8;stroke-width:3;fill:none;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:600;stroke-dashoffset:0;transition:d .35s,stroke .3s}.report-bottom{display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#7b7a91}.report-bottom span+span{max-width:185px;text-align:right}.report-actions{display:flex;gap:10px;margin-top:16px;font-size:10px}.report-actions span{background:#f3f3fa;border-radius:20px;padding:5px 9px}.disclosure{font-size:10px!important;margin-top:13px;color:#6c6c85;line-height:1.5}.ai-stage{min-height:310px;display:grid;grid-template-columns:1fr 1.35fr;align-items:center;gap:17px}.ai-orbit{height:160px;position:relative;display:grid;place-items:center}.ai-orbit i{position:absolute;width:140px;height:140px;border:1px solid #62b4a0;border-radius:50%;transform:rotate(-30deg) scaleX(.65)}.ai-orbit i+i{transform:rotate(30deg) scaleX(.65);border-color:#7d8ee9}.ai-orbit>div{height:73px;width:73px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#b7ffe7,#0b8c7e);box-shadow:0 0 40px #51c4a333;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#093e39;font-size:26px;font-weight:bold}.ai-orbit span{font-size:9px;font-weight:normal}.ai-task{background:#ffffff0b;border:1px solid #508078;border-radius:8px;padding:17px;min-height:160px}.task-status{font-size:9px;letter-spacing:1px;color:#7bdbc2}.ai-task strong{display:block;font-size:16px;line-height:1.35;margin:13px 0 9px;font-weight:500}.ai-task p{font-size:11px;color:#aaccc1}.run-flow{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;border:0;border-top:1px solid #436860;background:transparent;color:#8cf5d4;padding:14px 0 0;font-size:12px}.services{background:#f2f7f5}.service-top{color:#007c73}.service-art .wire-browser{box-shadow:7px 7px 0 #afedd8}.wire-grid i{background:#79dabd}.wire-phone{background:#a9ead8}.search-art i{background:#6c75d3}.search-art i:last-child{background:#c4c7ec}.node-art span:nth-child(2){background:#0e867d}.connection{background:#072f35;background-image:radial-gradient(circle at 90% 10%,#2b706c55,transparent 40%)}.connection h2{font-size:45px}.connection .eyebrow{color:#4de8bf}.journey-step:before{background:#72f4cc;box-shadow:0 0 15px #64c9a577}.process{background:#fffefa}.project-proof{border-top:1px solid #dce8e1;background:#f6f7f3}.proof-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.proof-layout h2{font-size:32px;margin-bottom:16px}.proof-layout .muted{font-size:14px}.proof-layout .textlink{margin-top:14px}.project-list>a{display:grid;grid-template-columns:1fr 100px 18px;gap:16px;align-items:center;border-bottom:1px solid #d1ded6;padding:23px 0}.project-list>a:first-child{border-top:1px solid #d1ded6}.project-list>a>span:nth-child(2){font-size:11px;color:#688076}.project-name{font-size:16px;letter-spacing:2px}.project-name.eco{font-style:italic;font-weight:bold;letter-spacing:-1px;font-size:22px}.project-name.luxury{font-family:Georgia,serif;letter-spacing:0;font-size:19px}.review-reserve{margin-top:25px}.tools-section{padding:36px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:white}.tools-heading{display:flex;justify-content:space-between;align-items:start;gap:20px}.tools-heading .eyebrow{margin-bottom:5px}.tools-heading p:not(.eyebrow){font-size:13px;color:#6b7f79}.tools-heading button{border:1px solid #d5e1dc;background:transparent;padding:7px 10px;font-size:10px;border-radius:20px}.tool-track-window{overflow:hidden;margin-top:24px;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent)}.tool-track{display:flex;width:max-content;animation:tools-scroll 24s linear infinite}.tool-set{display:flex;gap:70px;padding-right:70px;align-items:center}.tool-set>span{font-size:19px;white-space:nowrap;display:flex;align-items:center;gap:12px;color:#39554c}.tool-set b{font-size:24px;display:grid;place-items:center;width:30px;height:30px}.google-mark{color:#4285f4;font-family:Arial}.wp-mark{font-family:Georgia;color:#21759b;border:1px solid currentColor;border-radius:50%;font-size:20px!important}.do-mark{color:#0080ff}.tool-track-window:hover .tool-track,.tool-track-window:focus-within .tool-track,.motion-paused .tool-track{animation-play-state:paused}.tool-disclosure{font-size:10px;color:#75877e;margin-top:18px}.contact{background:#bcf3dd}.contact h2{font-size:48px}.contact .button{background:#0b4d49}.footer{background:#062b30}.concept-web,.concept-seo,.concept-ai{transition:box-shadow .25s,transform .25s}.concept-seo:hover{box-shadow:0 12px 30px #5543bd12}.concept-ai:hover .ai-orbit i{border-color:#adf5dc}.reveal{opacity:1;transform:none}.js-motion .reveal:not(.seen){opacity:0;transform:translateY(16px)}.js-motion .reveal{transition:opacity .55s ease,transform .55s ease} @keyframes tools-scroll{to{transform:translateX(-50%)}}@keyframes hero-arrive{from{opacity:0;transform:translateY(15px) rotate(0)}to{opacity:1;transform:translateY(0) rotate(2deg)}}@keyframes shape-settle{0%,100%{transform:rotate(-18deg)}50%{transform:rotate(8deg)}} @media(max-width:950px){.hero-grid{gap:45px}.hero h1{font-size:76px}.demo{padding:20px}.mini-web{padding:22px 14px}.mini-web h3{font-size:26px}.headphones{right:-2%;max-width:420px}.audio-copy h3{font-size:45px}.ai-stage{grid-template-columns:1fr}.ai-orbit{display:none}.proof-layout{gap:30px}.report{padding:15px}} @media(max-width:700px){.header{height:73px}.hero{padding:39px 0 51px}.hero-grid{gap:37px;grid-template-columns:1fr;min-width:0}.hero-grid>*{min-width:0}.hero h1{font-size:clamp(58px,18vw,72px);line-height:.95;letter-spacing:-3.5px}.hero h1 em:after{width:10px;height:10px;margin-left:7px}.hero .eyebrow{font-size:9px;letter-spacing:1px}.hero-copy>p:not(.eyebrow){font-size:15px}.demo{transform:rotate(1deg);padding:18px;border-radius:12px;box-shadow:7px 9px 0 #a9ead8;margin-right:6px;animation:none}.demo-panel{min-height:235px}.mini-web{min-height:180px}.mini-web h3{font-size:27px}.mini-art{height:132px}.mini-art .shape{width:83px;height:83px;border-width:16px}.mini-art .shape:after{width:43px;height:43px}.hero-orbit{display:none}.section{padding:46px 0}.showcase-grid{grid-template-columns:1fr;gap:20px}.concept-web{grid-column:auto;padding:15px}.concept-label{font-size:8px;letter-spacing:.7px;margin-bottom:13px}.concept-toolbar{font-size:7px;padding:10px;letter-spacing:1px}.concept-toolbar>span:first-child{display:none}.audio-scene{min-height:290px;padding:23px 18px;grid-template-columns:1fr}.audio-copy>span:first-child{font-size:7px;letter-spacing:1px}.audio-copy h3{font-size:32px;letter-spacing:-1.5px;margin:13px 0}.audio-copy p{font-size:9px}.audio-cta{font-size:8px;margin-top:16px}.headphones{height:212px;width:185px;right:-28px;top:78px;max-width:none}.audio-badge{display:none}.audio-copy{max-width:195px}.showcase-caption{gap:10px;margin-top:16px}.showcase-caption h3{font-size:20px}.showcase-caption p{font-size:12px}.circle-action{width:36px;height:36px;min-width:36px}.concept-seo,.concept-ai{padding:17px}.report{min-height:290px;padding:15px}.report-tabs button{min-height:40px}.report-bottom{font-size:8px}.report-bottom span+span{max-width:153px}.ai-stage{grid-template-columns:.8fr 1.2fr;min-height:260px;gap:12px}.ai-orbit{display:grid;height:130px}.ai-orbit i{width:105px;height:105px}.ai-orbit>div{width:59px;height:59px;font-size:22px}.ai-task{padding:12px;min-height:164px}.ai-task strong{font-size:14px}.ai-task p{font-size:10px}.task-status{font-size:8px;letter-spacing:.3px}.run-flow{min-height:44px}.connection h2{font-size:33px}.proof-layout{grid-template-columns:1fr;gap:25px}.proof-layout h2{font-size:30px}.project-list>a{grid-template-columns:1fr 77px 12px;gap:10px;padding:18px 0}.project-name{font-size:14px}.project-name.luxury{font-size:16px}.project-list>a>span:nth-child(2){font-size:10px}.tools-section{padding:29px 0}.tools-heading p:not(.eyebrow){font-size:12px;max-width:210px}.tools-heading button{font-size:9px;white-space:nowrap;min-height:36px}.tool-set{gap:38px;padding-right:38px}.tool-set>span{font-size:16px}.contact h2{font-size:37px}.disclosure{font-size:9px!important}} @media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.js-motion .reveal:not(.seen){opacity:1;transform:none}.tool-track{transform:none}.tool-track-window{overflow-x:auto;mask-image:none}.tool-set[aria-hidden=true]{display:none}} .tool-icon{width:27px;height:27px;object-fit:contain;opacity:.75}.hero-orbit{opacity:.45} /* Selected technology collection — scoped to tools only. */ .tools-section{padding:54px 0;background:#fff}.tools-heading h2{font-size:31px;line-height:1.1;margin:10px 0 13px;letter-spacing:-1px}.tools-heading p:not(.eyebrow){font-size:14px;max-width:500px}.tools-heading button{min-height:40px;white-space:nowrap}.platform-filters{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 26px}.platform-filters button{font-size:12px;min-height:40px;border:1px solid #d2e2dc;border-radius:22px;background:#fff;padding:8px 14px;color:#416059;transition:background .18s,color .18s}.platform-filters button[aria-pressed=true]{background:#103c40;color:white;border-color:#103c40}.platform-row{margin-top:20px}.platform-category{font-size:10px;letter-spacing:1.1px;text-transform:uppercase;color:#6c8178;margin:0 0 8px}.platform-window{overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent);padding:6px 0}.platform-track{display:flex;width:max-content;animation:platform-scroll 65s linear infinite}.platform-row:nth-child(2) .platform-track{animation-duration:80s;animation-direction:reverse}.platform-row:nth-child(3) .platform-track{animation-duration:90s}.platform-set{display:flex;align-items:center;gap:12px;padding-right:12px}.platform{display:flex;align-items:center;gap:12px;padding:14px 18px;background:#f5f8f6;border:1px solid #e3ece7;border-radius:8px;min-height:64px;min-width:180px;white-space:nowrap;color:#284d46;font-size:14px;font-weight:500}.platform img{display:block;width:30px;height:30px;object-fit:contain;flex:0 0 30px}.platform-window:hover .platform-track,.platform-window:focus-within .platform-track,.motion-paused .platform-track{animation-play-state:paused}.platform-status{font-size:11px;color:#688076;margin:18px 0 0}.platform-directory{margin-top:22px;border-top:1px solid #dce8e2;border-bottom:1px solid #dce8e2}.platform-directory summary{display:flex;justify-content:space-between;align-items:center;padding:16px 0;font-size:13px;list-style:none;cursor:pointer;min-height:48px}.platform-directory summary::-webkit-details-marker{display:none}.platform-directory[open] summary span{transform:rotate(45deg)}.platform-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:0 0 20px}.platform-grid .platform{min-width:0;white-space:normal;padding:13px;font-size:12px;min-height:66px}.platform-grid .platform img{width:27px;height:27px;flex-basis:27px}.platform-grid .platform>span{min-width:0;overflow-wrap:break-word}.tools-section .tool-disclosure{margin-top:17px;font-size:10px}@keyframes platform-scroll{to{transform:translateX(-50%)}} @media(max-width:700px){.tools-section{padding:38px 0}.tools-heading h2{font-size:29px}.tools-heading p:not(.eyebrow){font-size:13px;max-width:220px}.platform-filters{gap:7px;margin:23px 0}.platform-filters button{font-size:11px;padding:8px 12px;min-height:44px}.platform{font-size:13px;padding:12px 15px;min-height:60px;min-width:165px}.platform img{width:27px;height:27px;flex-basis:27px}.platform-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.platform-grid .platform{padding:11px 8px;gap:8px;font-size:11px}.platform-grid .platform img{width:24px;height:24px;flex-basis:24px}.platform-category{font-size:9px}.tools-heading{gap:12px}.tools-heading button{font-size:10px}} @media(prefers-reduced-motion:reduce){.platform-track{animation:none!important;transform:none}.platform-window{overflow:auto;mask-image:none}.platform-set[aria-hidden=true]{display:none}} /* Hero-only detailed demonstrations */ .hero .hero-grid{grid-template-columns:.9fr 1.1fr;gap:48px}.hero .hero-copy h1{font-size:clamp(65px,6.8vw,94px)}.hero-detail.demo{padding:21px;transform:none;animation:none;box-shadow:12px 14px 0 #b7ecdf;border-radius:14px}.hero-detail .demo-top{font-size:8px;letter-spacing:1px;margin-bottom:16px}.hero-detail .demo-tabs{padding-bottom:13px;margin-bottom:17px}.hero-detail .demo-tabs button{font-size:12px;padding:9px 14px;min-height:42px}.hero-detail .demo-panel{min-height:450px}.hero-detail .demo-bottom{font-size:9px;line-height:1.5;gap:12px;color:#b3d1c9;margin-top:16px}.hero-detail .demo-bottom>span:first-child{max-width:260px}.hd-browser{background:#f4f5e9;color:#153733;border-radius:7px;overflow:hidden}.hd-browserbar{display:flex;justify-content:space-between;gap:12px;padding:10px 13px;font-size:9px;color:#65786d;border-bottom:1px solid #d7e0d7;background:#fff}.hd-browserbar>span:first-child{font-size:7px;letter-spacing:2px;color:#b7c7bd}.hd-shopnav{padding:17px 20px;display:flex;justify-content:space-between;gap:10px;font-size:9px;border-bottom:1px solid #ceddd1}.hd-shopnav strong{font-size:11px;letter-spacing:1.7px}.hd-shopnav>span{font-size:9px;color:#5e7568}.hd-product{position:relative;min-height:265px;padding:27px 22px;background:radial-gradient(circle at 85% 55%,#aed9c4,transparent 65%),#e9eddf;overflow:hidden}.hd-product-copy{position:relative;z-index:1;width:58%}.hd-product-copy small{font-size:7px;letter-spacing:1.2px}.hd-product-copy h3{font-size:34px;line-height:1.04;letter-spacing:-1.5px;margin:14px 0 12px}.hd-product-copy p{font-size:11px;color:#466557;line-height:1.5}.hd-product-copy button{display:flex;align-items:center;gap:12px;font-size:10px;background:#123e35;color:#fff;border:0;padding:10px 12px;border-radius:3px;margin-top:18px;min-height:36px}.hero-headphone{position:absolute;right:-3%;top:8px;width:52%;height:245px;transition:transform .3s}.hd-product:hover .hero-headphone{transform:rotate(-4deg)}.hd-product-tag{position:absolute;right:17px;bottom:16px;font-size:7px;letter-spacing:1px;line-height:1.5;color:#365748}.hd-product-tag b{font-size:8px;font-weight:400;letter-spacing:0}.hd-features{display:flex;justify-content:space-between;gap:10px;padding:13px 20px;border-top:1px solid #c2d3c7;font-size:9px;background:#f4f5e9;color:#4a6655}.hd-explanation{display:flex;flex-direction:column;gap:5px;padding:19px 1px 0;color:#b5d2c9}.hd-explanation b{font-size:13px;color:#effef7;font-weight:500}.hd-explanation>span{font-size:11px;line-height:1.5;max-width:390px}.hd-collection{padding:15px;display:flex;align-items:center;gap:22px;background:#fafbf5;border-top:1px solid #cedacd}.hd-collection[hidden]{display:none}.hd-collection>div{font-size:10px;display:grid;grid-template-columns:24px 1fr;column-gap:8px}.hd-collection strong{font-size:10px}.hd-collection small{grid-column:2;font-size:9px;color:#607866}.hd-swatch{grid-row:1/3;width:24px;height:30px;border-radius:6px}.hd-swatch.slate{background:#244e46}.hd-swatch.sand{background:#c2b497}.hd-collection>p{font-size:8px;color:#6c7e6b}.hd-search{background:#fff;color:#202b31;border-radius:7px;padding:20px;min-height:386px}.hd-searchtop{display:flex;align-items:center;gap:12px}.hd-searchtop img{width:19px;height:19px;object-fit:contain}.hd-searchtop>div{display:flex;justify-content:space-between;gap:10px;border:1px solid #d9dfe5;border-radius:30px;padding:10px 14px;font-size:11px;flex:1;background:#fafcfe}.hd-searchtop>div>span{font-size:16px;line-height:1}.hd-searchnav{display:flex;gap:21px;margin:17px -20px 0;padding:0 20px 10px;border-bottom:1px solid #e7e9ee;font-size:10px;color:#67737c}.hd-searchnav span:first-child{color:#1a65d5}.hd-example-label{font-size:9px;color:#7b8490;margin:13px 0}.hd-searchbrand{display:flex;align-items:center;gap:9px;margin-top:18px}.hd-fs{background:#e1eee4;color:#25473b;border-radius:50%;height:27px;width:27px;display:grid;place-items:center;font-size:9px;font-weight:bold}.hd-searchbrand strong{display:block;font-size:11px;font-weight:500}.hd-searchbrand small{display:block;font-size:9px;color:#60707c;margin-top:1px}.hd-result-title{display:block;padding:0;border:0;background:transparent;text-align:left;color:#174db0;font-size:19px;line-height:1.35;margin:10px 0 8px;letter-spacing:-.4px}.hd-result-title:hover{text-decoration:underline}.hd-snippet{font-size:11px;color:#596572;line-height:1.65}.hd-sitelinks{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:15px 10px}.hd-sitelinks strong{display:block;color:#174db0;font-size:13px;font-weight:500}.hd-sitelinks span{display:block;font-size:9px;color:#6b7882;margin-top:4px}.hd-search-notes{border-top:1px solid #e1e8ee;padding-top:13px;display:grid;gap:10px}.hd-search-notes>div{display:flex;gap:9px}.hd-search-notes>div>span{width:20px;height:20px;background:#eaf0fd;border-radius:50%;display:grid;place-items:center;color:#486cab;font-size:8px;flex:0 0 20px}.hd-search-notes b{display:block;font-size:10px;font-weight:500}.hd-search-notes small{display:block;font-size:9px;margin-top:2px;color:#76828b}.hd-ai{background:#f5f8f7;color:#204039;border-radius:7px;padding:20px;min-height:386px}.hd-ai-head{display:flex;align-items:center;gap:10px}.hd-ai-mark{display:grid;place-items:center;background:#d9f0e5;border-radius:9px;width:35px;height:35px;color:#297967;font-size:25px}.hd-ai-head strong{display:block;font-size:13px;font-weight:500}.hd-ai-head small{display:block;font-size:10px;color:#6c8078;margin-top:3px}.hd-demo-pill{margin-left:auto;font-size:9px;color:#598774;border:1px solid #cadfd3;border-radius:20px;padding:3px 8px}.hd-ai-steps{display:flex;gap:4px;margin:20px 0;background:#e6efea;border-radius:6px;padding:4px}.hd-ai-steps button{border:0;background:transparent;color:#5e776b;font-size:10px;min-height:34px;padding:6px 9px;flex:1;border-radius:4px}.hd-ai-steps button[aria-pressed=true]{background:white;color:#1d5b48;box-shadow:0 1px 5px #15382c12}#hd-ai-content{min-height:228px}.hd-inbox-label{font-size:8px;letter-spacing:1px;color:#799183;margin-bottom:12px}.hd-message{display:flex;gap:10px;background:#fff;border:1px solid #e0e8e3;border-radius:7px;padding:15px}.hd-avatar{display:grid;place-items:center;width:24px;height:24px;background:#eae7fa;color:#6860a9;border-radius:50%;flex:0 0 24px;font-size:10px}.hd-message strong{font-size:10px;font-weight:500}.hd-message p{font-size:12px;line-height:1.65;margin-top:7px;color:#465e52}.hd-ai-hint{display:flex;align-items:start;gap:9px;padding:18px 6px 0;color:#69816f}.hd-ai-hint>span{color:#388770}.hd-ai-hint p{font-size:10px;line-height:1.6}.hd-next{display:flex;justify-content:space-between;align-items:center;width:100%;background:#1c6552;color:#fff;border:0;border-radius:5px;padding:11px 14px;font-size:11px;min-height:40px}.hd-extract{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.hd-extract>div{border:1px solid #d9e6df;background:white;border-radius:5px;padding:9px;font-size:11px}.hd-extract small{display:block;font-size:8px;color:#73877b;margin-bottom:3px}.hd-draft{background:#fff;border:1px solid #d9e6df;padding:12px;border-radius:6px}.hd-draft>b{font-size:9px;color:#43806a;font-weight:500}.hd-draft p{font-size:11px;color:#476556;line-height:1.6;margin-top:7px}.hd-review-label{font-size:10px;color:#4e7160;display:block;margin-bottom:8px}.hd-review-text{width:100%;resize:vertical;min-height:135px;border:1px solid #b4d1c1;border-radius:5px;padding:12px;font:12px/1.6 Arial;background:white;color:#3d5e4b}.hd-review-note{font-size:9px;color:#698470;margin-top:9px;line-height:1.6}.hd-approved{background:#e0f5e7;border:1px solid #b0d8bd;border-radius:6px;padding:18px;margin-top:8px}.hd-approved strong{display:block;font-size:15px;color:#24683e}.hd-approved p{font-size:11px;margin-top:8px;color:#52715a;line-height:1.6} @media(max-width:950px) and (min-width:701px){.hero .hero-grid{gap:28px;grid-template-columns:.8fr 1.2fr}.hero .hero-copy h1{font-size:64px}.hero-detail.demo{padding:16px}.hd-product-copy h3{font-size:29px}.hd-shopnav>span{font-size:8px}.hd-search,.hd-ai{padding:16px}} @media(max-width:700px){.hero .hero-grid{grid-template-columns:1fr;gap:32px}.hero .hero-copy h1{font-size:clamp(58px,18vw,72px)}.hero-detail.demo{padding:15px;margin-right:5px;box-shadow:6px 8px 0 #b7ecdf}.hero-detail .demo-top{font-size:7px;letter-spacing:.6px}.hero-detail .demo-tabs{gap:2px}.hero-detail .demo-tabs button{font-size:11px;padding:8px 9px;min-height:44px;flex:1;white-space:nowrap}.hero-detail .demo-panel{min-height:440px}.hero-detail .demo-bottom{font-size:8px;flex-direction:column;gap:4px}.hd-browserbar{font-size:8px;padding:9px 10px}.hd-shopnav{padding:13px 12px;gap:8px}.hd-shopnav strong{font-size:9px;letter-spacing:1px}.hd-shopnav>span{font-size:7px}.hd-product{padding:23px 13px;min-height:256px}.hd-product-copy{width:65%}.hd-product-copy small{font-size:6px;letter-spacing:.6px}.hd-product-copy h3{font-size:29px;letter-spacing:-1.1px;margin:12px 0}.hd-product-copy p{font-size:10px}.hero-headphone{height:201px;right:-13%;top:48px;width:65%}.hd-product-copy button{font-size:9px;padding:9px;min-height:40px;gap:8px}.hd-product-tag{right:9px;bottom:12px;font-size:6px}.hd-product-tag b{font-size:7px}.hd-features{font-size:8px;padding:12px 10px;gap:8px}.hd-explanation{padding-top:17px}.hd-explanation b{font-size:12px}.hd-explanation>span{font-size:11px}.hd-collection{gap:14px;padding:13px 10px;flex-wrap:wrap}.hd-collection>p{width:100%;font-size:9px}.hd-search,.hd-ai{padding:14px;min-height:390px}.hd-searchtop{gap:8px}.hd-searchtop>div{font-size:10px;padding:10px}.hd-searchnav{margin:15px -14px 0;padding:0 14px 10px;gap:18px}.hd-example-label{font-size:8px;margin:12px 0}.hd-result-title{font-size:17px}.hd-searchbrand small{font-size:8px}.hd-snippet{font-size:11px}.hd-sitelinks{padding:13px 0;gap:10px}.hd-sitelinks span{font-size:9px}.hd-search-notes small{font-size:9px}.hd-ai-head small{font-size:9px}.hd-ai-steps{gap:2px;padding:3px;margin:17px 0}.hd-ai-steps button{font-size:9px;padding:6px;min-height:40px}#hd-ai-content{min-height:240px}.hd-message{padding:12px;gap:8px}.hd-message p{font-size:11px}.hd-ai-hint{padding-top:15px}.hd-review-text{font-size:16px;min-height:180px}.hd-extract{gap:6px}.hd-extract>div{font-size:10px;padding:8px}.hd-next{min-height:44px}} /* Clear / Day hero concept: stronger contrast and real local controls. */ .hero-detail.demo{background:#102d3d;border:1px solid #234c5f;box-shadow:10px 12px 0 #a2ddd2}.hero-detail .demo-tabs{gap:7px;border-bottom-color:#507082}.hero-detail .demo-tabs button{border:1px solid #668493;color:#f0f5f8;background:#1c4053;border-radius:6px;font-weight:600}.hero-detail .demo-tabs button[aria-selected=true]{background:#bdf66a;border-color:#bdf66a;color:#172b1a;box-shadow:0 2px 0 #0002}.hero-detail .demo-top{color:#d8e5ec}.hero-detail .demo-panel{min-height:485px}.hero-detail .demo-bottom{color:#d2dfe6}.clean-site{background:white;color:#183a50;border-radius:8px;overflow:hidden}.clean-nav{padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:15px;background:#fff}.clean-nav strong{font-size:17px;letter-spacing:-.5px;font-weight:700}.clean-nav strong span{display:block;font-size:7px;letter-spacing:2px;margin-top:3px}.clean-nav>span{font-size:10px;color:#3e6177}.clean-hero{padding:22px 20px;background:#dceffb;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:4px}.clean-kicker{font-size:8px;letter-spacing:1px;font-weight:700;color:#235c7d}.clean-hero h3{font-size:32px;line-height:1.04;letter-spacing:-1px;margin:12px 0}.clean-hero p{font-size:11px;color:#315a72;line-height:1.55}.clean-hero svg{width:100%;height:auto;display:block}.clean-form{padding:18px 20px;background:#fff}.clean-form-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.clean-form-title strong{font-size:12px;font-weight:600}.clean-form-title>span{font-size:8px;background:#bdf66a;color:#213a14;padding:4px 7px;border-radius:3px;font-weight:bold}.clean-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.clean-fields label{font-size:10px;color:#365b70}.clean-fields select{width:100%;min-height:42px;display:block;margin-top:5px;border:1px solid #a2b8c8;border-radius:4px;color:#153b51;background:#f5f9fc;font-size:12px;padding:8px}.clean-form>button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;background:#145dbe;border:0;color:white;border-radius:5px;padding:10px 13px;font-size:11px;font-weight:600;margin-top:13px}.clean-form>button:hover,.clean-search-link button:hover{background:#0a4594}.clean-form>p{font-size:9px;color:#5c7280;margin-top:8px}.clean-search-link{margin:17px 0;padding:14px;background:#edf4ff;border:1px solid #c7d9f3;border-radius:5px}.clean-search-link>span{font-size:10px;color:#2c5079;display:block;margin-bottom:9px}.clean-search-link button{font-size:11px;border:0;background:#145dbe;color:white;border-radius:4px;padding:10px 12px;min-height:40px;width:100%;text-align:left}.hero-detail .hd-search{min-height:412px;border:1px solid #d1dae6}.hero-detail .hd-searchtop>div{background:#f1f5fb;border-color:#b4c4da;color:#213e63}.hero-detail .hd-example-label{color:#59687c}.hero-detail .hd-snippet{color:#35475b}.hero-detail .hd-result-title{color:#154cb3;font-weight:500}.hero-detail .hd-search-notes small{color:#526477}.hero-detail .hd-explanation b{color:#fff;font-weight:600}.hero-detail .hd-explanation>span{color:#d2e3ed}.hero-detail .hd-ai{background:#eef5f4;color:#153c37;min-height:412px}.hero-detail .hd-ai-head small{color:#3f625a}.hero-detail .hd-ai-head strong{font-size:12px;font-weight:600}.hero-detail .hd-ai-steps{background:#cedfd8}.hero-detail .hd-ai-steps button{color:#2d5047}.hero-detail .hd-ai-steps button[aria-pressed=true]{background:#153d35;color:#fff}.hero-detail .hd-inbox-label{color:#3c6659;font-weight:600}.hero-detail .hd-message p{color:#203f33}.hero-detail .hd-next{background:#245543;font-weight:600}.hero-detail .hd-draft p{color:#264f3b}.hero-detail .hd-extract small{color:#456454}.hero-detail .hd-review-note{color:#3b5d4d}.clean-edit{border:0;background:transparent;color:#145dbe;text-decoration:underline;text-underline-offset:3px;font-size:11px;padding:10px 0;min-height:40px}.hero-detail .hd-ai-hint{padding-top:0;color:#416452}.hero-detail .hd-ai-head .hd-demo-pill{color:#335c47;background:#d7e9de;border-color:#a8c5b4} @media(max-width:700px){.hero-detail .demo-tabs{gap:5px}.hero-detail .demo-tabs button{font-size:10px;padding:8px 7px}.hero-detail .demo-panel{min-height:0}.clean-nav{padding:13px 12px}.clean-nav strong{font-size:16px}.clean-nav>span{font-size:9px}.clean-hero{padding:20px 12px;grid-template-columns:1.2fr .8fr}.clean-hero h3{font-size:28px}.clean-kicker{font-size:7px;letter-spacing:.6px}.clean-hero p{font-size:10px}.clean-form{padding:15px 12px}.clean-form-title strong{font-size:11px}.clean-fields{grid-template-columns:1fr;gap:9px}.clean-fields label{font-size:11px}.clean-fields select{font-size:16px;min-height:44px}.clean-form>button{font-size:11px;gap:10px;min-height:48px}.clean-form>p{font-size:10px}.hero-detail .hd-ai-head strong{font-size:11px}.hero-detail .hd-ai-head small{font-size:9px}.hero-detail .hd-demo-pill{display:none}.hero-detail .hd-explanation>span{font-size:11px}.hero-detail .demo-bottom{font-size:9px}.clean-search-link button{font-size:11px;min-height:44px}.hero-detail .hd-ai,.hero-detail .hd-search{min-height:0}} /* Full-width ELARA showcase; scoped to this section. */ .concept-web.skincare-concept{padding:0;background:#f1e5df;border:0;border-radius:0;color:#442735;overflow:hidden;display:grid;grid-template-columns:minmax(250px,.7fr) minmax(0,1.8fr);align-items:center;min-height:680px;margin:20px 0 65px} .skincare-visual{margin:0;grid-column:2;grid-row:1;align-self:stretch;display:flex;align-items:center;background:#eee1da}.skincare-visual img{display:block;width:100%;height:auto;mix-blend-mode:multiply} .skincare-caption{grid-column:1;grid-row:1;padding:60px 25px 60px max(32px,calc((100vw - 1220px)/2));position:relative;z-index:1} .skincare-caption:before{content:'WEBSITE DESIGN / 01';display:block;font-size:10px;letter-spacing:2px;margin-bottom:36px;color:#846674} .skincare-caption h3{font:normal clamp(44px,5vw,80px)/1 Georgia,serif;letter-spacing:3px;margin:0 0 20px}.skincare-category{font-size:12px;color:#7b5b69;margin:0 0 35px}.skincare-summary{font-size:15px;line-height:1.75;margin:0 0 25px;max-width:330px;color:#624b55}.skincare-tags{display:flex;gap:8px;flex-wrap:wrap}.skincare-tags span{border-bottom:1px solid #bba0ac;padding:6px 0;margin-right:9px;font-size:10px;color:#624b55} @media(min-width:1600px){.concept-web.skincare-concept{min-height:780px}} @media(max-width:800px){.concept-web.skincare-concept{display:flex;flex-direction:column;min-height:0;margin:15px 0 40px}.skincare-visual{order:0;width:100%}.skincare-caption{order:1;width:100%;padding:28px 24px 40px}.skincare-caption:before{margin-bottom:20px;font-size:9px}.skincare-caption h3{font-size:44px;margin-bottom:12px}.skincare-category{margin-bottom:20px}.skincare-summary{max-width:500px;font-size:14px}.skincare-visual img{width:100%}} /* Scoped, repeatable scroll reveals for the full-width showcase. */ .elara-motion{transition:opacity .8s ease,transform 1s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay,0ms)} .elara-motion.elara-ready:not(.elara-visible){opacity:0;transform:translate3d(0,35px,0)} .skincare-visual.elara-motion.elara-ready:not(.elara-visible){opacity:0;transform:translate3d(45px,25px,0) scale(.97)} .elara-motion.elara-visible{opacity:1;transform:translate3d(0,0,0) scale(1)} @media(max-width:800px){.skincare-visual.elara-motion.elara-ready:not(.elara-visible){transform:translate3d(0,28px,0) scale(.98)}} @media(prefers-reduced-motion:reduce){.elara-motion.elara-ready{opacity:1!important;transform:none!important;transition:none!important}} /* Hero and tools join the same reveal system; tool-track movement is untouched. */ .hero-detail.demo.elara-motion{transition:opacity .85s ease,transform 1s cubic-bezier(.22,1,.36,1);transition-delay:160ms} .hero-detail.demo.elara-ready:not(.elara-visible){opacity:0;transform:translate3d(30px,22px,0) scale(.98)} .hero-detail.demo.elara-visible{opacity:1;transform:none} .elara-motion.elara-ready:focus-within{opacity:1!important;transform:none!important} @media(max-width:800px){.hero-detail.demo.elara-ready:not(.elara-visible){transform:translate3d(0,25px,0)}} @media(prefers-reduced-motion:reduce){.hero-detail.demo.elara-motion{opacity:1!important;transform:none!important;transition:none!important}} /* Search Console presentation, scoped to SEO only. */ .concept-seo.seo-showcase{background:#edf2f8;border:0;border-radius:0;padding:70px max(24px,calc((100% - 1220px)/2));margin:0 0 55px;box-shadow:none;transform:none} .seo-intro{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:38px}.seo-intro h3{font-size:clamp(30px,3.5vw,48px);letter-spacing:-1.5px;line-height:1.1;color:#142c3a}.seo-intro>p{max-width:330px;font-size:15px;line-height:1.7;color:#607180} .gsc-shell{border:1px solid #d8dfe8;border-radius:12px;background:#f5f7fa;overflow:hidden;box-shadow:0 25px 70px #263c5c13;font-family:Arial,sans-serif;color:#3c4043}.gsc-appbar{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;background:#fff;border-bottom:1px solid #e4e8ed}.gsc-brand{display:flex;align-items:center;gap:12px;font-size:20px;color:#5f6368}.gsc-sample{font-size:10px;background:#eaf0fa;color:#516a8c;border-radius:4px;padding:6px 9px}.gsc-layout{display:grid;grid-template-columns:175px minmax(0,1fr)}.gsc-sidebar{padding:20px 0;background:#f5f7fa;font-size:12px}.gsc-sidebar p{padding:12px 23px;margin:0}.gsc-property{padding:8px 18px 23px;font-size:12px;color:#37475b;display:flex;justify-content:space-between}.gsc-sidebar .gsc-active{color:#174ea6;background:#dfeafb;border-radius:0 25px 25px 0}.gsc-sidebar small{display:block;padding:10px 23px;color:#7b8590}.gsc-sidebar hr{border:0;border-top:1px solid #e3e8ef;margin:15px 18px}.gsc-main{padding:26px;min-width:0}.gsc-title{display:flex;align-items:center;justify-content:space-between;gap:20px}.gsc-title h4{font-size:20px;font-weight:400;letter-spacing:0}.gsc-title>span{font-size:10px;color:#7a8593}.gsc-filters{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.gsc-filters span{border:1px solid #bac7da;background:#f7faff;border-radius:5px;padding:8px 10px;font-size:10px;color:#31547c}.gsc-performance,.gsc-table-card{border-radius:8px;background:#fff;overflow:hidden;border:1px solid #e4e9ef}.gsc-metrics{display:grid;grid-template-columns:repeat(4,1fr)}.gsc-metrics>div{padding:20px 17px;border-right:1px solid #e7eaf0}.gsc-metrics small{font-size:10px;display:block;margin-bottom:14px}.gsc-metrics strong{display:block;font-size:28px;font-weight:400}.gsc-metrics .gsc-clicks{background:#4285f4;color:white;border-color:#4285f4}.gsc-metrics .gsc-impressions{background:#673ab7;color:white;border-color:#673ab7}.gsc-chart{padding:22px 12px 12px}.gsc-chart svg{display:block;width:100%;height:auto}.gsc-table-card{margin-top:20px}.gsc-table-tabs{display:flex;border-bottom:1px solid #e6eaf0;align-items:center;padding:0 18px;gap:25px}.gsc-table-tabs button{background:none;border:0;border-bottom:3px solid transparent;padding:17px 10px 14px;color:#6e7782;font-size:11px;min-height:44px}.gsc-table-tabs button[aria-selected=true]{border-color:#4285f4;color:#1967d2}.gsc-table-tabs>span{margin-left:auto;font-size:10px;color:#8a929b}.gsc-table{border-collapse:collapse;width:100%;font-size:11px}.gsc-table th,.gsc-table td{padding:14px 20px;border-bottom:1px solid #edf0f4;text-align:right;white-space:nowrap}.gsc-table th{font-weight:400;color:#75808c;font-size:10px}.gsc-table td:first-child,.gsc-table th:first-child{text-align:left;width:65%;white-space:normal;overflow-wrap:anywhere}.gsc-table td:nth-child(2){color:#2769ce}.gsc-table td:nth-child(3){color:#673ab7}.gsc-footnote{font-size:10px;color:#7c8794;margin:15px 0 0}.seo-takeaways{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;margin-top:38px}.seo-takeaways span{font-size:9px;letter-spacing:1.5px;color:#48739c}.seo-takeaways h4{font-size:17px;margin:12px 0 8px;letter-spacing:-.3px}.seo-takeaways p{font-size:13px;color:#657888;line-height:1.6} @media(max-width:800px){.gsc-sidebar{display:none}.gsc-layout{grid-template-columns:1fr}.seo-intro{display:block}.seo-intro>p{margin-top:18px;max-width:500px}.gsc-main{padding:18px}.seo-takeaways{gap:20px}.gsc-metrics strong{font-size:24px}} @media(max-width:500px){.concept-seo.seo-showcase{padding:40px 16px}.gsc-appbar{padding:16px 12px}.gsc-brand{font-size:14px;gap:7px}.gsc-brand img{width:22px;height:22px}.gsc-main{padding:12px}.gsc-title h4{font-size:17px;line-height:1.3}.gsc-title>span{display:none}.gsc-filters{gap:5px;margin:15px 0}.gsc-filters span{font-size:8px;padding:7px}.gsc-metrics{grid-template-columns:1fr 1fr}.gsc-metrics>div{padding:15px}.gsc-metrics small{margin-bottom:9px}.gsc-chart{padding:18px 2px 9px}.gsc-table th,.gsc-table td{padding:12px 8px;font-size:9px}.gsc-table-tabs{gap:10px;padding:0 9px}.seo-takeaways{grid-template-columns:1fr;gap:23px}.seo-takeaways>div{border-top:1px solid #d5dfe8;padding-top:20px}.gsc-sample{font-size:8px;padding:5px}} .seo-real-report{margin:0}.seo-real-report img{display:block;width:100%;height:auto;border:1px solid #dfe5ec;border-radius:10px;box-shadow:0 22px 65px #223c5b12}.seo-real-report figcaption{display:flex;justify-content:space-between;gap:15px;font-size:11px;color:#64788b;margin-top:16px}.seo-real-report figcaption span{color:#7e8c99}@media(max-width:500px){.seo-real-report figcaption{font-size:9px}.seo-real-report img{border-radius:5px}} /* Editorial evidence presentation — SEO section only. */ .concept-seo.seo-editorial{padding:76px 0 58px;background:linear-gradient(125deg,#eef3f6 0%,#e4edf4 100%);overflow:hidden} .seo-editorial-stage{display:grid;grid-template-columns:minmax(270px,.85fr) minmax(0,2fr);gap:48px;align-items:center;padding-left:max(28px,calc((100% - 1220px)/2));padding-right:28px} .seo-editorial-copy{padding:25px 0}.seo-editorial-copy .eyebrow{font-size:10px;letter-spacing:2px;color:#54778d;margin-bottom:30px}.seo-editorial-copy h3{font-size:clamp(32px,3.25vw,50px);font-weight:550;letter-spacing:-1.7px;line-height:1.08;color:#182f40;margin:0 0 29px}.seo-editorial-copy h3 em{font-family:Georgia,serif;font-weight:400;color:#527789;letter-spacing:-1.4px}.seo-editorial-lead{font-size:16px;line-height:1.65;color:#324c5f;margin-bottom:20px}.seo-editorial-body{font-size:13px;color:#657b8c;line-height:1.75;max-width:290px}.seo-source-line{display:flex;gap:12px;align-items:center;margin-top:38px;font-size:11px;color:#38576d}.seo-source-line small{display:block;font-size:10px;margin-top:5px;color:#7c8e9a} .seo-evidence{margin:0;min-width:0;background:#fff;border:1px solid #ccd9e2;border-radius:10px;box-shadow:0 30px 65px -24px #2c4f6b40;overflow:hidden}.seo-browser-chrome{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#263e50;color:#b8c9d6;padding:15px 20px;font-size:9px;letter-spacing:.4px}.seo-window-dots{font-size:8px;letter-spacing:4px;color:#8198aa}.seo-report-image{display:block;background:#f0f4f9}.seo-report-image img{display:block;width:100%;height:auto}.seo-report-image:focus-visible{outline:3px solid #4184d9;outline-offset:-3px}.seo-evidence figcaption{display:flex;justify-content:space-between;gap:14px;padding:17px 21px;font-size:10px;color:#7a8e9d;border-top:1px solid #e3eaf0}.seo-evidence figcaption a{color:#355b75;border-bottom:1px solid #adc0ce;padding-bottom:3px}.seo-evidence figcaption a:hover{color:#12695f} .seo-reading{display:grid;grid-template-columns:.8fr repeat(3,1fr);gap:40px;max-width:1220px;margin:65px auto 0;padding:0 0}.seo-reading-label>span{font-size:9px;color:#668497;letter-spacing:1.4px}.seo-reading-label>p{font-size:22px;line-height:1.2;letter-spacing:-.5px;color:#25475c;margin-top:14px}.seo-moment{position:relative;border-top:1px solid #b5cad8;padding-top:25px}.seo-moment:before{content:'';position:absolute;top:-4px;left:0;width:7px;height:7px;border-radius:50%;background:#678da4;box-shadow:0 0 0 5px #e7eff5}.seo-moment-time{font-size:9px;letter-spacing:1px;color:#618198}.seo-moment h4{font-size:17px;font-weight:550;letter-spacing:-.3px;color:#254257;margin:12px 0 10px}.seo-moment p{font-size:12px;line-height:1.7;color:#6a7e8e;margin:0} @media(max-width:1280px){.seo-reading{margin-left:28px;margin-right:28px;gap:28px}.seo-editorial-stage{gap:32px}} @media(max-width:900px){.seo-editorial-stage{grid-template-columns:1fr;padding:0 24px;gap:24px}.seo-editorial-copy{max-width:600px}.seo-editorial-copy h3{font-size:42px}.seo-editorial-body{max-width:460px}.seo-source-line{margin-top:23px}.seo-reading{grid-template-columns:repeat(3,1fr);margin-top:40px}.seo-reading-label{grid-column:1/-1}.seo-reading-label>p br{display:none}} @media(max-width:550px){.concept-seo.seo-editorial{padding:36px 0}.seo-editorial-stage{padding:0 18px;gap:20px}.seo-editorial-copy{padding:0}.seo-editorial-copy .eyebrow{margin-bottom:23px}.seo-editorial-copy h3{font-size:38px;margin-bottom:23px}.seo-editorial-lead{font-size:15px}.seo-editorial-body{font-size:13px}.seo-browser-chrome{padding:12px;font-size:8px}.seo-evidence figcaption{padding:13px 12px;font-size:9px}.seo-reading{grid-template-columns:1fr;margin:34px 24px 0;gap:28px}.seo-reading-label{grid-column:auto}.seo-reading-label>p{font-size:23px}.seo-moment{padding-top:20px}.seo-moment p{font-size:13px}} /* AI enquiry workspace — confined to this showcase. */ .concept-ai.ai-workspace{padding:65px max(24px,calc((100% - 1280px)/2)) 70px;border:0;border-radius:0;background:#f2f0f7;color:#282a40;margin:0;overflow:hidden} .ai-showcase-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:35px}.ai-showcase-heading .eyebrow{font-size:10px;letter-spacing:2px;color:#70608e}.ai-showcase-heading h3{font-size:clamp(32px,3.5vw,48px);line-height:1.08;letter-spacing:-1.5px;font-weight:550;margin:0}.ai-showcase-heading>p{max-width:365px;font-size:14px;line-height:1.7;color:#757385} .aw-app{border:1px solid #dad7e3;border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 24px 65px -25px #35294c33}.aw-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;border-bottom:1px solid #e8e5ee;background:#fff}.aw-bar>div{display:flex;align-items:center;gap:13px;font-size:12px}.aw-bar strong{font-weight:600}.aw-mark{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:#584574;color:#fff;font-size:23px}.aw-bar-divider{color:#cec6d8}.aw-bar>div>span:last-child{color:#898291}.aw-demo-label{font-size:9px;color:#81768d;background:#f2eef6;border-radius:20px;padding:6px 10px}.aw-columns{display:grid;grid-template-columns:1fr .9fr 1.2fr}.aw-columns>section{min-width:0;padding:25px}.aw-inbox{background:#faf9fc;border-right:1px solid #e8e5ee}.aw-brief{background:#f4f1f8;border-right:1px solid #e2dce9}.aw-panel-label{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#90869d;margin-bottom:28px}.aw-sender{display:flex;align-items:center;gap:10px;margin-bottom:26px}.aw-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;font-size:11px;background:#e8e0ef;color:#79618b}.aw-sender strong{font-size:12px;font-weight:550}.aw-sender small{display:block;font-size:10px;color:#99909e;margin-top:4px}.aw-inbox h4{font-size:20px;line-height:1.25;margin:0 0 20px;letter-spacing:-.5px}.aw-message{font-size:13px;line-height:1.8;color:#6b6574}.aw-message p{margin:0 0 17px}.aw-source{font-size:10px;color:#958a9e;margin-top:25px;display:flex;gap:8px}.aw-inbox-bottom{border-top:1px solid #e7e1eb;margin-top:36px;padding-top:21px}.aw-inbox-bottom>span{font-size:10px;color:#7f708d}.aw-inbox-bottom p{font-size:11px;line-height:1.7;color:#a095a6;margin:9px 0 0}.aw-brief-title{display:flex;align-items:center;gap:8px;margin-bottom:23px}.aw-brief-title h4{font-size:15px;letter-spacing:-.3px;margin:0}.aw-spark{font-size:22px;color:#7f61a1}.aw-facts{margin:0}.aw-facts>div{border-bottom:1px solid #e3ddeb;padding:12px 0}.aw-facts dt{font-size:9px;color:#96869f;margin-bottom:6px}.aw-facts dd{font-size:12px;line-height:1.6;color:#59496a;margin:0}.aw-facts dd strong{font-weight:600}.aw-missing{padding:15px;background:#fff9ed;border:1px solid #ebdfc8;border-radius:6px;margin-top:20px}.aw-missing>span{font-size:8px;letter-spacing:.7px;color:#9b7e43}.aw-missing p{font-size:11px;line-height:1.7;color:#8b795b;margin:8px 0 0}.aw-check{display:flex;gap:10px;align-items:start;margin-top:16px;color:#8c7d9d}.aw-check>span{font-size:18px}.aw-check p{font-size:10px;line-height:1.7;margin:0}.aw-check strong{display:block;font-weight:550;color:#72617f}.aw-draft-title{display:flex;align-items:start;justify-content:space-between;gap:10px;margin-bottom:20px}.aw-draft-title h4{font-size:24px;line-height:1.15;letter-spacing:-.6px;margin:0}.aw-draft-title>span{font-size:9px;border:1px solid #ded5e7;border-radius:20px;padding:5px 9px;color:#8a769b}.aw-reply label{display:block;font-size:9px;color:#92849e;margin-bottom:9px}.aw-reply textarea{width:100%;height:330px;border:1px solid #ded8e6;border-radius:7px;resize:vertical;padding:15px;font:12px/1.75 Arial,sans-serif;color:#686171;background:#fdfcfe;min-height:200px}.aw-reply textarea:focus{outline:2px solid #aa8bc7;outline-offset:2px}.aw-review-actions{display:flex;gap:12px;margin-top:15px}.aw-review-actions button{border:0;min-height:42px;border-radius:5px;padding:12px 15px;font-size:11px}.aw-review-actions button:first-child{display:flex;justify-content:space-between;gap:25px;flex:1;background:#594572;color:white}.aw-review-actions button:last-child{background:#f1eef5;color:#83718f}.aw-review-actions button:disabled{background:#436f60;cursor:default}.aw-review-state{font-size:10px;line-height:1.6;color:#978a9f;margin:12px 0 0}.aw-footer{display:flex;justify-content:space-between;gap:18px;padding:15px 24px;border-top:1px solid #e6e1ed;background:#faf9fc;font-size:9px;color:#988ba3}.aw-footer>span:first-child{color:#637c6f;display:flex;align-items:center;gap:7px}.aw-footer i{width:5px;height:5px;border-radius:50%;background:#759f88}.aw-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;margin-top:32px}.aw-benefits span{font-size:9px;letter-spacing:1px;color:#93809f}.aw-benefits p{font-size:13px;line-height:1.7;color:#756d81;margin:11px 0 0} @media(max-width:1000px){.aw-columns>section{padding:20px 16px}.aw-reply textarea{height:370px}.aw-inbox h4{font-size:18px}.aw-draft-title h4{font-size:22px}} @media(max-width:760px){.ai-showcase-heading{display:block}.ai-showcase-heading>p{margin-top:20px;max-width:500px}.aw-columns{grid-template-columns:1fr}.aw-columns>section{padding:24px;border-right:0;border-bottom:1px solid #e5e0ec}.aw-panel-label{margin-bottom:20px}.aw-inbox-bottom{display:none}.aw-message{font-size:14px}.aw-reply textarea{height:320px;font-size:13px}.aw-benefits{gap:22px}.aw-footer{flex-direction:column;gap:10px}.aw-bar>div>span:last-child,.aw-bar-divider{display:none}.aw-bar{padding:16px}.aw-bar>div{gap:8px}.aw-demo-label{font-size:8px}.aw-benefits{grid-template-columns:1fr}.concept-ai.ai-workspace{padding:42px 18px}.aw-benefits>div{border-top:1px solid #dcd4e6;padding-top:15px}} /* Static original SVG showcase; no demo controls. */ .concept-ai.ai-future{padding:65px 0 54px;border:0;border-radius:0;background:radial-gradient(ellipse at 75% 35%,#153b48 0%,#091f2a 55%,#071c26 100%);color:#dfefef;overflow:hidden}.ai-future-layout{display:grid;grid-template-columns:.85fr 1.7fr;gap:10px;align-items:center;padding-left:max(28px,calc((100% - 1220px)/2));padding-right:20px}.ai-future-copy .eyebrow{font-size:10px;letter-spacing:2px;color:#70b6b4;margin-bottom:30px}.ai-future-copy h3{font-size:clamp(32px,3.4vw,49px);font-weight:500;line-height:1.12;letter-spacing:-1.5px;margin:0 0 30px}.ai-future-copy h3 em{color:#9ee1d5;font-family:Georgia,serif;font-weight:400}.ai-future-lead{font-size:16px;line-height:1.65;color:#c2d8dc;max-width:310px}.ai-future-body{font-size:13px;line-height:1.8;color:#7c9da9;max-width:310px;margin-top:20px}.ai-human{display:flex;gap:10px;align-items:center;color:#88b9b6;font-size:10px;margin-top:30px}.ai-human span{color:#93d8bf}.ai-future-art{margin:0;min-width:0}.ai-future-art img{display:block;width:100%;height:auto}.ai-future-uses{max-width:1220px;margin:38px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:48px;border-top:1px solid #24424e;padding-top:30px}.ai-future-uses span{font-size:9px;letter-spacing:1px;color:#5f939f}.ai-future-uses h4{font-size:18px;font-weight:500;letter-spacing:-.3px;margin:13px 0 10px}.ai-future-uses p{font-size:12px;line-height:1.75;color:#809da8;max-width:320px} @media(max-width:1280px){.ai-future-uses{margin-left:28px;margin-right:28px}.ai-future-layout{grid-template-columns:1fr 1.7fr}} @media(max-width:800px){.ai-future-layout{grid-template-columns:1fr;padding:0 24px;gap:25px}.ai-future-copy h3{font-size:43px}.ai-future-copy h3 br:nth-child(2){display:none}.ai-future-body,.ai-future-lead{max-width:500px}.ai-future-art{margin:0 -16px}.ai-future-uses{gap:24px}.ai-future-uses h4{font-size:16px}} @media(max-width:550px){.concept-ai.ai-future{padding:42px 0}.ai-future-copy h3{font-size:38px}.ai-future-copy h3 br:nth-child(2){display:initial}.ai-future-uses{grid-template-columns:1fr;margin-top:20px}.ai-future-uses>div+div{border-top:1px solid #24424e;padding-top:20px}.ai-future-art img{width:100%;min-width:0}.ai-future-art{margin-left:-18px;margin-right:-18px}} /* Editorial service index — isolated to What We Do. */ .section.services-editorial{background:#fcfcf7;padding:90px 0 0;color:#173e40}.services-inner{max-width:1220px;margin:0 auto}.services-opening{display:grid;grid-template-columns:1.6fr 1fr;gap:100px;align-items:end;margin-bottom:70px}.services-opening .eyebrow{font-size:10px;letter-spacing:2px;color:#578c84;margin-bottom:25px}.services-opening h2{font-size:clamp(40px,4.8vw,67px);font-weight:500;letter-spacing:-2.6px;line-height:1.03;margin:0}.services-opening h2 em{font-family:Georgia,serif;font-weight:400;color:#40887c}.services-opening-copy{max-width:330px;padding-bottom:5px}.services-accent{font-size:48px;line-height:1;color:#40a995;display:block;margin-bottom:22px}.services-opening-copy>p{font-size:15px;line-height:1.75;color:#6d8380}.services-index{display:flex;justify-content:space-between;border-bottom:1px solid #b8ceca;padding-bottom:18px;font-size:9px;letter-spacing:1.5px;color:#78978e}.service-line{position:relative;display:grid;grid-template-columns:65px 1fr 1fr 80px;gap:32px;align-items:start;padding:47px 0 45px;border-bottom:1px solid #ccdbd3;transition:background .35s}.service-number{font:italic 30px/1 Georgia,serif;color:#83b8a9;padding-top:27px}.service-name>p{font-size:9px;letter-spacing:1.2px;color:#7a9a90;margin:0 0 18px}.service-name h3{font-size:clamp(27px,2.7vw,38px);font-weight:500;letter-spacing:-1px;line-height:1.14;margin:0 0 28px}.service-name a{display:inline-flex;align-items:center;gap:28px;font-size:11px;border-bottom:1px solid #8ab9ad;padding-bottom:8px;color:#337b6d}.service-name a>span{font-size:18px;transition:transform .25s}.service-name a:hover>span{transform:translate(3px,-3px)}.service-detail{padding-top:24px;max-width:355px}.service-detail>p{font-size:14px;line-height:1.8;color:#687e77;margin:0 0 22px}.service-detail ul{list-style:none;margin:0;padding:0}.service-detail li{font-size:10px;color:#87a095;padding:7px 0;border-bottom:1px solid #e4ebe4}.service-detail li:last-child{border-bottom:0}.service-glyph{justify-self:end;align-self:center;width:68px;height:68px;position:relative;opacity:.8}.web-glyph{display:grid;grid-template-columns:1fr 1fr;gap:7px;transform:rotate(-8deg)}.web-glyph i{border:1px solid #6cb6a4;border-radius:4px}.web-glyph i:first-child{background:#c5e8dc}.web-glyph i:last-child{background:#e2f1e9}.seo-glyph i{position:absolute;border:1px solid #76a8b6;border-radius:50%;inset:4px}.seo-glyph i:nth-child(2){inset:16px}.seo-glyph i:nth-child(3){inset:28px;background:#98c8d3}.ai-glyph{font-size:72px;line-height:1;color:#9692b9;transform:rotate(12deg)}.services-more{display:grid;grid-template-columns:1fr 1fr;gap:110px;padding:45px 0 42px}.services-more .eyebrow{font-size:9px;letter-spacing:1.5px;color:#7c9a8c}.services-more h3{font-size:25px;font-weight:400;letter-spacing:-.6px;line-height:1.2;margin-top:16px;color:#4f7167}.services-more-links a{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid #dce7dd;font-size:14px;color:#52796d}.services-more-links a:hover{color:#126c58}.services-more-links a span:last-child{font-size:20px}.services-start{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:25px 0;border-top:1px solid #cbded1}.services-start p{font-size:12px;color:#80998c;margin:0}.services-start a{font-size:12px;color:#246d5a}.services-start a span{margin-left:15px} @media(max-width:1280px){.services-inner{margin:0 32px}.services-opening{gap:55px}.service-line{gap:25px;grid-template-columns:45px 1fr 1fr 60px}.service-glyph{width:53px;height:53px}.ai-glyph{font-size:59px}} @media(max-width:800px){.section.services-editorial{padding-top:55px}.services-opening{gap:30px;grid-template-columns:1fr 1fr;margin-bottom:45px}.services-opening h2{font-size:42px;letter-spacing:-1.7px}.services-opening-copy>p{font-size:13px}.service-line{grid-template-columns:30px 1fr 1fr;gap:22px}.service-glyph{display:none}.service-name h3{font-size:27px}.service-detail>p{font-size:13px}.services-more{gap:50px}} @media(max-width:550px){.services-inner{margin:0 24px}.services-opening{display:block}.services-opening h2{font-size:43px}.services-opening-copy{margin-top:23px;max-width:100%;display:flex;gap:20px;align-items:center}.services-accent{font-size:40px;margin:0}.services-opening-copy>p{font-size:13px}.services-index{font-size:8px;letter-spacing:1px}.services-index>span:last-child{display:none}.service-line{grid-template-columns:25px 1fr;gap:18px;padding:32px 0}.service-number{font-size:24px;padding-top:25px}.service-name h3{font-size:32px;margin-bottom:21px}.service-detail{grid-column:2;padding-top:0;max-width:none}.service-detail>p{font-size:13px;margin-bottom:15px}.service-name>p{font-size:8px}.service-detail li{font-size:10px}.services-more{grid-template-columns:1fr;gap:20px;padding:32px 0}.services-more h3{font-size:24px}.services-start{align-items:start;flex-direction:column;gap:16px;padding:24px 0 30px}} @media(prefers-reduced-motion:reduce){.service-name a>span{transition:none}} /* Digital studio composition — What We Do only. */ .section.services-studio{background:#fcfcf8;padding:80px 0 65px;color:#163632}.studio-inner{max-width:1280px;margin:0 auto}.studio-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:40px}.studio-heading .eyebrow{font-size:10px;letter-spacing:2px;color:#50776d;margin-bottom:22px}.studio-heading h2{font-size:clamp(42px,5vw,68px);line-height:.98;letter-spacing:-3px;font-weight:650;margin:0}.studio-heading h2 span{color:#078c76}.studio-heading>p{font-size:15px;line-height:1.6;color:#6c837a;margin:0 0 6px}.studio-grid{display:grid;grid-template-columns:1.06fr 1fr;grid-template-rows:1fr 1fr;gap:18px}.studio-panel{position:relative;overflow:hidden;display:flex;flex-direction:column;padding:28px 30px;border-radius:5px;text-decoration:none;isolation:isolate}.studio-panel-top{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:9px;letter-spacing:1.3px}.studio-arrow{font-size:25px;line-height:1;transition:transform .25s}.studio-panel h3{font-weight:600;letter-spacing:-1.8px;line-height:1.03;margin:24px 0 14px;font-size:38px}.studio-panel p{font-size:13px;line-height:1.6;margin:0}.studio-panel-bottom{display:flex;justify-content:space-between;align-items:center;gap:14px;padding-top:18px;border-top:1px solid currentColor;margin-top:auto;font-size:10px;letter-spacing:0}.studio-panel-bottom strong{font-weight:500}.studio-panel-bottom>span{font-size:9px;white-space:nowrap}.studio-panel:hover .studio-arrow{transform:translate(4px,-4px)}.studio-panel:focus-visible{outline:3px solid #126aee;outline-offset:4px}.studio-web{grid-row:1/3;background:#17c8a2;color:#073e35;min-height:730px}.studio-web h3{font-size:52px;letter-spacing:-2.5px}.studio-web-art{position:relative;overflow:hidden;flex:1;min-height:340px;margin:20px -30px 22px;perspective:900px}.studio-type-sheet{position:absolute;width:56%;left:7%;top:10px;bottom:-55px;background:#f7f3e8;box-shadow:7px 15px 25px #003e3425;padding:20px 24px;transform:rotate(-8deg);transition:transform .6s cubic-bezier(.2,.7,.2,1);color:#173a31}.studio-type-sheet>span{font:8px Arial;letter-spacing:2px}.studio-type-sheet>strong{display:block;font:bold clamp(43px,4.7vw,67px)/.87 Arial;letter-spacing:-4px;margin-top:30px}.studio-type-sheet em{font:italic 38px/1 Georgia;letter-spacing:-2px}.studio-type-foot{border-top:1px solid #a1b8a9;margin-top:27px;padding-top:12px;font-size:7px;letter-spacing:1px;display:flex;justify-content:space-between}.studio-type-foot b{font-size:25px}.studio-code-sheet{position:absolute;top:100px;left:47%;width:58%;padding:22px 17px 27px;background:#113a34;box-shadow:0 10px 30px #003b3433;color:#a1e5cd;transform:rotate(8deg);transition:transform .6s cubic-bezier(.2,.7,.2,1);font:10px/2.3 monospace}.studio-code-sheet>span{display:block;font:7px Arial;letter-spacing:1px;color:#6db79f;border-bottom:1px solid #386357;padding-bottom:14px;margin-bottom:15px}.studio-code-sheet i{font-style:normal;color:#4e8a77;margin-right:12px}.studio-code-sheet>b{font:6px Arial;letter-spacing:1px;display:block;margin-top:20px;color:#69ac94}.studio-web .studio-panel-bottom{position:relative;z-index:2;background:#17c8a2;box-shadow:0 -12px 0 #17c8a2;border-color:#0c8c73}.studio-web:hover .studio-type-sheet{transform:translateY(-6px) rotate(-6deg)}.studio-web:hover .studio-code-sheet{transform:translateY(-5px) rotate(5deg)}.studio-seo{background:#cddc68;color:#283718;min-height:350px}.studio-seo-content{display:grid;grid-template-columns:1.25fr 1fr;gap:15px;align-items:center;flex:1;margin:0 0 27px}.studio-seo-art{display:flex;flex-direction:column;align-items:center;padding-top:15px}.studio-seo-art>span{font-size:8px;letter-spacing:4px;color:#728037}.studio-target{width:138px;height:138px;position:relative;margin:10px 0}.studio-target i{position:absolute;inset:0;border:1px solid #879a3f;border-radius:50%;transition:transform .5s}.studio-target i:nth-child(2){inset:22px}.studio-target i:nth-child(3){inset:44px;background:#acbf50}.studio-target b{position:absolute;inset:0;display:grid;place-items:center;font-size:60px;font-weight:400;transform:translate(15px,-8px);transition:transform .4s}.studio-seo:hover .studio-target b{transform:translate(21px,-14px)}.studio-seo-art small{font-size:6px;letter-spacing:1.5px;color:#718137}.studio-seo .studio-panel-bottom{border-color:#a3b44b}.studio-ai{background:#292447;color:#ede5ff;min-height:350px}.studio-ai-content{display:grid;grid-template-columns:1.3fr .9fr;gap:15px;align-items:center;flex:1;margin:0 0 27px}.studio-ai p{color:#bcb2d6}.studio-ai .studio-panel-top{color:#b2a3d2}.studio-ai-art{height:170px;position:relative;display:grid;place-items:center}.studio-ai-art>span{font-size:125px;color:#c8b6f1;line-height:1;position:relative;z-index:1;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.studio-ai-art i{position:absolute;inset:22px -10px;border:1px solid #665283;border-radius:50%;transform:rotate(-35deg) scaleY(.65)}.studio-ai-art i:last-child{transform:rotate(35deg) scaleY(.65);border-color:#4d4268}.studio-ai:hover .studio-ai-art>span{transform:rotate(25deg)}.studio-ai .studio-panel-bottom{border-color:#584a76}.studio-support{display:grid;grid-template-columns:1fr 3fr;gap:35px;align-items:center;margin-top:32px;border-top:1px solid #d6e0d6;padding-top:24px}.studio-support>p{font-size:8px;letter-spacing:1.5px;color:#809587;margin:0}.studio-support>div{display:flex;justify-content:space-between;gap:25px}.studio-support a{font-size:13px;color:#547465}.studio-support a>span{margin-left:20px;font-size:18px}.studio-support a:hover{color:#078c76} @media(max-width:1350px){.studio-inner{margin:0 32px}.studio-web h3{font-size:46px}.studio-panel{padding:24px}.studio-web-art{margin-left:-24px;margin-right:-24px}.studio-panel h3{font-size:34px}.studio-web h3{font-size:46px}} @media(max-width:1000px){.studio-panel{padding:22px}.studio-web-art{margin-left:-22px;margin-right:-22px}.studio-panel h3{font-size:30px}.studio-web h3{font-size:42px}.studio-target{width:100px;height:100px}.studio-target i:nth-child(2){inset:16px}.studio-target i:nth-child(3){inset:32px}.studio-ai-art>span{font-size:95px}.studio-panel-bottom{align-items:start;flex-direction:column;gap:7px}.studio-type-sheet{padding:18px}.studio-type-sheet>strong{font-size:50px}.studio-type-sheet em{font-size:30px}.studio-code-sheet{font-size:8px}.studio-support{grid-template-columns:1fr;gap:20px}.studio-heading h2{font-size:53px}.studio-heading>p{font-size:13px}} @media(max-width:700px){.section.services-studio{padding:48px 0 40px}.studio-inner{margin:0 20px}.studio-heading{display:block;margin-bottom:30px}.studio-heading h2{font-size:44px;letter-spacing:-2px}.studio-heading>p{margin-top:20px;font-size:13px}.studio-grid{grid-template-columns:1fr;grid-template-rows:auto;gap:14px}.studio-web{grid-row:auto;min-height:650px}.studio-web h3{font-size:44px}.studio-web-art{min-height:300px}.studio-type-sheet>strong{font-size:57px}.studio-type-sheet em{font-size:32px}.studio-code-sheet{font-size:9px}.studio-seo,.studio-ai{min-height:320px}.studio-panel h3{font-size:33px}.studio-web h3{font-size:44px}.studio-panel-bottom{flex-direction:row}.studio-target{width:120px;height:120px}.studio-ai-art>span{font-size:110px}.studio-support>div{display:block}.studio-support a{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #e0e7df}.studio-seo-art small{font-size:5px}.studio-panel-top{font-size:8px}.studio-code-sheet{left:44%;width:65%}} @media(prefers-reduced-motion:reduce){.studio-panel *{transition:none!important}} /* Dimensional artwork replacing the flat service graphics. */ .studio-real-art img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .65s cubic-bezier(.2,.7,.2,1)} .studio-web-art.studio-real-art{margin:16px -30px 20px;min-height:340px;display:flex;align-items:center;overflow:hidden}.studio-web-art.studio-real-art img{height:auto;mask-image:linear-gradient(to bottom,transparent,#000 8%,#000 92%,transparent)} .studio-seo-art.studio-real-art{padding:0;display:block;aspect-ratio:1;margin:0 -20px 0 -15px}.studio-seo-art.studio-real-art img{mix-blend-mode:normal;mask-image:radial-gradient(ellipse at center,#000 52%,#000c 72%,transparent 100%)} .studio-ai-art.studio-real-art{display:block;aspect-ratio:1;height:auto;margin:0 -20px 0 -15px}.studio-ai-art.studio-real-art img{mix-blend-mode:lighten} .studio-panel:hover .studio-real-art img{transform:translateY(-4px) scale(1.035)} @media(max-width:700px){.studio-web-art.studio-real-art{margin:12px -24px 20px;min-height:280px}.studio-web{min-height:630px}.studio-seo-art.studio-real-art,.studio-ai-art.studio-real-art{margin:0 -15px 0 -12px}} @media(prefers-reduced-motion:reduce){.studio-real-art img{transition:none!important}.studio-panel:hover .studio-real-art img{transform:none}} /* Art-led service cards: typography and surfaces follow the imagery. */ .section.services-studio{background:#f2f1ee;color:#25322e}.studio-heading h2{font-size:clamp(40px,4.8vw,64px);font-weight:450;letter-spacing:-2.8px;line-height:1.03}.studio-heading h2 span{color:#55766c}.studio-heading>p{color:#81887f;font-size:13px}.studio-heading{margin-bottom:42px}.studio-grid{grid-template-columns:1.05fr 1fr;gap:22px}.studio-panel{border-radius:14px;padding:27px 30px;box-shadow:0 6px 24px #172d2410}.studio-panel-top{font-size:8px;letter-spacing:1.7px}.studio-arrow{font-size:22px;font-weight:300}.studio-panel h3{font-weight:400;font-size:35px;letter-spacing:-1.3px;line-height:1.1}.studio-panel p{font-size:12px;line-height:1.7}.studio-panel-bottom{font-size:10px;padding-top:18px}.studio-panel-bottom>span{font-size:8px;letter-spacing:.3px} .studio-web{background:#dfeae4;color:#26463d;min-height:750px}.studio-web h3{font-size:48px;font-weight:400;letter-spacing:-2px;margin-top:30px}.studio-web>p{color:#71847c}.studio-web .studio-panel-top{color:#6c857b}.studio-web-art.studio-real-art{margin:10px -30px 20px;min-height:340px;position:relative;align-items:center}.studio-web-art.studio-real-art img{mask-image:linear-gradient(to bottom,transparent,#000 14%,#000 88%,transparent);mix-blend-mode:normal}.studio-web .studio-panel-bottom{background:transparent;box-shadow:none;border-color:#b3c9be;color:#5c786a} .studio-seo{background:#e8eccb;color:#3b4425;min-height:365px}.studio-seo .studio-panel-top{color:#7b8356}.studio-seo h3{font-family:Georgia,serif;font-weight:400;letter-spacing:-1.3px;font-size:39px}.studio-seo p{color:#828969}.studio-seo-content{grid-template-columns:1fr 1.15fr;gap:8px;margin:3px 0 20px}.studio-seo-art.studio-real-art{margin:0 -30px 0 -7px}.studio-seo-art.studio-real-art img{mask-image:radial-gradient(ellipse at center,#000 40%,#000c 65%,transparent 100%)}.studio-seo .studio-panel-bottom{border-color:#c6cea3;color:#6a774c} .studio-ai{background:#302a46;color:#e9e3f3;min-height:365px}.studio-ai .studio-panel-top{color:#aaa0bb}.studio-ai h3{font-weight:350;letter-spacing:-1.5px;font-size:35px}.studio-ai p{color:#a89cb8}.studio-ai-content{grid-template-columns:1fr 1.1fr;gap:10px;margin:3px 0 20px}.studio-ai-art.studio-real-art{margin:0 -24px 0 -5px}.studio-ai .studio-panel-bottom{border-color:#5b506e;color:#bfb3cf}.studio-support{border-color:#d2d7cd}.studio-support a{font-size:12px;color:#6a776a}.studio-support>p{color:#8e998b} @media(max-width:1000px){.studio-panel{padding:24px}.studio-web-art.studio-real-art{margin-left:-24px;margin-right:-24px}.studio-web h3{font-size:41px}.studio-seo h3{font-size:32px}.studio-ai h3{font-size:30px}.studio-seo-content,.studio-ai-content{grid-template-columns:1fr 1fr}.studio-panel-bottom{flex-direction:column}.studio-web{min-height:730px}} @media(max-width:700px){.studio-grid{grid-template-columns:1fr;gap:18px}.studio-heading h2{font-size:42px;letter-spacing:-1.7px}.studio-panel{padding:25px}.studio-web{min-height:650px}.studio-web h3{font-size:43px}.studio-web-art.studio-real-art{margin-left:-25px;margin-right:-25px;min-height:300px}.studio-seo,.studio-ai{min-height:345px}.studio-seo h3{font-size:34px}.studio-ai h3{font-size:31px}.studio-panel-bottom{flex-direction:row}.studio-seo-art.studio-real-art,.studio-ai-art.studio-real-art{margin-right:-24px}.studio-support a{font-size:13px}} /* Bring the surfaces into the photographs' colour families. */ .studio-web{background:#31bea9}.studio-web>p,.studio-web .studio-panel-top{color:#286c5f}.studio-web .studio-panel-bottom{color:#285f51;border-color:#329b83}.studio-seo{background:#d6df72}.studio-seo p,.studio-seo .studio-panel-top{color:#66723a}.studio-seo .studio-panel-bottom{border-color:#afbc57;color:#596733}.studio-seo-art.studio-real-art img{mask-image:radial-gradient(ellipse closest-side at center,#000 65%,transparent 115%)} /* Integrated dimensional vector fields, replacing photographic objects. */ .studio-web{background:radial-gradient(ellipse at 65% 67%,#123f49,#0d252f 70%);color:#e1faf3}.studio-web .studio-panel-top,.studio-web>p{color:#8bbbb7}.studio-web .studio-panel-bottom{color:#91c6bc;border-color:#315758}.studio-web h3{font-size:48px;font-weight:500}.studio-seo{background:radial-gradient(ellipse at 90% 55%,#294f49,#193a36 70%);color:#e5f5e8}.studio-seo h3{font-family:inherit;font-size:35px;font-weight:450;letter-spacing:-1.3px}.studio-seo p,.studio-seo .studio-panel-top{color:#9bbcaf}.studio-seo .studio-panel-bottom{color:#a4c7b5;border-color:#3d6255}.studio-ai{background:radial-gradient(ellipse at 90% 55%,#35355b,#22243f 70%)} .studio-web-art.studio-real-art img,.studio-seo-art.studio-real-art img,.studio-ai-art.studio-real-art img{mask-image:none;mix-blend-mode:normal;object-fit:contain;aspect-ratio:800/520;height:auto}.studio-web-art.studio-real-art{min-height:320px;margin:15px -30px 15px}.studio-seo-art.studio-real-art,.studio-ai-art.studio-real-art{aspect-ratio:800/520;margin-left:-45px;margin-right:-40px;transform:scale(1.18);pointer-events:none}.studio-seo-content,.studio-ai-content{grid-template-columns:1fr 1.1fr;gap:20px}.studio-seo-content>div:first-child,.studio-ai-content>div:first-child{position:relative;z-index:1}.studio-panel{box-shadow:none;border:1px solid #ffffff10;border-radius:9px}.studio-panel:hover .studio-real-art img{transform:scale(1.035)} @media(max-width:700px){.studio-web h3{font-size:43px}.studio-seo h3{font-size:32px}.studio-seo-art.studio-real-art,.studio-ai-art.studio-real-art{margin-left:-30px;margin-right:-25px;transform:scale(1.12)}.studio-seo-content,.studio-ai-content{gap:5px}.studio-web-art.studio-real-art{min-height:270px}.studio-web{min-height:620px}} /* Clear service names, balanced for the same card composition. */ .studio-web h3{font-size:45px;line-height:1.08}.studio-seo h3,.studio-ai h3{font-size:32px;line-height:1.12}.studio-seo-content,.studio-ai-content{grid-template-columns:1.2fr 1fr} @media(max-width:1000px){.studio-web h3{font-size:37px}.studio-seo h3,.studio-ai h3{font-size:28px}} @media(max-width:700px){.studio-web h3{font-size:38px}.studio-seo h3,.studio-ai h3{font-size:29px}.studio-seo-content,.studio-ai-content{grid-template-columns:1.25fr 1fr}} .studio-seo-art.studio-real-art img{mask-image:linear-gradient(to right,transparent,#000 48%)} /* Decorative hero background only. Foreground content/layout unchanged. */ .hero{isolation:isolate}.hero>.hero-ambient{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}.hero-ambient img{display:block;width:100%;height:100%;object-fit:cover}.hero>.wrap{position:relative;z-index:1} @media(max-width:700px){.hero-ambient{opacity:.7}.hero-ambient img{object-position:65% center}} /* Connected customer story — section-scoped visual narrative. */ .section.connected-story{background:#f4f6f3;padding:78px 0 72px;color:#223c3e}.connected-inner{max-width:1280px;margin:0 auto}.connected-heading{display:flex;justify-content:space-between;align-items:end;gap:70px;margin-bottom:40px}.connected-heading .eyebrow{color:#65837e;font-size:10px;letter-spacing:2px;margin-bottom:25px}.connected-story .connected-heading h2{font-size:clamp(36px,4.3vw,60px);font-weight:450;letter-spacing:-2px;line-height:1.06;margin:0}.connected-heading h2 em{font:italic 1em/1.06 Georgia,serif;color:#587c79}.connected-heading>p{max-width:330px;color:#7a8b85;font-size:14px;line-height:1.75;margin:0 0 5px}.connected-canvas{position:relative;background:#132c38;border:1px solid #294651;border-radius:10px;padding:25px 28px 0;color:#dceae9;overflow:hidden;isolation:isolate}.connected-canvas:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 20% 25%,#25635830,transparent 50%),radial-gradient(ellipse at 85% 70%,#635c9d25,transparent 55%);z-index:-1}.connected-canvas-top{display:flex;justify-content:space-between;gap:20px;font-size:8px;letter-spacing:1.4px;color:#6a999e;border-bottom:1px solid #304955;padding-bottom:20px}.connected-canvas-top>span:last-child{letter-spacing:.2px;color:#79949d}.connected-route{position:absolute;left:0;right:0;top:70px;height:140px;opacity:.55;pointer-events:none;z-index:-1}.connected-route svg{width:100%;height:100%}.route-signal{animation:route-travel 16s linear infinite}@keyframes route-travel{to{stroke-dashoffset:-344}}.connected-stages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;padding:30px 0 34px}.connected-step-label{display:flex;align-items:center;gap:12px;margin-bottom:24px}.connected-step-label>span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1px solid #557d82;background:#173742;color:#aed6ce;font:italic 16px Georgia,serif}.connected-step-label b{font-size:8px;font-weight:400;letter-spacing:1px;color:#8fb0b3}.connected-scene{height:235px;position:relative;margin-bottom:30px;padding:19px 15px;border-radius:5px;background:#fcfcf8;color:#354b51;box-shadow:0 12px 24px #00000012}.connected-search-input{border:1px solid #d8dfda;border-radius:30px;padding:10px 9px;font-size:9px;white-space:nowrap;color:#5b6965}.connected-search-input>span{font-size:16px;margin-right:5px}.connected-search-result{margin-top:24px}.connected-search-result small{font-size:6px;letter-spacing:.7px;color:#9aaba1}.connected-search-result strong{display:block;font-size:12px;font-weight:500;color:#386a99;line-height:1.5;margin:9px 0}.connected-search-result p{font-size:10px;line-height:1.65;color:#859089;margin:0 0 12px}.connected-search-result>span{font-size:8px;color:#577da1}.scene-site{background:#dfebe3;color:#335b4c}.connected-webnav{display:flex;justify-content:space-between;gap:8px;font-size:6px;letter-spacing:.6px;border-bottom:1px solid #b7cebe;padding-bottom:12px}.connected-webnav>span:last-child{letter-spacing:0;color:#7c9988}.scene-site>strong{display:block;font:26px/1.05 Georgia,serif;letter-spacing:-.7px;margin:23px 0 12px}.scene-site>p{font-size:9px;line-height:1.6;color:#769785}.connected-faux-cta{display:inline-block;background:#376653;color:#f5faf4;padding:9px 12px;font-size:8px;margin-top:15px;border-radius:3px}.scene-enquiry{background:#e8eff4}.connected-received{font-size:7px;letter-spacing:.8px;color:#688ba1;display:flex;align-items:center;gap:6px;margin-bottom:20px}.connected-received i{width:5px;height:5px;background:#69a29d;border-radius:50%}.scene-enquiry dl{margin:0}.scene-enquiry dl>div{display:flex;justify-content:space-between;gap:9px;border-bottom:1px solid #ccdbe4;padding:11px 0}.scene-enquiry dt{font-size:8px;color:#93a5b0}.scene-enquiry dd{font-size:9px;margin:0;color:#547387;text-align:right}.scene-enquiry>p{font-size:10px;color:#637c90;margin-top:20px;font-style:italic}.scene-review{background:#efecf7}.connected-review-top{display:flex;justify-content:space-between;align-items:center;gap:7px;font-size:7px;color:#947dac}.connected-review-top b{font-size:6px;border:1px solid #cec1df;border-radius:10px;padding:4px 6px;font-weight:400}.scene-review>p{font-size:11px;line-height:1.75;color:#7e7391;margin:22px 0}.connected-human{display:flex;align-items:center;gap:10px;border-top:1px solid #dcd3e8;padding-top:13px;font-size:8px;line-height:1.5;color:#9988ad}.connected-human>span:first-child{font-size:17px;color:#8c77a4}.connected-explanation h3{font-size:18px;line-height:1.2;font-weight:450;letter-spacing:-.3px;margin:0 0 14px;color:#e2eeeb;min-height:44px}.connected-explanation p{font-size:12px;line-height:1.75;color:#7f9ba5;margin:0 0 24px}.connected-explanation>span{font-size:7px;letter-spacing:1.2px;color:#597d88}.connected-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #304955;padding:22px 0;font-size:10px;color:#88a4aa}.connected-bottom p{margin:0}.connected-bottom strong{font-weight:400;color:#c6dbd7}.connected-bottom>span{font-size:8px;color:#587b86} @media(max-width:1350px){.connected-inner{margin:0 32px}.connected-stages{gap:18px}.connected-canvas{padding-left:22px;padding-right:22px}.connected-scene{padding:16px 12px}.connected-search-input{font-size:8px}} @media(max-width:1000px){.connected-stages{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px}.connected-scene{height:235px;padding:22px}.connected-explanation h3{min-height:0}.connected-heading{gap:35px}.connected-heading>p{max-width:270px}.connected-route{height:170px}.connected-stages .connected-stage:nth-child(n+3){border-top:1px solid #304955;padding-top:25px}.connected-search-input{font-size:10px}.connected-search-result p{font-size:11px}} @media(max-width:600px){.section.connected-story{padding:48px 0}.connected-inner{margin:0 20px}.connected-heading{display:block}.connected-story .connected-heading h2{font-size:39px;letter-spacing:-1.6px}.connected-heading>p{margin-top:22px;max-width:100%;font-size:13px}.connected-stages{grid-template-columns:1fr;gap:30px}.connected-canvas{padding:20px 20px 0}.connected-canvas-top{flex-direction:column;gap:8px}.connected-route{display:none}.connected-stage+.connected-stage{border-top:1px solid #304955;padding-top:25px}.connected-stages .connected-stage:nth-child(n+3){padding-top:25px}.connected-scene{height:235px;margin-bottom:22px}.connected-explanation p{font-size:13px;margin-bottom:14px}.connected-step-label{margin-bottom:18px}.connected-bottom{flex-direction:column;align-items:start;gap:12px;line-height:1.7}.connected-explanation h3{font-size:21px}.scene-review>p{font-size:12px}.scene-site>strong{font-size:29px}.scene-site>p{font-size:10px}} @media(prefers-reduced-motion:reduce){.route-signal{animation:none}} .connected-story .scene-search .connected-search-result{padding:0;border:0;background:transparent;box-shadow:none;border-radius:0;margin:20px 0 0} /* Clearer website, submitted enquiry and AI draft examples. */ .connected-story .connected-scene{height:270px} .connected-story .scene-site{padding:0;overflow:hidden;background:#eff4e9}.journey-browser{display:flex;align-items:center;gap:3px;padding:9px 10px;background:#fff;border-bottom:1px solid #dbe5d7}.journey-browser i{width:3px;height:3px;border-radius:50%;background:#afbeb0}.journey-browser span{font-size:7px;color:#98a38f;margin-left:15px}.connected-story .scene-site .connected-webnav{padding:15px 12px 12px;margin:0;font-size:7px;border-bottom:0}.connected-webnav strong{font-size:10px;letter-spacing:1.2px}.solar-website-hero{padding:11px 12px 14px;display:grid;grid-template-columns:1fr 1.05fr;gap:5px;align-items:center;background:#d7e6cc;min-height:146px}.solar-website-hero strong{font:18px/1.1 Georgia,serif;color:#274e3c;display:block;letter-spacing:-.6px}.solar-website-hero p{font-size:7px;color:#74886d;line-height:1.4;margin:10px 0 0}.solar-website-hero svg{width:100%;height:auto;display:block}.connected-story .solar-website-hero .connected-faux-cta{font-size:7px;padding:7px;margin-top:12px}.solar-site-bottom{display:flex;justify-content:space-between;gap:5px;padding:17px 12px;font-size:6px;color:#70886a} .connected-story .scene-enquiry{padding:15px;background:#f3f7fa}.journey-form-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:15px}.journey-form-heading strong{font-size:11px;color:#3b5e72;font-weight:550}.journey-form-heading>span{font-size:6px;color:#8fa5b2}.journey-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.journey-form-grid label,.journey-form-field label{display:block;font-size:7px;color:#8196a4;margin-bottom:5px}.journey-form-grid>div>span,.journey-form-field>span{display:block;background:white;border:1px solid #d8e3ea;border-radius:3px;padding:8px;font-size:8px;line-height:1.5;color:#567285}.journey-form-field{margin-top:10px}.journey-form-field>span>b{float:right;color:#8c9eaa;font-weight:400}.journey-form-sent{display:flex;gap:8px;align-items:center;margin-top:12px;color:#537d70}.journey-form-sent>b{display:grid;place-items:center;background:#dcece4;width:22px;height:22px;border-radius:50%;font-size:12px}.journey-form-sent>span{font-size:9px}.journey-form-sent small{display:block;font-size:7px;color:#91a49d;margin-top:3px} .connected-story .scene-review{padding:15px;background:#f1eef9}.journey-ai-heading{display:flex;align-items:center;gap:8px}.journey-ai-icon{display:grid;place-items:center;border-radius:6px;width:28px;height:28px;background:#8b72bc;color:#fff;font-size:23px}.journey-ai-heading strong{font-size:11px;font-weight:550;color:#69548b;display:block}.journey-ai-heading small{font-size:7px;color:#a493b8;display:block;margin-top:4px}.journey-ai-reading{display:flex;gap:10px;margin:15px 0;font-size:6px;color:#9481aa}.journey-ai-draft{padding:12px;background:#fffdff;border:1px solid #dfd6ec;border-radius:5px}.journey-ai-draft>span{font-size:6px;letter-spacing:.7px;color:#a38bb9}.journey-ai-draft>p{font-size:10px;line-height:1.65;color:#7b6c8c;margin:10px 0 0}.journey-ai-review{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:13px;font-size:7px;color:#a190b3}.journey-ai-review b{font-size:6px;padding:5px 6px;background:#e3dcee;border-radius:3px;color:#877096;font-weight:400} @media(max-width:1000px){.connected-story .connected-scene{height:275px}.solar-website-hero strong{font-size:23px}.solar-website-hero{min-height:158px}.solar-website-hero svg{max-height:130px}.journey-ai-draft>p{font-size:11px}.journey-form-grid>div>span,.journey-form-field>span{font-size:9px}} @media(max-width:600px){.connected-story .connected-scene{height:280px}.solar-website-hero strong{font-size:22px}.journey-form-heading strong,.journey-ai-heading strong{font-size:12px}.journey-ai-draft>p{font-size:11px}.journey-ai-reading{font-size:7px}.journey-form-grid label,.journey-form-field label{font-size:8px}} /* Compact customer journey and decorative showcase fields. */ .connected-step-label b{font-size:11px;letter-spacing:.2px} #website-concept,#seo-showcase{position:relative;isolation:isolate} .showcase-svg-field{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1;object-fit:cover} #website-concept .skincare-visual{background:transparent;position:relative;z-index:0} #website-concept .skincare-caption{background:linear-gradient(90deg,#f1e5dfee,#f1e5df70 80%,transparent)} #seo-showcase .seo-editorial-stage,#seo-showcase .seo-reading{position:relative;z-index:1} #seo-showcase .seo-editorial-copy{background:radial-gradient(ellipse,#edf3f6ed 20%,#edf3f600 75%)} @media(max-width:800px){.showcase-svg-field{opacity:.5}} /* Distinct showcase languages: studio craft and analytical precision. */ #website-concept .skincare-caption{background:none} #website-concept .skincare-visual{isolation:isolate} #website-concept .studio-guides{position:absolute;inset:0;width:100%;height:100%;color:#82546b;z-index:2;pointer-events:none;opacity:.65} #website-concept .studio-edge-light{stroke:#fff9f0;stroke-dasharray:100 2800;animation:studio-edge 15s linear infinite} #website-concept .studio-alignment{animation:studio-guide 9s ease-in-out infinite} #website-concept .studio-palette{display:flex;align-items:center;gap:7px;margin:27px 0 23px} #website-concept .studio-palette>span{font-size:7px;letter-spacing:1px;margin-right:6px;color:#8a6c7a;max-width:45px;line-height:1.6} #website-concept .studio-palette i{width:23px;height:31px;background:#452837;border:1px solid #74536326;transform:rotate(-5deg);box-shadow:0 3px 5px #44273512} #website-concept .studio-palette i:nth-of-type(2){background:#a87883;transform:rotate(-2deg)} #website-concept .studio-palette i:nth-of-type(3){background:#cdb4a5;transform:rotate(2deg)} #website-concept .studio-palette i:nth-of-type(4){background:#f7f1e7;transform:rotate(5deg)} #website-concept .studio-palette b{font:26px Georgia;color:#603e51;margin-left:9px;font-weight:400} #seo-showcase{background:radial-gradient(ellipse at 85% 20%,#d8e8f3,transparent 55%),#edf2f6} #seo-showcase .seo-editorial-copy{background:none} #seo-showcase .seo-evidence{position:relative;overflow:visible} #seo-showcase .seo-browser-chrome{border-radius:9px 9px 0 0} #seo-showcase .seo-evidence figcaption{border-radius:0 0 9px 9px;background:#fff} #seo-showcase .insight-frame{position:absolute;inset:-9px;width:calc(100% + 18px);height:calc(100% + 18px);pointer-events:none;overflow:visible} #seo-showcase .insight-scan{animation:insight-orbit 16s linear infinite} #seo-showcase .insight-nodes{animation:insight-pulse 5s ease-in-out infinite} @keyframes studio-edge{to{stroke-dashoffset:-2900}} @keyframes studio-guide{50%{opacity:.12}} @keyframes insight-orbit{to{stroke-dashoffset:-3290}} @keyframes insight-pulse{50%{opacity:.25}} @media(prefers-reduced-motion:reduce){#website-concept .studio-edge-light,#website-concept .studio-alignment,#seo-showcase .insight-scan,#seo-showcase .insight-nodes{animation:none}} /* More visible decorative motion in the two approved showcases only. */ #website-concept .studio-guides{opacity:.95} #website-concept .studio-edge-light{stroke:#8b4e70;stroke-width:3;stroke-dasharray:240 2660;animation-duration:7s;filter:drop-shadow(0 0 3px #fff9f0)} #website-concept .studio-alignment{stroke:#95617d;stroke-width:1.5;animation:studio-guide-visible 6s ease-in-out infinite} #website-concept .studio-palette i{animation:studio-swatch-lift 4.8s ease-in-out infinite} #website-concept .studio-palette i:nth-of-type(2){animation-delay:.2s} #website-concept .studio-palette i:nth-of-type(3){animation-delay:.4s} #website-concept .studio-palette i:nth-of-type(4){animation-delay:.6s} #seo-showcase .insight-scan{stroke:#268ec5;stroke-width:5;stroke-dasharray:210 3080;animation-duration:7s;filter:drop-shadow(0 0 4px #78c8ef)} #seo-showcase .insight-nodes{fill:#268ec5;animation:insight-pulse-visible 2.4s ease-in-out infinite} @keyframes studio-guide-visible{0%,100%{opacity:.18;transform:translateY(-7px)}50%{opacity:.6;transform:translateY(7px)}} @keyframes studio-swatch-lift{0%,65%,100%{translate:0 0}25%{translate:0 -7px}} @keyframes insight-pulse-visible{0%,100%{opacity:.3;filter:drop-shadow(0 0 0 #268ec5)}50%{opacity:1;filter:drop-shadow(0 0 6px #268ec5)}} @media(prefers-reduced-motion:reduce){#website-concept .studio-alignment,#website-concept .studio-palette i,#website-concept .studio-edge-light,#seo-showcase .insight-scan,#seo-showcase .insight-nodes{animation:none}} /* ELARA: one polished perimeter sweep; stationery remains still. */ #website-concept .studio-palette i{animation:none;translate:none} #website-concept .studio-guides{opacity:1} #website-concept .studio-polished-light{stroke-dasharray:430 2705;stroke-linecap:round;animation:elara-polished-sweep 8s linear infinite} #website-concept .studio-light-halo{opacity:.8} @keyframes elara-polished-sweep{from{stroke-dashoffset:430}to{stroke-dashoffset:-2705}} @media(prefers-reduced-motion:reduce){#website-concept .studio-polished-light{animation:none;opacity:.35}} /* Website: occasional glass reflection, distinct from the GSC perimeter. */ #website-concept .skincare-visual{overflow:hidden} #website-concept .studio-reflection{position:absolute;z-index:2;inset:0;pointer-events:none;overflow:hidden} #website-concept .studio-reflection:after{content:"";position:absolute;top:-35%;left:-55%;width:34%;height:170%;background:linear-gradient(90deg,transparent,rgba(255,248,236,.12) 20%,rgba(255,255,255,.48) 48%,rgba(255,250,243,.2) 65%,transparent);transform:translateX(0) skewX(-22deg);opacity:0;animation:elara-glass-reflection 7s ease-in-out infinite} @keyframes elara-glass-reflection{0%,8%{transform:translateX(0) skewX(-22deg);opacity:0}14%{opacity:.8}43%{transform:translateX(510%) skewX(-22deg);opacity:.8}48%,100%{transform:translateX(510%) skewX(-22deg);opacity:0}} #seo-showcase .insight-scan{animation-duration:15s} #seo-showcase .insight-nodes{animation-duration:4.8s} @media(prefers-reduced-motion:reduce){#website-concept .studio-reflection:after{animation:none;opacity:0}} #approach.consultation{background:#0c222c;color:#e9f5f1;padding:100px 0;overflow:visible} #approach .consult-layout{max-width:1220px;margin:auto;display:grid;grid-template-columns:1fr 1.05fr;gap:100px;align-items:start} #approach .consult-intro{position:sticky;top:120px;padding:25px 0} #approach .eyebrow{font-size:10px;letter-spacing:2px;color:#73c9b3;margin-bottom:27px} #approach h2{font-size:clamp(38px,4vw,58px);font-weight:450;line-height:1.08;letter-spacing:-1.8px;margin:0 0 25px} #approach h2 em{font-family:Georgia,serif;font-weight:400;color:#9ce3cc} #approach .consult-intro>p:not(.eyebrow){font-size:16px;line-height:1.75;color:#a1b8bd;max-width:380px;margin-bottom:30px} #approach .button{background:#a4ebd2;color:#102e32;border:0;font-size:12px;padding:17px 22px} #approach .consult-status{display:flex;gap:12px;align-items:center;margin-top:42px;font-size:11px;line-height:1.7;color:#78989e} #approach .consult-status i{height:7px;width:7px;border-radius:50%;background:#78bea9;box-shadow:0 0 15px #78bea940} #approach .consult-track{position:relative;display:grid;gap:28px;padding-left:30px} #approach .consult-rail{position:absolute;left:0;top:30px;bottom:30px;width:1px;background:#29434c} #approach .consult-rail i{display:block;width:2px;height:100%;background:#91e4ca;transform:scaleY(var(--consult-progress,.08));transform-origin:top;transition:transform .3s ease;box-shadow:0 0 12px #6be0c0} #approach .consult-card{position:relative;padding:34px 38px;background:#102a35;border:1px solid #29424d;border-radius:14px;transition:background .6s,border-color .6s,box-shadow .6s,transform .6s} #approach .consult-card:before{content:"";position:absolute;left:-35px;top:47px;width:9px;height:9px;border-radius:50%;background:#39515b;border:1px solid #52727b;transition:background .6s,box-shadow .6s} #approach .consult-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;color:#6b939b} #approach .consult-card-top>span{font-size:32px;font-weight:450;letter-spacing:-1px} #approach .consult-card-top svg{height:32px;width:32px} #approach .consult-card h3{font-size:25px;font-weight:450;letter-spacing:-.5px;line-height:1.25;margin:0 0 16px;color:#e5efee} #approach .consult-card p{font-size:14px;line-height:1.75;color:#93afb7;margin:0 0 26px} #approach .consult-card small{display:block;border-top:1px solid #294651;padding-top:18px;font-size:10px;letter-spacing:.3px;color:#73979d} #approach .consult-card.is-current{background:radial-gradient(ellipse at 5% 0%,#235b54,#153a40 65%);border-color:#83dbc0;box-shadow:0 0 35px #73dfbc19,inset 0 1px 0 #b2f7dd33;transform:translateX(5px)} #approach .consult-card.is-current:before{background:#b1f6dc;box-shadow:0 0 18px #71e0b9} #approach .consult-card.is-current .consult-card-top{color:#a4f1d4} #approach .consult-card.is-current p{color:#bed7d5} #approach .consult-card.is-current small{color:#9dc9bd;border-color:#467c72} @media(max-width:1300px){#approach .consult-layout{margin:0 32px;gap:60px}} @media(max-width:800px){#approach.consultation{padding:55px 0}#approach .consult-layout{grid-template-columns:1fr;gap:40px;margin:0 24px}#approach .consult-intro{position:static;padding:0}#approach .consult-intro>p:not(.eyebrow){max-width:520px}#approach .consult-status{margin-top:25px}#approach .consult-track{padding-left:22px;gap:22px}#approach .consult-card{padding:26px 23px}#approach .consult-card:before{left:-27px}#approach .consult-card h3{font-size:24px}#approach .consult-card.is-current{transform:none}} @media(prefers-reduced-motion:reduce){#approach .consult-card,#approach .consult-card:before,#approach .consult-rail i{transition:none}#approach .consult-card.is-current{transform:none}} #featured.brand-showcase{background:radial-gradient(ellipse at 50% 15%,#dbf1e980,transparent 65%),#f8faf7;padding:85px 0 55px;color:#163b3b} #featured .brand-proof-inner{max-width:1220px;margin:auto} #featured .brand-proof-heading{text-align:center;max-width:700px;margin:0 auto 42px} #featured .eyebrow{font-size:9px;letter-spacing:2px;color:#538b7d;margin-bottom:23px} #featured h2{font-size:clamp(38px,4vw,58px);font-weight:450;line-height:1.06;letter-spacing:-1.5px;margin:0 0 22px} #featured h2 em{font-family:Georgia,serif;font-weight:400;color:#558e7e} #featured .brand-proof-heading>p:last-child{font-size:14px;line-height:1.8;color:#6a8380} #featured .brand-proof-logos{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #d7e3dc;border-bottom:1px solid #d7e3dc} #featured .brand-proof-logos>a{padding:35px 40px 24px;display:block;transition:background .35s} #featured .brand-proof-logos>a+a{border-left:1px solid #d7e3dc} #featured .brand-logo-space{height:115px;display:flex;align-items:center;justify-content:center} #featured .brand-logo-space img{max-width:100%;width:245px;max-height:65px;object-fit:contain;filter:grayscale(1);opacity:.8;mix-blend-mode:multiply;transition:filter .45s,opacity .45s,transform .45s} #featured .brand-proof-logos>a:hover,#featured .brand-proof-logos>a:focus-visible{background:#e8f3ed} #featured .brand-proof-logos>a:hover img,#featured .brand-proof-logos>a:focus-visible img{filter:none;opacity:1;transform:translateY(-3px)} #featured .brand-proof-caption{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#7d9690;margin-top:20px} #featured .brand-proof-caption b{font-size:19px;font-weight:400;color:#417568} #featured .brand-proof-footer{display:flex;justify-content:space-between;gap:20px;margin-top:26px;font-size:11px;color:#879b95} #featured .brand-proof-footer a{color:#316e5c}#featured .brand-proof-footer a span{margin-left:15px} @media(max-width:1300px){#featured .brand-proof-inner{margin:0 32px}} @media(max-width:650px){#featured.brand-showcase{padding:55px 0 40px}#featured .brand-proof-inner{margin:0 24px}#featured .brand-proof-logos{grid-template-columns:1fr}#featured .brand-proof-logos>a{padding:20px 24px}#featured .brand-proof-logos>a+a{border-left:0;border-top:1px solid #d7e3dc}#featured .brand-logo-space{height:90px}#featured .brand-proof-caption{margin-top:10px}#featured .brand-proof-footer{flex-direction:column;gap:14px}} @media(prefers-reduced-motion:reduce){#featured .brand-logo-space img,#featured .brand-proof-logos>a{transition:none}} #featured .brand-proof-logos{grid-template-columns:repeat(4,1fr);border:0;gap:12px 28px} #featured .brand-proof-item{min-height:160px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:22px 18px} #featured .brand-logo-space{height:100px;width:100%} #featured .brand-logo-space img{max-height:65px;width:210px;filter:grayscale(1);opacity:.9} #featured .brand-proof-item.tall img{height:105px;max-height:105px;width:auto} #featured .brand-proof-item.channel img{width:75px;height:75px;max-height:75px;border-radius:50%;filter:none} #featured .brand-proof-item:hover img{filter:none;opacity:1;transform:none} #featured .brand-channel-name{font-size:12px;text-align:center;color:#345d55;margin-top:4px} #featured .brand-channel-name small{display:block;font-size:9px;color:#8a9c96;margin-top:5px} #featured .brand-proof-footer{border-top:1px solid #d7e3dc;padding-top:24px} @media(max-width:800px){#featured .brand-proof-logos{grid-template-columns:repeat(2,1fr);gap:12px}#featured .brand-proof-item{padding:16px 8px;min-height:135px}#featured .brand-logo-space img{width:100%;max-height:55px}#featured .brand-proof-item.tall img{max-height:85px;height:85px}} /* Consistent monochrome logo wall: no niche labels or colour hover. */ #featured .brand-logo-space{mix-blend-mode:multiply} #featured .brand-logo-space img,#featured .brand-proof-item.channel img,#featured .brand-proof-item:hover img{filter:grayscale(1) contrast(1.3);opacity:1;mix-blend-mode:normal;transform:none} #featured .brand-logo-space img[src$="yamaha.png"]{width:145px;max-width:100%} #featured .brand-logo-space img[src$="ecopoint.svg"]{filter:grayscale(1) brightness(.45) contrast(1.2)} #featured .brand-logo-space img[src$="berjaya-times-square.webp"]{width:190px;filter:grayscale(1) brightness(.65) contrast(1.3)} #featured .brand-proof-item.channel img{width:90px;height:90px;max-height:90px} #featured .brand-proof-item{mix-blend-mode:multiply} /* Centre complete and incomplete brand rows beneath the heading. */ #featured .brand-proof-heading{margin-left:auto;margin-right:auto;text-align:center} #featured .brand-proof-logos{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 28px} #featured .brand-proof-item{flex:0 0 calc((100% - 84px)/4);min-width:0;box-sizing:border-box;text-align:center} @media(max-width:800px){#featured .brand-proof-logos{gap:12px}#featured .brand-proof-item{flex-basis:calc((100% - 12px)/2)}} /* FAQ: quiet editorial typography and an accessible native accordion. */ #faq.faq-editorial{padding:95px 0;background:#f3f5f2;color:#183a3e} #faq .faq-studio-layout{max-width:1220px;margin:auto;display:grid;grid-template-columns:.85fr 1.35fr;gap:90px;align-items:start} #faq .faq-studio-intro{padding-top:14px} #faq .eyebrow{font-size:9px;letter-spacing:2px;color:#598d80;margin-bottom:27px} #faq h2{font-size:clamp(36px,3.8vw,53px);font-weight:450;letter-spacing:-1.6px;line-height:1.12;margin:0 0 25px} #faq h2 em{font-family:Georgia,serif;font-weight:400;color:#578b7b} #faq .faq-studio-intro>p:not(.eyebrow){font-size:14px;line-height:1.8;color:#758982;max-width:300px} #faq .faq-conversation{margin-top:50px;padding-top:26px;border-top:1px solid #cedcd4;display:flex;gap:18px;align-items:start;max-width:330px} #faq .faq-signal{display:grid;place-items:center;width:39px;height:39px;border:1px solid #b9d6c8;border-radius:50%;color:#3c7d69;font-size:22px;flex-shrink:0} #faq .faq-conversation strong{font-weight:500;font-size:14px} #faq .faq-conversation p{font-size:12px;color:#84968f;margin:6px 0 12px} #faq .faq-conversation a{font-size:12px;color:#286c59;border-bottom:1px solid #9cbfb0;padding-bottom:4px;display:inline-block} #faq .faq-conversation a span{margin-left:15px} #faq .faq-studio-list{border-top:1px solid #adc8ba} #faq details{border:0;border-bottom:1px solid #cedcd4;padding:0;transition:background .3s} #faq summary{display:grid;grid-template-columns:28px 1fr 30px;align-items:center;gap:18px;padding:25px 20px 25px 8px;list-style:none;cursor:pointer;font-size:17px;font-weight:450;line-height:1.45;letter-spacing:-.2px} #faq summary::-webkit-details-marker{display:none} #faq summary:after{display:none} #faq .faq-index{font-size:10px;color:#93aaa0;letter-spacing:1px} #faq summary i{width:28px;height:28px;border:1px solid #c6d9cf;border-radius:50%;position:relative;transition:background .3s,transform .35s} #faq summary i:before,#faq summary i:after{content:"";position:absolute;background:#4c7d6d;left:8px;right:8px;height:1px;top:13px} #faq summary i:after{transform:rotate(90deg);transition:transform .3s} #faq details[open]{background:#e6eee8} #faq details[open] summary{color:#205a4b} #faq details[open] summary i{background:#173f3e;border-color:#173f3e;transform:rotate(180deg)} #faq details[open] summary i:before,#faq details[open] summary i:after{background:#c5eadb} #faq details[open] summary i:after{transform:rotate(0)} #faq .faq-answer{padding:0 62px 27px 54px} #faq .faq-answer p{font-size:14px;line-height:1.85;color:#60786e;margin:0;max-width:55ch} #faq details[open] .faq-answer{animation:faq-answer-in .35s ease both} @keyframes faq-answer-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}} @media(max-width:1300px){#faq .faq-studio-layout{margin:0 32px;gap:55px}} @media(max-width:800px){#faq.faq-editorial{padding:55px 0}#faq .faq-studio-layout{grid-template-columns:1fr;gap:35px;margin:0 24px}#faq .faq-studio-intro{padding:0}#faq .faq-conversation{margin-top:25px;max-width:100%}#faq .faq-studio-intro>p:not(.eyebrow){max-width:100%}#faq summary{font-size:16px;gap:10px;grid-template-columns:23px 1fr 28px;padding:22px 10px 22px 4px}#faq .faq-answer{padding:0 20px 24px 37px}#faq .faq-answer p{font-size:13px}} @media(prefers-reduced-motion:reduce){#faq details,#faq summary i,#faq summary i:after{transition:none}#faq details[open] .faq-answer{animation:none}} /* Project enquiry: a strong studio close with a spacious, practical form. */ #quote.enquiry-studio{background:#0d2730;color:#eaf5ef;padding:0} #quote .enquiry-layout{max-width:1440px;margin:auto;display:grid;grid-template-columns:.9fr 1.2fr} #quote .enquiry-intro{padding:80px 65px 65px max(32px,calc((100vw - 1220px)/2));position:relative;background:radial-gradient(ellipse at 0 100%,#235d5440,transparent 70%)} #quote .eyebrow{font-size:9px;color:#80c7b3;letter-spacing:2px;margin-bottom:30px} #quote h2{font-size:clamp(40px,4.4vw,62px);line-height:1.06;font-weight:450;letter-spacing:-2px} #quote h2 em{font-family:Georgia,serif;font-weight:400;color:#a0e2ca} #quote .enquiry-intro>p:not(.eyebrow){font-size:14px;line-height:1.8;color:#9db7ba;margin:28px 0 38px;max-width:330px} #quote .enquiry-direct{border-top:1px solid #31505a;padding-top:23px;max-width:360px} #quote .enquiry-direct>span{font-size:8px;letter-spacing:1.5px;color:#6c999e} #quote .enquiry-direct a{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:11px;padding:12px 0;color:#a3bfc1} #quote .enquiry-direct a span{font-size:12px;color:#d5e8df} #quote .enquiry-direct a:hover span{color:#a0e2ca} #quote .enquiry-signoff{display:flex;gap:16px;align-items:center;margin-top:38px;color:#729f9c} #quote .enquiry-signoff>span{font-size:40px;font-weight:300;color:#91d4bf} #quote .enquiry-signoff p{font-size:11px;line-height:1.7} #quote .enquiry-form-panel{padding:65px 55px;background:#f6f8f4;color:#173e3e} #quote .enquiry-form-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid #d7e3da;padding-bottom:23px;margin-bottom:28px} #quote .enquiry-form-heading>span{font-size:9px;letter-spacing:1.8px;color:#5f8e7f} #quote .enquiry-form-heading>p{font-size:12px;color:#789085} #quote .quote{display:grid;grid-template-columns:1fr 1fr;gap:25px 22px} #quote .quote .full{grid-column:1/-1} #quote .quote>label{font-size:12px;font-weight:500;color:#355a51;display:block} #quote .field-optional{font-size:9px;color:#8c9f96;float:right;font-weight:400} #quote .field-required{color:#568b79} #quote .quote input:not([type=checkbox]),#quote .quote textarea{display:block;width:100%;margin-top:10px;background:#fff;border:1px solid #d4dfd7;border-radius:4px;padding:13px 14px;color:#193b35;font-size:14px;line-height:1.6;transition:border-color .2s,box-shadow .2s} #quote .quote input::placeholder,#quote .quote textarea::placeholder{color:#96a49b;font-size:12px} #quote .quote textarea{min-height:130px;resize:vertical} #quote .quote input:focus,#quote .quote textarea:focus{outline:none;border-color:#4d9c80;box-shadow:0 0 0 3px #56ad8b16} #quote .enquiry-services{padding:0;margin:0 0 2px;border:0;min-width:0} #quote .enquiry-services legend{font-size:12px;margin-bottom:15px;color:#355a51;width:100%} #quote .enquiry-services legend>span{font-size:9px;color:#8c9f96;float:right} #quote .enquiry-services>div{display:flex;gap:8px;flex-wrap:wrap} #quote .enquiry-services label{position:relative;cursor:pointer} #quote .enquiry-services input{position:absolute;opacity:0;width:1px;height:1px} #quote .enquiry-services label>span{display:block;padding:10px 13px;border:1px solid #cdded3;border-radius:30px;font-size:11px;color:#5d796c;transition:background .2s,border-color .2s} #quote .enquiry-services input:checked+span{background:#173e3e;color:#dbf3e7;border-color:#173e3e} #quote .enquiry-services input:focus-visible+span{outline:2px solid #438e74;outline-offset:3px} #quote .enquiry-submit{display:flex;justify-content:space-between;gap:22px;align-items:center;padding-top:4px} #quote .enquiry-submit p{font-size:10px;line-height:1.7;color:#809487;max-width:190px} #quote .enquiry-submit .button{border-radius:30px;padding:15px 24px;background:#173e3e;color:#d9f3e6;font-size:12px;border:0;white-space:nowrap} #quote .enquiry-submit .button:hover{background:#286c59} #quote .enquiry-preview{font-size:9px;color:#889b8f;padding-top:16px;border-top:1px solid #d7e3da} @media(max-width:1100px){#quote .enquiry-intro{padding:60px 32px}#quote .enquiry-form-panel{padding:50px 30px}#quote .enquiry-direct a{flex-direction:column;align-items:start;gap:3px}} @media(max-width:800px){#quote .enquiry-layout{grid-template-columns:1fr}#quote .enquiry-intro{padding:50px 24px}#quote h2 br:last-of-type{display:none}#quote .enquiry-intro>p:not(.eyebrow){max-width:480px}#quote .enquiry-direct{max-width:100%}#quote .enquiry-direct a{flex-direction:row;align-items:center}#quote .enquiry-signoff{display:none}#quote .enquiry-form-panel{padding:35px 24px}#quote .quote{gap:22px}#quote .quote>label{grid-column:1/-1}#quote .enquiry-submit{flex-direction:column;align-items:stretch;gap:15px}#quote .enquiry-submit p{max-width:100%}#quote .enquiry-submit .button{width:100%}#quote .enquiry-form-heading{align-items:start}#quote .enquiry-services legend>span{float:none;display:block;margin-top:4px}} @media(prefers-reduced-motion:reduce){#quote .quote input,#quote .quote textarea,#quote .enquiry-services label>span{transition:none}} /* Plain-language FAQ and enquiry: natural headings and open spacing. */ #faq h2,#quote h2{font-family:Arial,Helvetica,sans-serif;font-style:normal;font-weight:550;font-size:clamp(32px,3.1vw,44px);letter-spacing:-1.3px;line-height:1.17;margin-bottom:22px} #faq h2{max-width:370px} #faq .faq-studio-intro{padding-top:17px} #faq .faq-conversation{border:0;padding-top:0;margin-top:34px} #faq .faq-conversation a{border:0;font-weight:600;padding:0} #faq .faq-studio-list{border:0;display:grid;gap:9px} #faq details{border:0;border-radius:8px;background:transparent} #faq summary{grid-template-columns:1fr 28px;padding:19px 20px;font-size:16px;font-weight:500;letter-spacing:0;gap:18px} #faq .faq-index{display:none} #faq details:hover{background:#eaf0eb} #faq details[open]{background:#e3ece5} #faq summary i{border:0} #faq .faq-answer{padding:0 58px 23px 20px} #faq .faq-answer p{color:#50675e} #quote .enquiry-intro{padding-top:72px} #quote h2{max-width:390px;color:#edf6f1} #quote .enquiry-intro>p:not(.eyebrow){font-size:15px;max-width:350px;margin-top:24px} #quote .enquiry-direct{border:0;padding:0;margin-top:45px} #quote .enquiry-direct>span{font-size:12px;letter-spacing:0;color:#b8cec9} #quote .enquiry-preview{border:0;padding-top:2px} #quote .enquiry-form-panel{padding-top:72px} #quote .quote input:not([type=checkbox]),#quote .quote textarea{border-color:transparent;background:#e9eee8;border-radius:6px} #quote .quote input:focus,#quote .quote textarea:focus{background:#fff;border-color:#4d9c80} #quote .enquiry-services label>span{border-color:transparent;background:#e6eee6;color:#446354} #quote .enquiry-services input:checked+span{background:#173e3e;color:#dbf3e7} @media(max-width:800px){#faq h2,#quote h2{font-size:34px;max-width:100%;letter-spacing:-1px}#faq .faq-studio-intro{padding:0}#faq .faq-studio-layout{gap:24px}#faq summary{padding:18px 13px}#faq .faq-answer{padding:0 18px 22px 13px}#quote .enquiry-intro{padding-top:44px;padding-bottom:40px}#quote .enquiry-form-panel{padding-top:35px}#quote .enquiry-direct{margin-top:30px}} /* Simple contact: one light surface, no promotional panel. */ #quote.enquiry-simple{background:#f6f8f4;color:#193b35;padding:75px 24px 60px} #quote .simple-contact-inner{max-width:760px;margin:0 auto} #quote.enquiry-simple h2{color:#193b35;font:500 34px/1.25 Arial,Helvetica,sans-serif;letter-spacing:-.8px;max-width:none;margin:0 0 34px} #quote.enquiry-simple .quote{gap:26px 24px} #quote.enquiry-simple .quote textarea{min-height:170px} #quote.enquiry-simple .enquiry-services{margin-top:0} #quote.enquiry-simple .enquiry-services legend{font-size:11px;color:#6c8275} #quote.enquiry-simple .enquiry-services legend>span{float:none;display:inline;margin-left:10px;font-size:10px} #quote.enquiry-simple .enquiry-services label>span{font-size:11px;padding:8px 12px;background:transparent;border-color:#dce5dc} #quote.enquiry-simple .enquiry-services input:checked+span{background:#173e3e;color:#dbf3e7;border-color:#173e3e} #quote .simple-contact-submit{display:flex;align-items:center;gap:22px;margin-top:3px} #quote .simple-contact-submit .button{border-radius:5px;background:#173e3e;color:#fff;border:0;padding:13px 25px;font-size:13px;min-width:150px} #quote .simple-contact-submit p{font-size:10px;line-height:1.6;color:#7e9185;max-width:240px} #quote .simple-contact-whatsapp{font-size:12px;color:#768c7e;margin-top:-9px} #quote .simple-contact-whatsapp a{color:#285f4e;margin-left:8px;text-decoration:underline;text-underline-offset:3px} #quote.enquiry-simple .enquiry-preview{font-size:9px;margin-top:-7px} @media(max-width:700px){#quote.enquiry-simple{padding:45px 24px}#quote.enquiry-simple h2{font-size:28px;margin-bottom:28px}#quote .simple-contact-submit{align-items:start;flex-direction:column;gap:12px}#quote .simple-contact-submit .button{width:auto}#quote .simple-contact-submit p{max-width:none}#quote.enquiry-simple .enquiry-services legend>span{display:block;margin:4px 0 0}} /* Correct shared text centring and strengthen the contact background. */ #featured .brand-proof-heading>p{margin-left:auto;margin-right:auto} #featured .brand-proof-heading>h2{margin-left:auto;margin-right:auto} #quote.enquiry-simple{background:#cfe8df} #quote.enquiry-simple .quote input:not([type=checkbox]),#quote.enquiry-simple .quote textarea{background:#f9fcfa;border-color:#bad5c8} #quote.enquiry-simple .enquiry-services label>span{background:#e8f4ed;border-color:#a9cdbb;color:#315c4b} #quote.enquiry-simple .enquiry-services input:checked+span{background:#173e3e;border-color:#173e3e;color:#fff} #quote.enquiry-simple .enquiry-services legend{font-size:12px;color:#355a51} #quote .simple-contact-submit p{color:#547365} /* Three service parents, each retaining its child navigation. */ .topbar .service-menu>summary{display:flex;align-items:center;gap:7px;list-style:none;cursor:pointer} .topbar .service-menu>summary::-webkit-details-marker{display:none} .topbar .service-menu>summary span{transition:transform .2s} .topbar .service-menu[open]>summary span{transform:rotate(180deg)} .nav .service-menu{position:relative} .nav .service-submenu{position:absolute;top:100%;left:-18px;min-width:215px;background:#fff;border:1px solid #d8e4df;border-radius:10px;padding:10px;box-shadow:0 16px 36px #123a241c;animation:service-menu-in .18s ease-out} .topbar .service-submenu a{display:block;padding:11px 13px;border-radius:6px;font-size:13px;white-space:nowrap} .topbar .service-submenu a:hover,.topbar .service-submenu a:focus-visible{background:#e6f4ef;color:#126b60} .mobile-menu .service-menu>summary{padding:12px 0;justify-content:space-between;font-size:15px} .mobile-menu .service-submenu{padding:3px 8px;background:#f2f8f5;border-radius:8px} @keyframes service-menu-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}} @media(prefers-reduced-motion:reduce){.nav .service-submenu{animation:none}.topbar .service-menu>summary span{transition:none}} /* Polished service navigation — scoped to header only. */ .topbar .service-menu>summary{transition:color .22s;position:relative} .topbar .service-menu>summary:after{content:'';position:absolute;height:2px;background:#51b89e;bottom:4px;left:0;right:20px;transform:scaleX(0);transform-origin:left;transition:transform .25s} .topbar .service-menu[open]>summary{color:#126b60} .topbar .service-menu[open]>summary:after{transform:scaleX(1)} .nav .service-submenu{width:390px;left:-24px;padding:8px;min-width:0;border-radius:18px;background:#fbfefd;box-shadow:0 24px 65px #0f393526,0 4px 12px #123a2410;border:1px solid #d2e7df;animation:menu-panel-arrive .32s cubic-bezier(.16,1,.3,1);transform-origin:top left} .topbar .menu-intro{position:relative;overflow:hidden;background:linear-gradient(120deg,#103b39,#17695d);color:#fff;border-radius:11px;padding:22px 20px} .topbar .menu-kicker{display:block;font-size:9px;letter-spacing:1.8px;color:#9fe0cd;margin-bottom:9px} .topbar .menu-intro>strong{display:block;font-size:22px;font-weight:500;letter-spacing:-.6px;position:relative;z-index:1} .topbar .menu-intro p{font-size:12px;color:#c4ded6;margin-top:5px;position:relative;z-index:1} .topbar .menu-orbit{position:absolute;width:140px;height:140px;border:1px solid #8be0c442;border-radius:50%;right:-48px;top:-46px;box-shadow:0 0 0 19px #8be0c40a,0 0 0 40px #8be0c408;pointer-events:none} .topbar .menu-options{padding:8px 0 0} .topbar .service-submenu a{display:flex;align-items:center;gap:13px;padding:15px 12px;border-radius:10px;white-space:normal;transition:background .22s,transform .22s;color:#173c37} .topbar .service-menu[open] .menu-options>a{animation:menu-item-arrive .36s both;animation-delay:calc(45ms + var(--menu-order)*45ms)} .topbar .menu-icon{width:39px;height:39px;flex:0 0 39px;display:grid;place-items:center;border:1px solid #cce5da;background:#eaf6f0;border-radius:11px;transition:background .22s,color .22s,transform .22s} .topbar .menu-icon svg{width:22px;height:22px} .topbar .menu-copy{flex:1}.topbar .menu-copy strong{display:block;font-size:14px;font-weight:600}.topbar .menu-copy small{display:block;font-size:11px;line-height:1.5;color:#647c74;margin-top:4px} .topbar .menu-arrow{font-size:19px;color:#719c8c;transition:transform .22s,color .22s} .topbar .service-submenu a:hover{transform:translateX(3px);background:#e8f5ef} .topbar .service-submenu a:hover .menu-icon{background:#146c5d;color:white;transform:rotate(-5deg)} .topbar .service-submenu a:hover .menu-arrow{transform:translate(2px,-2px);color:#126b60} .mobile-menu .service-submenu{padding:6px;background:#f4faf7;border-radius:14px;margin:3px 0 12px}.mobile-menu .menu-intro{padding:16px}.mobile-menu .menu-intro>strong{font-size:20px}.mobile-menu .service-submenu a{padding:12px 8px}.mobile-menu>nav{max-height:calc(100dvh - 74px);overflow-y:auto} @keyframes menu-panel-arrive{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}} @keyframes menu-item-arrive{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}} @media(prefers-reduced-motion:reduce){.topbar .service-menu *,.topbar .service-menu>summary:after{animation:none!important;transition:none!important}} /* Fixed icon geometry keeps navigation arrows optically centred. */ .topbar .menu-chevron{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex:0 0 16px;line-height:0} .topbar .menu-chevron svg{display:block;width:16px;height:16px} .topbar .service-submenu a{display:grid;grid-template-columns:39px minmax(0,1fr) 20px;align-items:center;column-gap:13px} .topbar .menu-arrow{display:flex;align-items:center;justify-content:center;align-self:center;width:20px;height:20px;line-height:0;margin:0} .topbar .menu-arrow svg{display:block;width:20px;height:20px} /* Footer only — matching turquoise studio direction. */ .digital-footer{position:relative;overflow:hidden;background:#102e2e;color:#e8f3ee;padding:0;border:0} .digital-footer:before{content:'';position:absolute;pointer-events:none;width:650px;height:650px;top:-420px;right:-100px;border-radius:50%;border:1px solid #79cbb826;box-shadow:0 0 0 55px #79cbb807,0 0 0 110px #79cbb805} .digital-footer .footer-shell{max-width:1360px;margin:auto;padding:70px 56px 25px;position:relative} .digital-footer .footer-opening{display:flex;justify-content:space-between;align-items:center;gap:40px;padding-bottom:55px} .digital-footer .footer-eyebrow{font-size:10px;letter-spacing:2px;color:#8bcebc;margin-bottom:20px} .digital-footer h2{font-family:Arial,Helvetica,sans-serif;font-size:clamp(32px,3.2vw,46px);font-weight:500;letter-spacing:-1.5px;line-height:1.18} .digital-footer h2 span{color:#93cfbc} .digital-footer .footer-quote{display:flex;align-items:center;gap:36px;flex-shrink:0;background:#bdf1db;color:#163a31;padding:19px 24px;border-radius:50px;font-size:14px;font-weight:600;transition:background .2s,transform .2s} .digital-footer .footer-quote svg{width:23px;height:23px;transition:transform .2s} .digital-footer .footer-quote:hover{background:#d2ffe9;transform:translateY(-3px)} .digital-footer .footer-quote:hover svg{transform:translate(2px,-2px)} .digital-footer .footer-directory{display:grid;grid-template-columns:1.4fr 1.3fr .9fr 1fr .8fr;gap:30px;padding:42px 0 50px;border-top:1px solid #c2e8dc1a} .digital-footer .footer-identity .brand{width:135px}.digital-footer .brand img{width:135px}.digital-footer .brand small{color:#b8d6cc} .digital-footer .footer-identity p{font-size:13px;line-height:1.85;color:#b0c9c0;margin-top:22px} .digital-footer .footer-email{display:inline-flex;gap:14px;margin-top:22px;font-size:12px;color:#9fdfc9} .digital-footer .footer-column h3{font-size:13px;font-weight:600;line-height:1.5;letter-spacing:0;color:#f0f8f4;margin:0 0 19px} .digital-footer .footer-column>a{display:block;font-size:12px;line-height:1.5;color:#afc8bf;padding:6px 0;transition:color .2s,translate .2s} .digital-footer .footer-column>a:hover{color:#c1ffe3;translate:3px 0} .digital-footer .footer-base{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #c2e8dc1a;padding-top:24px;color:#95b3a8;font-size:11px} .digital-footer .footer-base>div{display:flex;align-items:center;gap:27px}.digital-footer .footer-base a:hover{color:#e5fff2} .digital-footer .footer-top{display:inline-flex;gap:12px;color:#c0e8d7} @media(max-width:1000px){.digital-footer .footer-directory{grid-template-columns:repeat(4,1fr);gap:30px}.digital-footer .footer-identity{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:start}.digital-footer .footer-identity p{margin:0}.digital-footer .footer-email{margin-top:12px}.digital-footer .footer-opening{gap:24px}} @media(max-width:700px){.digital-footer .footer-shell{padding:44px 24px 24px}.digital-footer .footer-opening{display:block;padding-bottom:34px}.digital-footer h2{font-size:32px;letter-spacing:-1px}.digital-footer .footer-quote{width:fit-content;margin-top:26px;padding:15px 22px;gap:28px}.digital-footer .footer-directory{grid-template-columns:1fr 1fr;gap:30px 20px;padding:30px 0}.digital-footer .footer-identity{display:block;padding-bottom:4px}.digital-footer .footer-identity p{margin-top:18px}.digital-footer .footer-column h3{margin-bottom:12px}.digital-footer .footer-base{align-items:flex-start;flex-direction:column;gap:18px}.digital-footer .footer-base>div{gap:18px;flex-wrap:wrap}.digital-footer .footer-column>a{padding:9px 0}} @media(prefers-reduced-motion:reduce){.digital-footer *{transition:none!important}}