.hero-service{display:grid;grid-template-columns:1.05fr 1fr;gap:46px;align-items:center;padding:64px 32px 72px}.hero-service h1{font-size:clamp(40px,4.3vw,60px);letter-spacing:-2.4px}.hero-service .intro{font-size:19px}.hero-copy{min-width:0}.service-visual{margin:0;min-width:0;border-radius:36px;padding:32px;position:relative;isolation:isolate;font-size:15px;line-height:1.45}.service-visual figcaption{font-size:14px;margin-top:30px;position:relative}.service-visual figcaption>span{display:block;font-size:11px;opacity:.72;margin-top:5px}.service-visual strong{display:block;font-weight:600;letter-spacing:-1px;font-size:32px;line-height:1.15}.service-visual small{font-size:10px;letter-spacing:.8px;display:block}.visual-label{display:block;font-size:10px;letter-spacing:1px;margin-bottom:17px}.web-visual{background:#eee5f0;padding-top:40px;padding-bottom:26px}.browser-model{background:#fffaf4;border-radius:14px;overflow:hidden;box-shadow:0 22px 42px #32203920;margin-right:21px;transform:rotate(-3deg)}.browser-bar{display:flex;align-items:center;gap:4px;padding:12px;background:#e0d4e5;font-size:10px}.browser-bar i{width:5px;height:5px;border-radius:50%;background:#927b99}.browser-bar span{margin-left:12px}.model-page{padding:23px}.model-page strong{margin:14px 0 20px}.project-art{height:130px;border-radius:60px 60px 8px 8px;background:#e9b59b;display:flex;gap:12px;align-items:flex-end;justify-content:center;overflow:hidden}.project-art i{width:23%;height:80%;border-radius:80px 80px 0 0;background:#7e6764;transform:rotate(-12deg)}.project-art i:nth-child(2){height:60%;background:#f9ead2}.project-art i:nth-child(3){height:95%;background:#b5584e}.model-bottom{display:grid;gap:13px;margin-top:17px;font-size:10px}.model-bottom b{background:var(--ink);color:var(--paper);padding:10px;border-radius:20px;text-align:center;width:fit-content}.phone-model{position:absolute;right:16px;bottom:91px;width:132px;padding:14px 11px;background:#fffaf4;border:5px solid #322039;border-radius:23px;box-shadow:0 16px 26px #3220392b;transform:rotate(7deg)}.phone-speaker{display:block;width:32px;height:4px;border-radius:4px;background:var(--ink);margin:0 auto 17px}.phone-model strong{font-size:18px;margin:12px 0}.phone-model small{font-size:8px;letter-spacing:0}.phone-art{height:73px;border-radius:35px 35px 4px 4px;background:linear-gradient(115deg,#b5584e 32%,#ead4b9 32%,#ead4b9 65%,#7e6764 65%)}.phone-model b{display:block;background:#322039;color:#fffaf4;text-align:center;font-size:8px;border-radius:12px;padding:7px;margin-top:12px}.auto-visual{background:#322039;color:#fffaf4}.workflow-top{margin-bottom:27px}.flow-source,.flow-hub{display:flex;gap:14px;align-items:center;border-radius:18px;padding:17px}.flow-source{border:1px solid #ffffff38;background:#ffffff08}.flow-source small,.flow-hub small{margin-bottom:5px}.flow-icon{font-size:29px;color:#ffa798}.flow-connector{height:25px;width:1px;background:#ff9a89;margin:auto}.flow-hub{background:#ffb4a2;color:#322039}.flow-hub>span{font-size:31px;font-weight:900;background:#fffaf4;border-radius:12px;padding:1px 10px}.flow-hub b{font-size:14px}.flow-branches{height:25px;width:69%;margin:auto;border-left:1px solid #ff9a89;border-right:1px solid #ff9a89;border-top:1px solid #ff9a89;position:relative;margin-top:20px}.flow-branches:before{content:'';position:absolute;left:50%;top:-21px;width:1px;height:45px;background:#ff9a89}.flow-results{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;text-align:center}.flow-results>div{border-radius:15px;background:#ffffff10;padding:14px 7px}.flow-results span{display:block;color:#ffb4a2;font-size:24px}.flow-results b{display:block;font-size:12px;margin:7px 0}.flow-results small{font-size:10px;letter-spacing:0;color:#d7c9db}.visibility-visual{background:#f4d9cc}.visibility-top strong{font-size:37px}.channel-cloud{display:flex;gap:8px;flex-wrap:wrap;margin-top:27px}.channel-cloud span{padding:10px 13px;background:#fffaf4;border-radius:22px;font-size:12px;box-shadow:0 5px 12px #69472e08}.channel-cloud span:last-child{margin-left:33px;background:#322039;color:#fffaf4}.visibility-line{text-align:center;font-size:29px;padding:8px;color:#925a51}.business-card{display:flex;align-items:center;gap:15px;background:#fffaf4;padding:23px 18px;border-radius:20px;box-shadow:0 15px 25px #69472e10}.business-monogram{display:grid;place-items:center;flex-shrink:0;background:#eee5f0;width:55px;height:62px;border-radius:28px 28px 9px 9px;font-size:25px;font-weight:700}.business-card b{font-size:18px;line-height:1.3;display:block;margin-top:6px}.business-card>span:last-child{margin-left:auto;font-size:24px}.visibility-proof{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;font-size:10px;margin-top:20px}.section-intro{max-width:790px;color:#6b5b71}.open-brief{display:flex;gap:32px;align-items:center;justify-content:space-between;padding:29px 0 8px;margin-top:24px;border-top:1px solid #d9cddc}.open-brief h3{font-size:25px;margin:0 0 12px}.open-brief p{font-size:17px;margin:0;max-width:740px}.open-brief>a{flex-shrink:0;font-size:15px;font-weight:600;max-width:180px}
@media(max-width:950px){.hero-service{gap:24px;padding:45px 24px}.service-visual{padding:25px}.hero-service h1{font-size:45px}.service-visual strong{font-size:29px}.phone-model{right:9px}.model-page{padding:18px}.open-brief{align-items:flex-start;flex-direction:column;gap:20px}.open-brief>a{max-width:none}}
@media(max-width:750px){.hero-service{grid-template-columns:1fr;gap:28px;padding:40px 24px}.hero-service h1{font-size:44px}.service-visual{width:100%;max-width:510px;justify-self:center}.service-visual strong{font-size:32px}.service-visual figcaption{font-size:13px}.phone-model{right:16px}.hero-service .note{font-size:12px}.flow-results{gap:6px}.flow-results small{font-size:10px}.open-brief h3{font-size:25px}}
.service-visual .phone-model strong{font-size:18px;letter-spacing:-.5px}@media(max-width:750px){.phone-model{width:112px;right:10px;bottom:107px}.model-page strong{font-size:27px}.phone-art{height:64px}}
.visibility-scene{background:radial-gradient(ellipse at 85% 15%,#77516d 0,transparent 52%),#322039;color:#fffaf4;padding:26px 22px 24px;overflow:hidden}.presence-stage{position:relative;height:465px;container-type:inline-size}.presence-orbit{position:absolute;border:1px solid #e9c9da25;border-radius:50%;width:370px;height:370px;left:0;top:22px}.orbit-two{width:280px;height:280px;left:105px;top:156px}.search-preview{position:absolute;top:15px;left:0;width:83%;background:#fffaf4;color:#322039;border-radius:18px;padding:20px;box-shadow:0 18px 40px #110a1e35;transform:rotate(-5deg)}.search-query{display:flex;gap:9px;align-items:center;padding:10px 11px;background:#eee9e8;border-radius:22px;font-size:11px;white-space:nowrap}.search-query svg{width:15px;height:15px;fill:none;stroke:#725d79;stroke-width:1.8;flex-shrink:0}.search-result{display:flex;align-items:center;gap:10px;margin-top:21px}.result-mark{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:#e8dbea;font-size:20px;font-weight:800;flex-shrink:0}.search-result small{font-size:8px;letter-spacing:1px}.search-result b{display:block;font-size:14px;line-height:1.3;margin:5px 0}.search-result div>span{font-size:10px;color:#74647a}.result-lines{margin:14px 0 10px}.result-lines i{display:block;height:4px;background:#e4ddd9;border-radius:6px;margin-top:6px;width:90%}.result-lines i:last-child{width:65%}.result-link{font-size:10px;color:#795579}.social-preview{position:absolute;right:0;top:155px;width:58%;border:5px solid #fffaf4;background:#fffaf4;color:#322039;border-radius:19px;box-shadow:0 22px 35px #110a1e42;transform:rotate(7deg);overflow:hidden}.social-profile{display:flex;align-items:center;gap:7px;padding:9px 7px;font-size:9px}.social-profile>span{display:grid;place-items:center;background:#e8dbea;width:22px;height:22px;border-radius:50%;font-weight:800}.social-profile i{font-style:normal;margin-left:auto}.project-scene{position:relative;background:#dac1aa;overflow:hidden;border-radius:9px}.project-scene>svg{display:block;width:100%;height:175px;object-fit:cover}.project-scene>span{position:absolute;bottom:9px;left:9px;border-radius:12px;padding:5px 9px;font-size:8px;background:#fffaf4e8}.social-actions{display:flex;gap:10px;font-size:23px;line-height:1;padding:9px 7px 5px}.social-actions span:last-child{margin-left:auto}.social-caption{padding:3px 7px 12px;line-height:1.4}.social-caption b{display:block;font-size:11px}.social-caption>span{display:block;font-size:8px;max-width:160px;margin-top:3px}.contact-notification{position:absolute;left:0;bottom:4px;z-index:2;display:flex;align-items:center;gap:12px;background:#ffb4a2;color:#322039;border:1px solid #ffd4c7;padding:17px 16px;border-radius:17px;box-shadow:0 14px 28px #140c2038;max-width:95%;transform:rotate(-3deg)}.message-symbol{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#fffaf4;flex-shrink:0}.message-symbol svg{width:21px;fill:none;stroke:#322039;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.contact-notification small{font-size:8px;letter-spacing:1px;margin-bottom:5px}.contact-notification b{display:block;font-size:12px;line-height:1.4}.presence-spark{position:absolute;color:#ffb4a2;left:7%;top:292px;font-size:75px;line-height:1;font-weight:300}.visibility-scene figcaption{margin-top:25px;font-size:17px}.visibility-scene figcaption>span{font-size:10px;color:#ded0df}.visibility-scene .service-visual{font-size:14px}@media(max-width:950px) and (min-width:751px){.search-preview{width:92%;padding:14px}.search-query{font-size:9px}.social-preview{width:67%}.contact-notification{padding:12px;gap:8px}.contact-notification b{font-size:10px}.presence-spark{left:0;font-size:60px}}@media(max-width:750px){.presence-stage{height:430px}.visibility-scene{padding:22px 18px}.search-preview{width:94%;padding:15px}.search-query{font-size:10px}.social-preview{width:67%;top:151px}.project-scene>svg{height:150px}.search-result b{font-size:12px}.contact-notification{padding:14px 10px;gap:8px;bottom:0;max-width:100%}.contact-notification b{font-size:10px}.presence-spark{left:0;top:281px;font-size:57px}.visibility-scene figcaption{font-size:16px}.presence-orbit{width:270px;height:270px}.orbit-two{left:70px;top:175px}.social-caption>span{font-size:8px}}