.detail-page .desktop-nav a[aria-current=page]:after{width:100%;background:var(--lime)}
.detail-page .mobile-menu a[aria-current=page]{color:var(--lime)}
.detail-page section[id]{scroll-margin-top:55px}
.detail-hero{min-height:730px;position:relative;background:var(--ink);color:white;isolation:isolate;overflow:hidden}
.detail-hero>.container{position:relative;min-height:730px;padding-top:132px;padding-bottom:70px}
.detail-hero-image{position:absolute;inset:0 0 0 29%;z-index:-1}.detail-hero-image img{width:100%;height:100%;object-fit:cover;object-position:75% center}
.detail-hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#101820 0%,#101820a6 25%,#10182005 70%),linear-gradient(0deg,#1018208c,transparent 30%)}
.detail-breadcrumb{font-size:10px;letter-spacing:.13em;display:flex;gap:16px;color:#c3ccd4;margin-bottom:70px}.detail-breadcrumb a{color:white}.detail-breadcrumb span{color:#718293}
.detail-hero-copy{position:relative;z-index:2}.detail-hero-copy>.eyebrow{display:flex;gap:10px;align-items:center;font-size:10px;letter-spacing:.13em;margin-bottom:26px}
.detail-hero h1{font-size:clamp(58px,5.6vw,84px);font-weight:760;line-height:1.14;letter-spacing:-.055em}.detail-hero h1 em{color:var(--lime)}
.detail-lead{font-size:18px;line-height:1.6;letter-spacing:-.025em;color:#dbe3ed;margin-top:27px}
.detail-hero-copy .pill{margin-top:32px;font-size:14px;padding:18px 24px;gap:30px}
.detail-hero-bottom{position:absolute;bottom:29px;left:0;right:0;display:flex;justify-content:space-between;gap:15px;font-size:8px;letter-spacing:.13em;color:#c0cad5}
.campaign-hero-inset{position:absolute;width:188px;height:240px;right:0;bottom:95px;transform:rotate(6deg);border:1px solid #ffffff75;box-shadow:0 30px 50px #0005;overflow:hidden}
.campaign-hero-inset img{height:100%;width:100%;object-fit:cover}.campaign-hero-inset:after{position:absolute;inset:0;content:"";background:linear-gradient(transparent,#101820c2)}.campaign-hero-inset>span,.campaign-hero-inset>strong{position:absolute;z-index:1;left:18px}.campaign-hero-inset>span{top:18px;font-size:8px;letter-spacing:.1em}.campaign-hero-inset>strong{bottom:23px;font-size:24px;line-height:1.2;letter-spacing:-.04em}
.detail-subnav{position:relative;background:#fff;border-bottom:1px solid var(--line)}.detail-subnav>.container{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:64px}
.detail-subnav .container>span{font-size:15px;font-weight:700}.detail-subnav .container>div{display:flex;gap:35px;font-size:13px;color:#687280}
.detail-subnav .container>div>a{padding-block:22px;position:relative}.detail-subnav .container>div>a.active{color:var(--blue);font-weight:650}.detail-subnav .container>div>a.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--blue)}
.subnav-contact{font-size:12px;color:var(--blue);display:flex;gap:9px;align-items:center}.subnav-contact .icon{width:16px;height:16px}
.solution-tabs{display:flex;border-bottom:1px solid var(--line);gap:8px;margin-bottom:25px}.solution-tabs button{padding:19px 27px;border:0;background:transparent;font-size:18px;font-weight:600;border-radius:5px 5px 0 0;display:flex;gap:18px;align-items:center;transition:background .3s,color .3s}
.solution-tabs button small{font-size:11px;font-weight:450}.solution-tabs button[aria-selected=true]{background:var(--blue);color:white}
.solution-panel{display:grid;grid-template-columns:1fr 1.3fr;border:1px solid var(--line);border-radius:6px;overflow:hidden;animation:panel-in .5s var(--ease);min-height:520px}
.solution-copy{padding:58px 48px;display:flex;flex-direction:column;align-items:flex-start}.mini-label{font-size:10px;letter-spacing:.1em;font-weight:550}.solution-copy .mini-label{color:#6c7682}.solution-copy h3{font-size:43px;line-height:1.18;letter-spacing:-.04em;margin-top:42px;font-weight:700}
.solution-copy>p{font-size:16px;line-height:1.65;color:#65707c;margin-top:25px;letter-spacing:-.02em}.scope-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.scope-tags>span{font-size:11px;padding:8px 10px;background:#f1f4f8;border-radius:3px}.solution-copy .text-link{font-size:13px;margin-top:34px}
.solution-art{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;background:var(--blue);isolation:isolate;overflow:hidden}.art-caption{position:absolute;top:26px;right:26px;font-size:9px;letter-spacing:.09em;color:#ffffffc4;z-index:3}
.campaign-search{width:74%;max-width:380px;background:white;transform:rotate(-5deg);padding:23px;border-radius:9px;box-shadow:0 24px 50px #05289170;overflow:hidden}
.search-query{display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:17px;font-size:12px}.search-query b{font-size:30px;line-height:1;color:var(--blue)}.search-query>span:last-child{margin-left:auto;font-size:24px;color:var(--blue)}
.result-title{font-size:25px;letter-spacing:-.04em;font-weight:700;margin-top:24px}.campaign-search>p{font-size:11px;color:#7d8490;margin-top:8px}.campaign-search>img{height:170px;width:100%;object-fit:cover;margin-top:20px}.result-footer{display:flex;justify-content:space-between;align-items:center;margin-top:18px;font-size:8px;letter-spacing:.07em}.result-footer .icon{width:18px}
.social-art{background:#111f35}.social-phone{position:absolute;margin:0;width:40%;height:350px;border:5px solid #0a111c;border-radius:23px;overflow:hidden;box-shadow:0 25px 45px #0006}.social-phone>img{height:100%;width:100%;object-fit:cover}.social-phone:after{position:absolute;inset:0;content:"";background:linear-gradient(transparent 25%,#101820d9)}.social-phone>figcaption{position:absolute;bottom:30px;left:22px;z-index:1;color:#fff;font-size:28px;font-weight:650;letter-spacing:-.04em;line-height:1.2}.phone-one{left:13%;top:58px;transform:rotate(-9deg)}.phone-one img{object-position:80%}.phone-two{right:12%;bottom:47px;transform:rotate(10deg)}
.conversion-art{background:var(--ink);color:#fff}.conversion-flow{display:flex;flex-direction:column;gap:14px;width:65%;align-items:center}.conversion-flow>span{padding:19px 25px;border:1px solid #ffffff38;width:100%;border-radius:4px;text-align:center;font-size:25px;font-weight:650;letter-spacing:-.03em}.conversion-flow>i{font-size:18px;color:#c4cfdb}.conversion-flow .flow-final{background:var(--blue);border-color:var(--blue);display:flex;justify-content:space-between;align-items:center}.flow-loop{position:absolute;bottom:28px;font-size:11px;color:#bbc8d5}
.detail-workflow{padding:90px 0 100px}.dark-workflow{background:var(--ink);color:white}.dark-workflow .eyebrow{color:#aebbc9}.outline-word{font-size:85px;font-weight:750;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1px #ffffff40;line-height:1}
.workflow-grid{list-style:none;padding:0;margin:60px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:36px}.workflow-grid>li{position:relative;min-width:0;padding-bottom:25px}.step-number{font-size:12px;color:var(--lime)}.workflow-grid h3{margin-top:26px;font-size:27px;letter-spacing:-.035em;font-weight:650}.workflow-grid p{font-size:13px;line-height:1.6;color:#aebac7;margin-top:14px;word-break:keep-all}.step-rule{height:1px;background:#ffffff45;position:absolute;bottom:0;left:0;right:0}.step-rule:after{content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;background:var(--blue);border-radius:50%}
.faq-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:100px}.detail-faq h2{font-size:44px}.faq-items details{border-top:1px solid var(--line)}.faq-items details:last-child{border-bottom:1px solid var(--line)}.faq-items summary{font-size:17px;font-weight:600;list-style:none;cursor:pointer;padding:24px 38px 24px 0;position:relative;letter-spacing:-.015em;line-height:1.5}.faq-items summary::-webkit-details-marker{display:none}.faq-plus{position:absolute;right:4px;top:28px;width:15px;height:15px}.faq-plus:before,.faq-plus:after{content:"";position:absolute;left:0;top:7px;background:var(--ink);width:15px;height:1.5px}.faq-plus:after{transform:rotate(90deg);transition:transform .25s}.faq-items details[open] .faq-plus:after{transform:rotate(0)}.faq-items details[open] summary{color:var(--blue)}.faq-items details>p{font-size:14px;line-height:1.8;color:#636d78;padding:0 30px 24px 0;word-break:keep-all}
.detail-cta{background:var(--blue);color:white;padding:75px 0}.detail-cta>.container{display:flex;align-items:center;justify-content:space-between;gap:45px}.detail-cta .eyebrow{font-size:10px;opacity:.8}.detail-cta h2{font-size:46px}.detail-cta-link{display:flex;align-items:center;gap:25px;font-size:22px;font-weight:650;letter-spacing:-.035em}.cta-disc{display:flex;justify-content:center;align-items:center;background:var(--lime);color:var(--ink);height:90px;width:90px;border-radius:50%;transition:transform .4s var(--ease),background .3s}.cta-disc .icon{width:35px;height:35px}.detail-cta-link:hover .cta-disc{transform:rotate(45deg);background:#fff}
.related-services{padding:35px 0;background:#fff}.related-services>.container{display:flex;gap:40px;align-items:center}.related-services .container>span{font-size:12px;color:#7b8490;margin-right:auto}.related-services a{display:flex;align-items:center;gap:18px;font-size:15px;font-weight:600}.related-services a:hover{color:var(--blue)}.related-services .icon{width:18px;height:18px}
.web-hero{background:#204ce5}.web-hero>.container{min-height:740px}.web-hero .detail-hero-copy{max-width:55%}.web-hero h1{font-size:clamp(55px,4.7vw,74px)}.web-hero-visual{position:absolute;width:53%;height:485px;right:-5%;bottom:90px;margin:0;overflow:hidden;box-shadow:0 30px 75px #03248840;transform:rotate(-4deg);border:1px solid #ffffff24;border-radius:8px}.web-hero-visual img{width:100%;height:100%;object-fit:cover;object-position:57%}.web-hero-visual figcaption{position:absolute;bottom:18px;left:23px;right:23px;color:#fff;display:flex;justify-content:space-between;font-size:7px;letter-spacing:.08em}
.playground-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.template-tabs{display:flex;gap:8px}.template-tabs button{border:0;padding:15px 22px;border-radius:99px;background:transparent;font-size:15px;font-weight:600;transition:background .25s,color .25s}.template-tabs button[aria-selected=true]{background:var(--ink);color:#fff}.template-tabs button:hover:not([aria-selected=true]){background:#f0f3f8}
.device-switch{display:flex;padding:5px;border:1px solid var(--line);border-radius:99px;gap:4px}.device-switch>button{padding:10px 17px;border:0;border-radius:99px;background:transparent;display:flex;align-items:center;gap:8px;font-size:12px;min-height:42px}.device-switch>button[aria-pressed=true]{background:var(--blue);color:#fff}.device-icon{display:inline-block;border:1.5px solid;width:15px;height:11px;border-radius:1px;position:relative}.desktop-icon:after{position:absolute;content:"";width:8px;height:1px;background:currentColor;bottom:-4px;left:2px}.mobile-icon{height:16px;width:10px;border-radius:2px}
.design-stage{background:#eaf0fa;min-height:680px;display:flex;align-items:center;justify-content:center;padding:70px 45px 40px;position:relative;border-radius:7px;overflow:hidden}.studio-label{position:absolute;top:25px;left:28px;font-size:9px;color:#637285;letter-spacing:.12em}.device-frame{width:100%;max-width:900px;background:#fff;border:7px solid #172331;border-bottom-width:12px;border-radius:13px;box-shadow:0 28px 65px #31496630;transition:max-width .65s var(--ease),border-radius .65s,height .65s;min-width:0}.device-frame.is-mobile{max-width:282px;border-width:7px;border-radius:31px;border-bottom-width:10px;overflow:hidden}.device-chrome{height:25px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;color:#87909e;font-size:8px;background:#eff2f7}.device-chrome>span:first-child{font-size:6px;letter-spacing:2px}
.mini-website{overflow:hidden}.mini-nav{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:20px 26px;color:var(--ink);font-size:9px}.mini-nav>strong{font-size:14px;letter-spacing:-.035em}.mini-nav>b{font-size:20px}.mini-nav>span{margin-left:auto;font-size:7px;letter-spacing:.07em}.mini-hero{position:relative;height:255px;color:#fff;background:var(--ink);overflow:hidden}.mini-hero img{height:100%;width:100%;object-fit:cover;object-position:center 48%;transition:opacity .25s}.mini-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0716259c,transparent 80%)}.mini-hero-copy{position:absolute;left:32px;top:50%;transform:translateY(-50%);z-index:1}.mini-hero-copy>span:first-child{font-size:8px;letter-spacing:.1em}.mini-hero-copy>h3{font-size:40px;line-height:1.2;font-weight:650;letter-spacing:-.045em;margin-top:12px}.mini-cta{font-size:10px;display:inline-block;border:1px solid #ffffff80;padding:9px 13px;margin-top:24px}
.mini-section{padding:24px 28px}.mini-section>span{display:block;font-size:9px;letter-spacing:.08em;margin-bottom:16px}.mini-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.mini-grid>img{width:100%;height:110px;object-fit:cover}.mini-graphic{padding:15px;background:var(--blue);color:white;font-size:21px;font-weight:730;line-height:1;letter-spacing:-.03em;position:relative}.mini-graphic>span{position:absolute;right:12px;bottom:10px;font-size:23px}
.device-frame.is-mobile .device-chrome{height:21px}.device-frame.is-mobile .device-chrome>span:first-child{visibility:hidden}.device-frame.is-mobile .mini-nav{padding:16px 16px;font-size:7px}.device-frame.is-mobile .mini-nav>strong{font-size:12px}.device-frame.is-mobile .mini-nav>span{display:none}.device-frame.is-mobile .mini-nav>b{font-size:16px}.device-frame.is-mobile .mini-hero{height:290px}.device-frame.is-mobile .mini-hero img{object-position:57%}.device-frame.is-mobile .mini-hero-copy{left:20px;right:15px;top:auto;bottom:26px;transform:none}.device-frame.is-mobile .mini-hero-copy>h3{font-size:31px;word-break:keep-all;max-width:180px}.device-frame.is-mobile .mini-section{padding:20px 16px}.device-frame.is-mobile .mini-grid{gap:8px;grid-template-columns:1fr 1fr}.device-frame.is-mobile .mini-grid>img{height:95px}.device-frame.is-mobile .mini-graphic{display:none}
.template-shop .mini-hero:after{background:linear-gradient(90deg,#111b298c,transparent)}.template-platform .mini-graphic{background:var(--lime);color:var(--ink)}.template-platform .mini-nav{color:var(--blue)}
.playground-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:22px}.playground-caption>p{font-size:12px;color:#707b88}.playground-caption .text-link{font-size:13px}
.web-principles{padding:0 0 100px}.web-principles>.container{border-top:1px solid var(--line);padding-top:50px}.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:45px}.principle-grid article{border-left:1px solid var(--line);padding-left:28px}.principle-grid article>span{font-size:10px;color:var(--blue);letter-spacing:.08em}.principle-grid h3{font-size:32px;margin-top:26px;letter-spacing:-.04em}.principle-grid p{font-size:15px;color:#76808b;line-height:1.7;margin-top:18px}
.consult-hero .detail-hero-image{inset:0}.consult-hero .detail-hero-image img{object-position:50% 43%}.consult-hero .detail-hero-image:after{background:linear-gradient(90deg,#101820e6,#1018208c 47%,#1018200d),linear-gradient(0deg,#1018209e,transparent)}.consult-tag{position:absolute;right:4%;bottom:125px;border:1px solid #ffffff70;backdrop-filter:blur(9px);background:#17243250;width:210px;height:225px;padding:27px;transform:rotate(6deg);color:var(--lime)}.consult-tag>span{font-size:9px;letter-spacing:.15em;display:block;margin-bottom:25px}.consult-tag>strong{font-size:53px;font-weight:730;line-height:.92;letter-spacing:-.04em}.consult-tag>.icon{position:absolute;right:24px;bottom:21px}
.diagnosis-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:55px;align-items:start}.diagnosis-options{display:flex;flex-direction:column;padding-top:18px}.diagnosis-options button{border:0;border-bottom:1px solid var(--line);padding:27px 17px;background:#fff;font-size:20px;font-weight:600;display:flex;gap:17px;text-align:left;align-items:center;letter-spacing:-.02em;transition:background .3s,color .3s}.diagnosis-options button small{font-size:11px;font-weight:450}.diagnosis-options button .icon{margin-left:auto;width:20px;height:20px}.diagnosis-options button[aria-selected=true]{background:var(--blue);color:#fff;border-radius:5px}
.diagnosis-result{position:relative;overflow:hidden;background:var(--blue);color:#fff;border-radius:6px;padding:40px;min-height:530px}.diagnosis-result h3{font-size:39px;line-height:1.2;font-weight:700;letter-spacing:-.04em;margin-top:86px;position:relative;z-index:2}.diagnosis-result ol{list-style:none;padding:0;margin:25px 0 30px;counter-reset:diagnosis}.diagnosis-result li{font-size:14px;padding:13px 0;border-bottom:1px solid #ffffff35;position:relative;counter-increment:diagnosis}.diagnosis-result li:before{content:"0" counter(diagnosis);font-size:10px;color:#ced8ff;margin-right:18px}.diagnosis-result .pill{font-size:13px;min-height:49px;gap:22px;padding:14px 20px}.diagnosis-note{font-size:10px;line-height:1.5;color:#e0e7ff;margin-top:20px}.diagnosis-art{position:absolute;top:28px;right:-13px;width:210px;height:150px}.diagnosis-orbit{position:absolute;border:1px solid #ffffff60;width:135px;height:135px;border-radius:50%}.orbit-offset{left:65px;border-color:#ffffff30}.diagnosis-core{position:absolute;top:35px;left:65px;font-size:66px;font-weight:300;color:var(--lime);line-height:1}.diagnosis-result.switching{animation:panel-in .4s var(--ease)}
.consult-deliverables{padding:0 0 100px}.consult-deliverables>.container{padding-top:58px;border-top:1px solid var(--line)}.consult-deliverables h2{font-size:43px;margin-bottom:45px}.deliverable-row{display:grid;grid-template-columns:50px 1fr 1.3fr 24px;gap:28px;align-items:center;padding:27px 0;border-top:1px solid var(--line)}.deliverable-row>span{font-size:11px;color:#78818c}.deliverable-row h3{font-size:25px;font-weight:650;letter-spacing:-.035em}.deliverable-row p{font-size:14px;color:#78818c;word-break:keep-all}.deliverable-row>.icon{color:var(--blue)}
@media(max-width:1150px){
.detail-hero,.detail-hero>.container{min-height:710px}.detail-hero h1{font-size:69px}.detail-hero-image{left:23%}.detail-hero-copy{max-width:80%}.campaign-hero-inset{width:155px;height:215px;right:0;bottom:80px}.solution-copy{padding:45px 32px}.solution-copy h3{font-size:38px}.solution-copy>p{font-size:14px}.campaign-search{width:82%;padding:19px}.result-title{font-size:23px}.social-phone>figcaption{font-size:24px;left:17px}.faq-layout{gap:55px}.workflow-grid{gap:25px}.workflow-grid h3{font-size:25px}.workflow-grid p{font-size:12px}.web-hero .detail-hero-copy{max-width:60%}.web-hero h1{font-size:60px}.web-hero-visual{height:425px;right:-5%;width:52%;bottom:110px}.diagnosis-layout{gap:30px;grid-template-columns:1fr 1.1fr}.diagnosis-options button{font-size:17px;gap:12px;padding:24px 12px}.diagnosis-result{padding:34px}.diagnosis-result h3{font-size:35px}.principle-grid h3{font-size:28px}}
@media(max-width:900px){
.detail-hero h1{font-size:61px}.detail-hero,.detail-hero>.container{min-height:690px}.detail-hero>.container{padding-top:120px}.detail-breadcrumb{margin-bottom:60px}.detail-hero-image{left:12%}.detail-lead{font-size:16px}.campaign-hero-inset{display:none}.solution-copy{padding:35px 27px}.solution-copy h3{font-size:34px;margin-top:30px}.solution-tabs button{font-size:16px;padding:18px 22px}.solution-panel{min-height:500px;grid-template-columns:1fr 1.05fr}.campaign-search{width:85%;padding:16px}.result-title{font-size:20px}.campaign-search>img{height:145px}.search-query{font-size:9px;gap:9px}.social-phone{height:295px;width:49%}.phone-one{left:5%}.phone-two{right:4%;bottom:67px}.social-phone>figcaption{font-size:22px}.scope-tags{gap:6px}.scope-tags>span{font-size:10px;padding:7px 8px}.detail-workflow{padding:75px 0}.workflow-grid{grid-template-columns:repeat(2,1fr);gap:35px 45px;margin-top:40px}.workflow-grid>li{padding-bottom:20px}.workflow-grid h3{margin-top:20px}.outline-word{font-size:70px}.faq-layout{grid-template-columns:1fr;gap:35px}.detail-faq h2{font-size:40px}.detail-cta h2{font-size:39px}.detail-cta-link{font-size:18px;gap:19px}.cta-disc{height:73px;width:73px}.related-services>.container{gap:30px}.related-services .container>span{font-size:11px}.related-services a{font-size:14px;gap:14px}.web-hero h1{font-size:55px}.web-hero .detail-hero-copy{max-width:70%}.web-hero-visual{height:340px;right:-10%;width:55%;bottom:110px;opacity:.85}.web-hero .detail-lead{max-width:340px}.template-tabs button{font-size:13px;padding:13px 16px}.device-switch>button{font-size:11px;padding:9px 12px}.design-stage{padding-inline:28px;min-height:640px}.mini-hero-copy>h3{font-size:34px}.mini-grid>img{height:95px}.mini-graphic{font-size:19px}.principle-grid{gap:23px}.principle-grid article{padding-left:18px}.principle-grid h3{font-size:25px}.principle-grid p{font-size:13px}.diagnosis-layout{grid-template-columns:1fr;gap:25px}.diagnosis-options{padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}.diagnosis-options button{font-size:15px;padding:20px 13px;border:1px solid var(--line);border-radius:4px;min-height:72px;line-height:1.5}.diagnosis-result{min-height:505px;padding:35px 40px}.diagnosis-result h3{margin-top:60px}.diagnosis-result ol{max-width:75%}.diagnosis-art{right:30px;top:30px}.consult-tag{width:175px;height:205px;right:0;bottom:95px;padding:22px}.consult-tag>strong{font-size:46px}.consult-deliverables h2{font-size:37px}.deliverable-row{grid-template-columns:35px 1fr 1.3fr 24px;gap:20px}.deliverable-row h3{font-size:23px}.deliverable-row p{font-size:12px}}
@media(max-width:600px){
.detail-page section[id]{scroll-margin-top:52px}.detail-hero,.detail-hero>.container{min-height:710px}.detail-hero>.container{padding-top:108px;padding-bottom:80px}.detail-breadcrumb{font-size:8px;gap:10px;margin-bottom:65px}.detail-hero h1{font-size:clamp(43px,11vw,60px);line-height:1.15}.detail-hero-copy{max-width:100%}.detail-hero-copy>.eyebrow{font-size:8px;margin-bottom:24px;letter-spacing:.11em}.detail-lead{font-size:15px;line-height:1.55;margin-top:26px}.detail-hero-copy .pill{font-size:13px;padding:16px 21px;min-height:51px;margin-top:30px}.detail-hero-image{inset:0}.campaign-hero .detail-hero-image img{width:155%;max-width:none;height:100%;object-position:90%;position:absolute;right:-17%}.detail-hero-image:after{background:linear-gradient(90deg,#101820b3,#10182012 80%),linear-gradient(0deg,#101820b3,transparent 50%)}.detail-hero-bottom{font-size:6px;letter-spacing:.08em;gap:20px;bottom:25px;line-height:1.6}.detail-hero-bottom>span:first-child{max-width:190px}.detail-hero-bottom>span:last-child{text-align:right}.detail-subnav>.container{min-height:58px;gap:10px}.detail-subnav .container>span{display:none}.detail-subnav .container>div{gap:20px;font-size:11px}.detail-subnav .container>div>a{padding-block:20px}.subnav-contact{font-size:10px;gap:5px}.subnav-contact .icon{width:13px;height:13px}
.offer-section .section-heading,.website-offer .section-heading,.consult-offer .section-heading{display:block}.offer-section .section-aside,.website-offer .section-aside,.consult-offer .section-aside{padding-top:20px;max-width:none;font-size:13px}.offer-section .section-aside br,.website-offer .section-aside br,.consult-offer .section-aside br{display:none}.solution-tabs{gap:4px;margin-bottom:18px}.solution-tabs button{flex:1;justify-content:center;font-size:12px;padding:16px 8px;gap:8px;white-space:nowrap}.solution-tabs button small{font-size:9px}.solution-panel{display:flex;flex-direction:column}.solution-copy{padding:30px 26px 32px}.solution-copy h3{font-size:35px;margin-top:27px}.solution-copy>p{font-size:14px;margin-top:19px}.scope-tags{margin-top:22px}.solution-copy .text-link{margin-top:23px}.solution-art{height:410px;min-height:410px}.art-caption{font-size:7px;top:18px;right:18px}.campaign-search{width:76%;max-width:300px;padding:18px}.search-query{padding-bottom:13px;font-size:10px}.search-query b{font-size:25px}.result-title{font-size:24px;margin-top:20px}.campaign-search>p{font-size:9px}.campaign-search>img{height:145px;margin-top:17px}.result-footer{margin-top:15px}.social-phone{height:280px;width:45%}.phone-one{top:45px;left:8%}.phone-two{bottom:38px;right:6%}.social-phone>figcaption{font-size:23px;left:15px;bottom:22px}.conversion-flow{width:68%;gap:10px}.conversion-flow>span{font-size:22px;padding:16px 20px}.flow-loop{font-size:10px;bottom:22px}
.detail-workflow{padding:60px 0 65px}.detail-workflow h2{font-size:34px}.outline-word{display:none}.workflow-grid{gap:32px 20px;margin-top:35px}.workflow-grid h3{font-size:23px;margin-top:19px}.workflow-grid p{font-size:12px;margin-top:12px}.step-number{font-size:10px}.faq-layout{gap:30px}.detail-faq h2{font-size:35px}.faq-items summary{font-size:15px;padding:20px 30px 20px 0}.faq-plus{top:25px;right:0;width:13px}.faq-plus:before,.faq-plus:after{width:13px}.faq-items details>p{font-size:13px;padding:0 15px 21px 0}.detail-cta{padding:56px 0}.detail-cta>.container{display:block}.detail-cta h2{font-size:37px}.detail-cta .eyebrow{font-size:8px;margin-bottom:24px}.detail-cta-link{justify-content:space-between;font-size:19px;margin-top:33px;padding-top:24px;border-top:1px solid #ffffff40}.cta-disc{width:63px;height:63px}.cta-disc .icon{width:27px;height:27px}.related-services{padding-block:28px}.related-services>.container{gap:15px;flex-wrap:wrap}.related-services .container>span{width:100%;font-size:11px;margin-bottom:3px}.related-services a{font-size:14px;gap:10px;margin-right:18px}.related-services .icon{width:15px}
.web-hero,.web-hero>.container{min-height:855px}.web-hero .detail-hero-copy{max-width:100%}.web-hero .detail-breadcrumb{margin-bottom:45px}.web-hero h1{font-size:clamp(42px,10.5vw,58px)}.web-hero .detail-lead{font-size:14px}.web-hero .detail-hero-copy .pill{margin-top:24px}.web-hero-visual{width:95%;height:260px;right:-3%;bottom:70px;opacity:1;transform:rotate(-4deg)}.web-hero-visual figcaption{font-size:6px;bottom:13px;left:17px;right:17px}
.playground-toolbar{display:block;margin-bottom:18px}.template-tabs{gap:4px;justify-content:space-between}.template-tabs button{font-size:13px;padding:13px 15px;min-height:47px}.device-switch{width:max-content;margin-top:18px;margin-left:auto}.device-switch>button{padding:9px 15px;min-height:40px}.design-stage{padding:60px 12px 30px;min-height:580px}.studio-label{left:18px;top:20px;font-size:7px}.device-frame{border-width:4px;border-bottom-width:8px;border-radius:8px}.device-frame.is-mobile{max-width:254px;border-width:6px;border-bottom-width:9px}.device-chrome{height:20px;padding:0 9px;font-size:6px}.mini-nav{padding:16px 13px}.mini-nav>strong{font-size:10px}.mini-nav>span{font-size:4px;letter-spacing:0}.mini-nav>b{font-size:12px}.mini-hero{height:205px}.mini-hero-copy{left:18px;right:12px}.mini-hero-copy>span:first-child{font-size:6px}.mini-hero-copy>h3{font-size:27px}.mini-cta{font-size:7px;padding:7px 9px;margin-top:18px}.mini-section{padding:18px 14px}.mini-section>span{font-size:7px;margin-bottom:12px}.mini-grid{gap:6px}.mini-grid>img{height:70px}.mini-graphic{font-size:14px;padding:10px}.mini-graphic>span{font-size:17px;right:8px;bottom:5px}.device-frame.is-mobile .mini-hero{height:255px}.device-frame.is-mobile .mini-grid>img{height:80px}.device-frame.is-mobile .mini-hero-copy>h3{font-size:29px}.playground-caption{gap:15px;align-items:flex-start}.playground-caption>p{font-size:10px;line-height:1.5;padding-top:9px}.playground-caption .text-link{font-size:11px;gap:7px;white-space:nowrap}.playground-caption .icon{width:14px}.web-principles{padding-bottom:60px}.web-principles>.container{padding-top:35px}.principle-grid{display:block;margin-top:30px}.principle-grid article{padding-left:20px;padding-block:8px;margin-top:26px}.principle-grid h3{font-size:27px;margin-top:18px}.principle-grid p{font-size:14px;margin-top:10px}.principle-grid p br{display:none}
.consult-hero .detail-hero-image img{object-position:70%}.consult-hero .detail-hero-image:after{background:linear-gradient(90deg,#101820db,#1018204d),linear-gradient(0deg,#10182070,transparent)}.consult-tag{width:125px;height:147px;right:2%;bottom:82px;padding:18px}.consult-tag>span{font-size:7px;margin-bottom:17px}.consult-tag>strong{font-size:33px}.consult-tag>.icon{width:19px;right:13px;bottom:13px}.diagnosis-options{grid-template-columns:1fr;gap:0}.diagnosis-options button{font-size:15px;min-height:65px;border:0;border-bottom:1px solid var(--line);padding:20px 12px;gap:14px}.diagnosis-options button .icon{width:18px}.diagnosis-layout{gap:25px}.diagnosis-result{padding:30px 26px;min-height:530px}.diagnosis-result h3{font-size:33px;margin-top:92px}.diagnosis-result ol{max-width:none;margin-top:24px}.diagnosis-result li{font-size:13px}.diagnosis-result .pill{font-size:12px;padding:15px 18px;gap:18px;min-height:50px}.diagnosis-art{right:0;top:27px;transform:scale(.8);transform-origin:top right}.diagnosis-note{font-size:9px}.consult-deliverables{padding-bottom:60px}.consult-deliverables>.container{padding-top:40px}.consult-deliverables h2{font-size:33px;line-height:1.3;max-width:280px;margin-bottom:32px}.deliverable-row{grid-template-columns:25px 1fr 20px;gap:12px;padding:22px 0}.deliverable-row>span{font-size:10px}.deliverable-row h3{font-size:23px}.deliverable-row p{grid-column:2/3;font-size:12px;line-height:1.65}.deliverable-row>.icon{grid-column:3;grid-row:1;width:19px}
}
@media(prefers-reduced-motion:reduce){.device-frame{transition:none}.diagnosis-result.switching,.solution-panel{animation:none}}

/* A larger, operable view of the same design playground. */
.playground-actions{display:flex;align-items:center;justify-content:flex-end;gap:24px}
.preview-expand{border:0;background:none;color:var(--ink);display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 0;font-size:13px;white-space:nowrap}
.preview-expand .icon{width:18px;height:18px;transition:transform .25s var(--ease)}.preview-expand:hover .icon{transform:scale(1.12)}.preview-expand:hover{color:var(--blue)}
.design-dialog{width:min(1380px,calc(100% - 56px));max-height:94dvh;background:#fff;padding:30px;border-radius:14px;overflow:auto}
.design-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}
.design-dialog-head .eyebrow{font-size:9px;margin-bottom:9px;color:#687485}.design-dialog-head h2{font-size:25px;letter-spacing:-.035em}
.design-dialog-head .dialog-close{position:static;flex:0 0 46px;min-height:46px;background:#f0f3f8}
.design-dialog .playground-toolbar{margin-bottom:18px}.design-dialog .design-stage{min-height:620px;padding:60px 35px 32px}
.design-dialog .device-frame:not(.is-mobile){max-width:1060px}.design-dialog .device-frame:not(.is-mobile) .mini-hero{height:300px}
.design-dialog .device-frame:not(.is-mobile) .mini-hero-copy>h3{font-size:48px}
.design-dialog .device-frame:not(.is-mobile) .mini-grid>img{height:130px}
.design-dialog-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px}
.design-dialog-foot p{font-size:12px;color:#677382}.design-dialog-foot .text-link{font-size:13px}
.preview-pan-hint{display:none}
@media(max-width:900px){.design-dialog{width:calc(100% - 32px);padding:24px}.playground-actions{gap:16px}}
@media(max-width:600px){
 .playground-caption{flex-wrap:wrap;gap:10px}.playground-caption>p{padding:0;width:100%;font-size:11px}
 .playground-actions{width:100%;justify-content:space-between;gap:12px}.playground-actions .text-link{font-size:12px}.preview-expand{font-size:12px}
 .design-dialog{width:calc(100% - 16px);padding:20px 16px;max-height:96dvh;border-radius:12px}
 .design-dialog-head{margin-bottom:22px;gap:10px}.design-dialog-head h2{font-size:21px}.design-dialog-head .eyebrow{font-size:8px}
 .design-dialog-head .dialog-close{flex-basis:44px;min-height:44px}
 .design-dialog .template-tabs{gap:2px}.design-dialog .template-tabs button{font-size:12px;padding:12px}
 .design-dialog .design-stage{display:block;overflow:auto;min-height:0;padding:46px 14px 24px;scrollbar-width:thin;scrollbar-color:#b4c4de transparent;overscroll-behavior-x:contain}
 .design-dialog .device-frame:not(.is-mobile){width:760px;max-width:none;border-width:6px;border-bottom-width:10px}
 .design-dialog .device-frame:not(.is-mobile) .mini-nav{padding:20px 24px}
 .design-dialog .device-frame:not(.is-mobile) .mini-nav>strong{font-size:14px}
 .design-dialog .device-frame:not(.is-mobile) .mini-nav>span{font-size:8px}
 .design-dialog .device-frame:not(.is-mobile) .mini-hero-copy{left:30px}
 .design-dialog .device-frame:not(.is-mobile) .mini-hero-copy>span:first-child{font-size:9px}
 .design-dialog .device-frame:not(.is-mobile) .mini-cta{font-size:11px}
 .design-dialog .device-frame:not(.is-mobile) .mini-section{padding:24px}
 .design-dialog .device-frame:not(.is-mobile) .mini-section>span{font-size:9px}
 .design-dialog .device-frame:not(.is-mobile) .mini-graphic{font-size:26px;padding:20px}
 .design-dialog .device-frame.is-mobile{width:100%;max-width:280px;margin-inline:auto}
 .design-dialog .device-frame.is-mobile .mini-hero{height:280px}
 .design-dialog-foot{flex-wrap:wrap;gap:10px}.design-dialog-foot p{font-size:10px}.design-dialog-foot .text-link{font-size:12px}
 .design-dialog:has(.device-frame:not(.is-mobile)) .preview-pan-hint{display:block;font-size:11px;color:#667588;margin-top:12px}
}

.design-dialog-head{position:sticky;top:-30px;z-index:5;background:#fff;padding-block:10px;margin-top:-10px}
.design-dialog .design-stage{min-height:560px;padding-top:44px;padding-bottom:28px}
.design-dialog .device-frame:not(.is-mobile) .mini-hero{height:clamp(220px,28dvh,300px)}
.design-dialog .device-frame:not(.is-mobile) .mini-grid>img{height:clamp(90px,12dvh,130px)}
@media(max-width:900px){.design-dialog-head{top:-24px}}
@media(max-width:600px){
 .design-dialog-head{top:-20px}
 .design-dialog .design-stage{min-height:0;padding:46px 14px 24px}
 .design-dialog .device-frame:not(.is-mobile) .mini-hero{height:300px}
 .design-dialog .device-frame:not(.is-mobile) .mini-grid>img{height:130px}
 .design-dialog:has(.device-frame:not(.is-mobile)) .preview-pan-hint{margin:0 0 12px}
}

/* Advertising has its own campaign visual; mobile titles break by phrase. */
.campaign-hero .detail-hero-image{inset:0}
.campaign-hero .detail-hero-image img{object-position:62% center}
.campaign-hero .detail-hero-image:after{background:linear-gradient(90deg,#1018208c,transparent 65%),linear-gradient(0deg,#1018206b,transparent 40%)}
@media(max-width:600px){
 .consult-deliverables h2{max-width:none;font-size:32px;line-height:1.3}
 .consult-deliverables .mobile-only{display:inline}
 .campaign-hero .detail-hero-image img{object-position:69% center}
 .campaign-hero .detail-hero-image:after{background:linear-gradient(90deg,#101820ad,#10182015),linear-gradient(0deg,#10182070,transparent 45%)}
}