/* ADF / focused digital agency presentation */
.professional-hero{background:#10182a;color:#f7f9ff;overflow:hidden;position:relative;padding:74px 0 0}
.professional-intro{display:grid;grid-template-columns:.95fr 1.15fr;gap:60px;align-items:center;padding-bottom:68px}
.professional-copy .eyebrow:before{display:none}
.professional-copy .eyebrow{color:#b5c2de;font-size:12px;letter-spacing:.075em;display:flex;align-items:center;gap:10px;margin-bottom:26px}
.live-dot{height:6px;width:6px;border-radius:100%;background:#87abff;box-shadow:0 0 0 5px #87abff12;flex-shrink:0}
.professional-copy h1{font-size:clamp(54px,5.4vw,78px);line-height:1.06;font-weight:600;letter-spacing:-.055em;color:#fff;margin:0}
.professional-copy h1>span{color:#9eb9ff}
.professional-copy .hero-description{font-size:16px;line-height:1.9;max-width:430px;color:#b7c1d3;margin:27px 0 0}
.professional-copy .actions{margin-top:30px;gap:24px;align-items:center}
.professional-copy .btn{background:#4568ff;border-color:#4568ff;color:white;padding:17px 22px;border-radius:7px;font-size:14px;gap:26px}
.professional-copy .btn:hover{background:#3456ef;border-color:#3456ef;transform:translateY(-2px)}
.professional-copy .text-link{color:#eff3ff;border-color:#748098;font-size:13px;gap:16px;padding-bottom:6px}
.hero-assurance{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:36px;color:#a6b5d0;font-size:12px}
.hero-assurance>span:before{content:'✓';color:#9eb9ff;margin-right:7px}
.hero-visual{min-width:0;padding-top:10px}
.visual-title{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:12px;letter-spacing:.075em;color:#a5b2ce;margin-bottom:16px}
.visual-tag{padding:5px 9px;border:1px solid #39465e;border-radius:4px;color:#d5dff2;letter-spacing:0;white-space:nowrap}
.professional-hero .build-workbench{border:1px solid #34415c;background:#1b2842;border-radius:12px;box-shadow:0 35px 80px #04091b40;--demo-accent:#2345eb}
.professional-hero .build-tabs{padding:11px 15px;border-bottom:1px solid #35425b;gap:7px;background:#1b263d;border-radius:12px 12px 0 0;display:flex}
.professional-hero .build-tab{color:#b2bfd6;background:transparent;border-radius:5px;padding:8px 14px;min-height:38px;font-size:12px;gap:10px;flex:1;justify-content:center}
.professional-hero .build-tab span{color:#8290ac;font-size:12px}
.professional-hero .build-tab[aria-selected=true]{color:#f4f7ff;background:#344568}
.professional-hero .build-tab[aria-selected=true] span{color:#b6caff}
.professional-hero .build-scene{height:356px;perspective:1200px;overflow:hidden;border-radius:0;background:radial-gradient(ellipse at 70% 25%,#3e557a,#22324d 72%);color:#152039}
.scene-grid{position:absolute;inset:0;background-image:linear-gradient(#b7caff0a 1px,transparent 1px),linear-gradient(90deg,#b7caff0a 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(transparent,#000)}
.professional-hero .site-window{top:35px;left:6%;width:88%;height:270px;border-radius:7px;box-shadow:-12px 25px 30px #070f2466,0 0 0 1px #b6c4e5;transform:rotateX(calc(7deg + var(--pointer-y))) rotateY(calc(-8deg + var(--build-angle) + var(--pointer-x))) rotateZ(-2deg)}
.professional-hero .window-head{height:26px;padding:0 12px;font-size:12px;background:#f1f3f7;color:#7d8797;border-color:#dce0e8}
.professional-hero .window-dots i{height:4px;width:4px;background:#a1abbc}
.professional-hero .preview-surface{background:#f3f0e9;height:calc(100% - 26px)}
.professional-hero .mini-nav{padding:13px 19px;height:48px;gap:12px;color:#172432;border-color:#d3d1c8}
.professional-hero .mini-nav>b{font-size:21px;letter-spacing:.12em;font-weight:500}
.professional-hero .mini-nav>b>span{letter-spacing:0;font-size:12px}
.professional-hero .mini-nav>span{font-size:12px;color:#536166}
.professional-hero .mini-nav>i{font-size:12px;color:#31464c;margin-left:auto}
.professional-hero .mini-layout{height:171px;grid-template-columns:1fr 1fr}
.professional-hero .mini-copy{padding:18px 20px}
.professional-hero .mini-kicker{font-size:12px;letter-spacing:.025em;color:#6e766d}
.professional-hero .mini-copy h2{font-family:Georgia,serif!important;font-size:29px;line-height:1.08;font-weight:400;letter-spacing:-.045em;color:#24352e;margin:9px 0 0}
.professional-hero .mini-copy p{font-size:12px;line-height:1.5;margin:9px 0;color:#647064}
.professional-hero .mini-button{font-size:12px;background:var(--demo-accent);color:#fff;padding:6px 8px;border:0;border-radius:2px}
.professional-hero .mini-photograph{height:171px;object-position:center}
.professional-hero .mini-feature-row{height:25px;font-size:12px;padding:0 16px;color:#5d6c63;border-color:#d7dbd5;gap:8px}
.preview-label{position:absolute;bottom:22px;left:18px;border:1px solid #bacce8;background:#edf3ff;color:#26385c;border-radius:6px;padding:10px 13px;display:flex;gap:11px;align-items:center;box-shadow:0 8px 16px #08142c25;pointer-events:none}
.preview-check{background:#d7e4fd;color:#2345a1;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;font-size:15px}
.preview-label b{display:block;font-size:12px;font-weight:700}.preview-label div>span{display:block;font-size:12px;color:#617390;margin-top:1px}
.professional-hero .drag-hint{right:15px;bottom:25px;color:#b5c5df;font-size:12px;gap:7px}.professional-hero .drag-hint>span{font-size:21px}
.professional-hero .build-controls{background:#172239;padding:9px 14px;gap:12px;border-color:#35425b}
.professional-hero .device-switch{border-radius:4px;padding:2px;background:#24334e}
.professional-hero .device-switch button{color:#c5cfe1;border-radius:3px;font-size:12px;min-height:34px;padding:6px 10px}
.professional-hero .device-switch [aria-pressed=true]{background:#edf2ff;color:#20324e;box-shadow:none}
.professional-hero .build-tools{gap:10px}.professional-hero .demo-color{width:32px;min-width:32px;height:34px;border-width:9px;border-color:#172239}
.professional-hero .demo-color[aria-pressed=true]:after{border-color:#d4e1f9;inset:-4px}
.professional-hero .angle-control{gap:6px;color:#bdcbe3;font-size:12px}.professional-hero .angle-control input{width:47px;height:24px;accent-color:#9eb9ff}
.professional-hero .build-caption{font-size:12px;color:#aebcd7;background:#172239;border-color:#2c3c58;border-radius:0 0 12px 12px;padding:12px 17px;line-height:1.5}
.demo-disclosure{font-size:12px;color:#8292af;margin:11px 0 0;line-height:1.5}
.professional-hero .wireframe-layer,.professional-hero .code-layer{inset:26px 0 0}
.professional-hero .wireframe-layer{padding:14px;grid-template-rows:27px 1fr 25px;gap:9px}
.professional-hero .wireframe-layer section{gap:12px}.professional-hero .wireframe-layer section>div{padding:14px}
.professional-hero .wireframe-layer b{font-size:23px}.professional-hero .wireframe-layer p,.professional-hero .wireframe-layer section>div>span{font-size:12px}
.professional-hero .code-layer{padding:22px 20px;font-size:12px;line-height:2.1}.professional-hero .code-layer p{margin-top:12px;padding-top:10px;font-size:12px}
.professional-hero .build-workbench[data-device=mobile] .site-window{height:310px;top:18px;width:213px;left:calc(50% - 106px);transform:rotateY(calc(var(--build-angle) + var(--pointer-x))) rotateX(var(--pointer-y))}
.professional-hero .build-workbench[data-device=mobile] .mini-nav{height:40px;padding:7px 13px}
.professional-hero .build-workbench[data-device=mobile] .mini-layout{height:221px}
.professional-hero .build-workbench[data-device=mobile] .mini-photograph{height:99px;object-position:center 43%}
.professional-hero .build-workbench[data-device=mobile] .mini-copy{height:122px;padding:10px 16px}
.professional-hero .build-workbench[data-device=mobile] .mini-copy h2{font-size:24px;margin-top:5px}
.professional-hero .build-workbench[data-device=mobile] .mini-button{margin-top:7px;padding:4px 6px}
.professional-hero .build-workbench[data-device=mobile] .mini-feature-row{height:23px;padding:3px 12px}
.professional-hero .build-workbench[data-device=mobile] .preview-label{opacity:0}
.professional-hero .build-workbench[data-device=mobile] .drag-hint{right:12px;bottom:10px;font-size:12px}
.professional-hero .build-workbench[data-device=mobile] .code-layer{font-size:12px;overflow:auto;white-space:nowrap;padding:16px 9px}
.professional-bottom{display:grid;grid-template-columns:1.45fr 1fr 1fr 1fr .6fr;align-items:center;border-top:1px solid #35405a;padding:28px 0 31px;gap:25px}
.professional-bottom>span{font-size:12px;line-height:1.8;color:#8f9eb9}.professional-bottom>span>strong{color:#c3cee1;font-size:13px;font-weight:500}
.professional-bottom>a{font-size:14px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#edf2ff;border-left:1px solid #35405a;padding-left:25px;min-height:40px}
.professional-bottom>a>i{font-style:normal;color:#8fa9df;font-size:18px}.professional-bottom>a:hover{color:#a3bdff}
.services-section{background:#fff;padding:100px 0}.services-section .section-head{margin-bottom:35px}.services-section .section-head h2{font-size:clamp(36px,3.6vw,50px);line-height:1.15;letter-spacing:-.045em}.services-section .section-head h2 em{font:inherit;color:#7b89a0}
.studio-tabs{border:1px solid #dee3ed;background:#f7f9fc;border-radius:8px;padding:6px;gap:6px;margin-bottom:40px}
.studio-tab{padding:15px;border:0;border-radius:4px;color:#617088;font-size:15px;gap:12px;margin:0;min-height:52px;font-weight:600}
.studio-tab>span{font-size:12px;color:#8490a4}.studio-tab>i{margin-right:0}
.studio-tab[aria-selected=true]{background:#172644;color:#fff;border:0}.studio-tab[aria-selected=true]>span{color:#9db8f4}
.studio-panel{gap:70px;grid-template-columns:.9fr 1.1fr}.studio-copy .eyebrow{font-size:12px;color:#4565b3;letter-spacing:.07em}
.studio-copy h3{font-size:35px;line-height:1.22;letter-spacing:-.035em;max-width:430px}
.studio-copy p{font-size:15px;line-height:1.85;color:#657086}.studio-tags>span{border-radius:4px;background:#f3f6fb;color:#5b6b85;border-color:#e2e7ef;padding:7px 10px}
.studio-copy .secondary-link{font-size:13px}.studio-stage{border:1px solid #dce3ee;border-radius:8px;background:#edf1f7}.studio-demo{border-radius:8px;height:365px}
.studio-image-label{padding:28px}.studio-image-label>strong{font-size:45px;font-weight:600}.stage-caption{font-size:12px;bottom:12px;left:20px}
.studio-stage[data-type=web] .stage-caption{color:#6b7890;text-shadow:none}
.web-delivery{background:#edf1f7;padding:20px;height:100%;color:#263d5b}.delivery-top{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#6e7e96;margin-bottom:20px}.delivery-top i{font-style:normal}
.delivery-browser{background:#fff;border:1px solid #d7dfeb;border-radius:5px;box-shadow:0 14px 30px #18385e12;overflow:hidden}
.delivery-nav{display:flex;justify-content:space-between;align-items:center;padding:13px 18px;border-bottom:1px solid #e2e8f1;font-size:12px}.delivery-nav b{font-size:16px}.delivery-nav>span{font-size:12px;color:#6e7b8d}
.delivery-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:18px;padding:26px 20px}.delivery-layout>div:first-child>span{font-size:12px;color:#8591a3}.delivery-layout strong{display:block;font-size:24px;line-height:1.16;letter-spacing:-.04em;margin:11px 0 16px}.delivery-layout i{display:inline-block;font-style:normal;font-size:12px;color:white;background:#4568ff;padding:7px 11px;border-radius:3px}
.delivery-graphic{position:relative;min-height:135px;perspective:600px;display:grid;place-items:center}.delivery-graphic>div{position:absolute;width:85px;height:85px;transform:rotateX(53deg) rotateZ(-33deg);border:1px solid #8aa5e3;background:#c5d4ff;box-shadow:10px 10px 0 #a3b9ef}
.delivery-graphic>div:nth-child(1){top:8px;background:#496bdb;z-index:3;box-shadow:8px 8px 0 #3050b5}.delivery-graphic>div:nth-child(2){top:28px;z-index:2}.delivery-graphic>div:nth-child(3){top:48px;z-index:1;background:#e1e9fc}
.delivery-pages{display:flex;gap:10px;margin-top:18px}.delivery-pages>span{flex:1;background:#e4eaf5;border-radius:3px;padding:10px;font-size:12px;white-space:nowrap}.delivery-pages b{font-weight:500;color:#7b8ca9;margin-right:8px}
@media(min-width:1500px){.professional-intro{gap:85px}.professional-hero .build-scene{height:390px}.professional-hero .site-window{top:48px;height:290px}.professional-hero .mini-layout,.professional-hero .mini-photograph{height:191px}.professional-hero .mini-copy h2{font-size:34px}}
@media(max-width:1100px){.professional-intro{gap:35px;grid-template-columns:.9fr 1.1fr}.professional-copy h1{font-size:60px}.professional-copy .actions{gap:18px;flex-wrap:wrap}.professional-copy .btn{padding:14px 18px;font-size:13px}.professional-hero .mini-nav>span{display:none}.professional-hero .mini-copy{padding:16px 13px}.professional-hero .mini-copy h2{font-size:27px}.professional-hero .mini-kicker{font-size:12px;letter-spacing:-.04em}.professional-hero .mini-feature-row>span:last-child{display:none}.preview-label{left:12px;padding:8px 10px}.preview-label div>span{display:none}.professional-hero .drag-hint{right:12px;font-size:12px;bottom:25px}.studio-panel{gap:40px}.delivery-layout{padding:24px 16px;gap:6px}.delivery-layout strong{font-size:21px}.delivery-pages{gap:5px}.delivery-pages>span{padding:8px 6px}.delivery-pages b{margin-right:4px}.professional-bottom{gap:16px}.professional-bottom>a{padding-left:16px}}
@media(max-width:900px){.professional-intro{grid-template-columns:1fr 1fr;gap:25px}.professional-copy h1{font-size:52px}.professional-copy .hero-description{font-size:14px}.professional-copy .eyebrow{font-size:12px;letter-spacing:0}.professional-hero .build-tools{gap:4px}.professional-hero .angle-control{display:none}.professional-hero .mini-copy h2{font-size:25px}.professional-hero .mini-copy p{display:none}.professional-hero .mini-button{margin-top:13px}.professional-hero .build-scene{height:325px}.professional-hero .site-window{height:250px}.professional-hero .mini-layout,.professional-hero .mini-photograph{height:151px}.professional-hero .drag-hint{bottom:10px}.preview-label{bottom:16px}.visual-title{font-size:12px;letter-spacing:0}.professional-hero .build-tab{padding-inline:8px;gap:6px}.professional-bottom{grid-template-columns:repeat(4,1fr)}.professional-bottom>span{grid-column:1/-1;display:none}.professional-bottom>a:first-of-type{border-left:0;padding-left:0}.studio-tab{font-size:13px;padding:13px 10px;gap:8px}.studio-tab>i{display:none}.studio-panel{gap:28px}.studio-copy h3{font-size:30px}.delivery-layout strong{font-size:20px}.delivery-nav>span{display:none}}
@media(max-width:780px){.professional-hero{padding-top:42px}.professional-intro{display:flex;flex-direction:column;gap:35px;padding-bottom:35px;align-items:stretch}.professional-copy h1{font-size:clamp(46px,9.5vw,66px);line-height:1.07}.professional-copy .eyebrow{margin-bottom:22px;font-size:12px;letter-spacing:.025em}.professional-copy .hero-description{font-size:15px;max-width:530px;line-height:1.8;margin-top:22px}.professional-copy .actions{margin-top:25px;gap:21px}.professional-copy .btn{font-size:13px;padding:14px 18px;gap:20px}.hero-assurance{margin-top:24px;font-size:12px;gap:9px 16px}.hero-visual{padding:0;max-width:590px;width:100%;align-self:center}.visual-title{margin-bottom:12px}.professional-hero .build-scene{height:340px}.professional-hero .site-window{height:264px;top:33px}.professional-hero .mini-layout,.professional-hero .mini-photograph{height:165px}.professional-hero .mini-copy{padding:19px 18px}.professional-hero .mini-copy h2{font-size:29px}.professional-hero .mini-copy p{display:block;margin-top:9px}.professional-hero .mini-button{margin-top:0}.professional-hero .build-tab{font-size:12px;padding:8px;min-height:40px}.professional-hero .build-tabs{padding:7px}.professional-hero .build-controls{padding:8px 11px}.professional-hero .build-tools{gap:10px}.professional-hero .angle-control{display:flex}.preview-label{bottom:17px}.professional-hero .drag-hint{bottom:23px}.professional-bottom{grid-template-columns:repeat(2,1fr);padding:24px 0;gap:14px 22px}.professional-bottom>a{font-size:13px;padding-left:0;border-left:0;border-bottom:1px solid #2b3851;padding-bottom:10px}.professional-bottom>a>i{font-size:17px}.services-section{padding:70px 0}.services-section .section-head h2{font-size:36px}.studio-tabs{grid-template-columns:repeat(2,1fr);gap:5px;margin-bottom:30px}.studio-tab{font-size:13px;min-height:48px;padding:10px}.studio-tab>span{font-size:12px}.studio-panel{grid-template-columns:1fr;gap:30px}.studio-copy h3{font-size:30px;max-width:none;margin-bottom:18px}.studio-copy p{font-size:14px}.studio-tags{margin-bottom:22px}.studio-copy .secondary-link{margin-top:18px}.studio-stage{min-width:0}.studio-demo{height:350px}.delivery-layout{padding:26px 20px}.delivery-layout strong{font-size:25px}.delivery-nav>span{display:block}.delivery-pages{gap:8px}.delivery-pages>span{padding:9px}.studio-image-label>strong{font-size:40px}.stage-caption{font-size:12px;left:18px}}
@media(max-width:430px){.professional-copy h1{font-size:48px}.professional-copy .eyebrow{font-size:12px;letter-spacing:-.015em;gap:9px}.professional-copy .text-link{font-size:12px;gap:10px}.professional-copy .actions{gap:18px}.professional-copy .btn{font-size:12px;padding:13px 15px;gap:15px}.professional-hero .mini-copy{padding:15px 12px}.professional-hero .mini-copy h2{font-size:25px}.professional-hero .mini-copy p{display:none}.professional-hero .mini-button{margin-top:14px;font-size:12px;padding:5px 6px}.professional-hero .mini-kicker{font-size:12px;line-height:1.4;display:block}.professional-hero .mini-nav{padding:12px;height:45px}.professional-hero .mini-layout,.professional-hero .mini-photograph{height:151px}.professional-hero .site-window{height:247px}.professional-hero .build-scene{height:320px}.professional-hero .angle-control{display:none}.professional-hero .build-tools{gap:0}.professional-hero .device-switch button{padding:6px 8px;font-size:12px}.professional-hero .build-caption{font-size:12px;padding:10px 13px}.preview-label{bottom:15px;padding:7px 9px;gap:7px}.preview-check{width:22px;height:22px;font-size:13px}.preview-label b{font-size:12px}.professional-hero .drag-hint{font-size:12px;bottom:19px;right:12px;gap:4px}.professional-hero .drag-hint>span{font-size:18px}.professional-hero .build-workbench[data-device=mobile] .site-window{height:290px;top:13px}.professional-hero .build-workbench[data-device=mobile] .mini-layout{height:201px}.professional-hero .build-workbench[data-device=mobile] .mini-photograph{height:82px}.professional-hero .build-workbench[data-device=mobile] .mini-copy{height:119px}.professional-hero .build-workbench[data-device=mobile] .drag-hint{display:none}.professional-hero .wireframe-layer section>div{padding:8px}.professional-hero .wireframe-layer b{font-size:21px}.professional-hero .wireframe-layer p{display:none}.professional-hero .code-layer{font-size:12px;padding:18px 10px;white-space:nowrap;overflow:auto}.delivery-nav>span{display:none}.web-delivery{padding:17px}.delivery-layout{padding:24px 13px;gap:5px}.delivery-layout strong{font-size:22px}.delivery-pages>span{font-size:12px;padding:8px 5px}.delivery-pages b{display:none}.delivery-layout>div:first-child>span{font-size:12px}.delivery-graphic>div{height:70px;width:70px}.studio-demo{height:340px}.studio-copy h3{font-size:29px}}
@media(max-width:350px){.professional-copy h1{font-size:42px}.professional-copy .eyebrow{max-width:245px;line-height:1.6}.hero-assurance{gap:9px}.professional-hero .mini-copy h2{font-size:22px}.professional-hero .mini-kicker{font-size:12px}.professional-hero .mini-button{padding:4px;font-size:12px;letter-spacing:-.04em}.professional-hero .mini-copy{padding:12px 9px}.preview-label{display:none}.professional-hero .drag-hint{right:16px}.professional-hero .build-tab{gap:5px;padding:8px 4px}.professional-hero .build-controls{padding:8px}.professional-hero .demo-color{width:29px;min-width:29px}.visual-title{font-size:12px}.visual-title>span:first-child{max-width:180px}.studio-tab{padding:9px 7px;font-size:12px}.delivery-layout strong{font-size:20px}.delivery-top{font-size:12px;letter-spacing:-.04em}}

.professional-hero .build-caption>span{color:#b4c3df;white-space:normal}.professional-hero .demo-disclosure{color:#a2b0ca}.professional-copy .hero-description{color:#bdc8dc}

.professional-hero .angle-control{display:flex}
.professional-hero .build-caption>span{display:block}
@media(max-width:900px){.professional-hero .build-controls{flex-wrap:wrap}.professional-hero .build-tools{width:100%;justify-content:space-between}.professional-hero .angle-control input{width:110px}}
@media(min-width:781px) and (max-width:1100px){.professional-copy h1{font-size:clamp(49px,5.3vw,60px)}}