/* Phillips Studio: real work, strong type and useful interaction. */
:root{--studio-dark:#07131f;--studio-blue:#1769ff}.studio-site{background:#fcfcfd;color:#0a192b}.studio-site .wrap{max-width:1280px;width:calc(100% - 104px)}.studio-site header{height:88px;background:#07131ff5;border-bottom:1px solid #ffffff0b;backdrop-filter:blur(18px)}.studio-site header .brand,.studio-site header .brand-wordmark b{color:#fff}.studio-site header .brand-wordmark small{color:#b6c3d3}.studio-site header .brand-wordmark em{color:#5cc8ff}.studio-site nav>a{color:#b9c4d4;font-size:12px}.studio-site nav>a:hover,.studio-site nav>a[aria-current]{color:#fff}.studio-site nav>a[aria-current]:after{display:none}.studio-site nav .button{background:#fff;color:#101e32;padding:13px 20px;border-radius:6px;box-shadow:none;margin-left:20px}.studio-site .button{font-size:12px;border-radius:6px;font-weight:700}.studio-site .eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:800}.studio-site h2{letter-spacing:-1.8px}.studio-hero{position:relative;background:var(--studio-dark);color:#fff;isolation:isolate;overflow:hidden}.studio-grain{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 78% 45%,#17446b50,transparent 54%),radial-gradient(ellipse at 20% 120%,#123b5130,transparent 60%);pointer-events:none}.studio-hero-grid{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:72px;padding-block:84px 72px;min-height:680px}.studio-eyebrow{font-size:8px;letter-spacing:1.8px;font-weight:600;color:#a9baca;display:flex;align-items:center;gap:9px;margin:0 0 29px}.status-light{width:5px;height:5px;background:#6ce8da;border-radius:50%;box-shadow:0 0 0 5px #6ce8da09;flex-shrink:0}.studio-intro h1{font-size:clamp(50px,5.8vw,82px);line-height:1.04;letter-spacing:-4.5px;font-weight:800;margin:0 0 28px}.studio-intro h1>span{color:#78ccff;background:linear-gradient(110deg,#96ddff,#559cff);background-clip:text;-webkit-text-fill-color:transparent}.studio-lead{font-size:18px;line-height:1.6;color:#ecf4ff;font-weight:500;margin:0 0 17px;letter-spacing:-.3px}.studio-human{font-size:13px;line-height:1.9;color:#96a8bd;max-width:390px;margin:0 0 29px}.studio-actions{display:flex;align-items:center;gap:24px}.studio-actions .button{background:#2274ff;padding:17px 23px;box-shadow:0 10px 30px #146aff25;gap:24px}.studio-work-link{font-size:11px;font-weight:600;color:#b4c7dd;display:flex;gap:13px;align-items:center}.studio-work-link span{color:#66b9ff;font-size:18px;transition:transform .2s}.studio-work-link:hover span{transform:translateY(4px)}.studio-offer{display:flex;align-items:center;gap:23px;margin-top:37px;padding-top:24px;border-top:1px solid #ffffff10;max-width:370px}.studio-offer>div{display:flex;flex-direction:column;gap:5px}.studio-offer strong{font-size:29px;font-family:Manrope,sans-serif;line-height:1;letter-spacing:-1px}.studio-offer>div>span{font-size:7px;letter-spacing:1.1px;color:#839bb7}.studio-offer>p{font-size:10px;line-height:1.8;color:#a3b7ce;margin:0;padding-left:22px;border-left:1px solid #ffffff1a}.project-stage{position:relative;min-width:0;padding-top:12px}.stage-topline{display:flex;justify-content:space-between;gap:20px;margin:0 0 19px;font-size:7px;letter-spacing:1.5px;color:#859db9}.stage-topline>span:first-child{display:flex;align-items:center;gap:7px}.stage-topline i{width:4px;height:4px;background:#3989ff;border-radius:50%;display:inline-block}.stage-count{font-variant-numeric:tabular-nums}.stage-tabs{display:flex;align-items:center;gap:3px;padding:4px;background:#ffffff07;border:1px solid #ffffff0b;border-radius:8px;margin-bottom:25px;width:max-content;max-width:100%}.stage-tabs button{display:flex;gap:7px;align-items:center;color:#a1b3c8;background:transparent;border:0;border-radius:5px;padding:10px 14px;font-size:11px;cursor:pointer;transition:background .2s,color .2s}.stage-tabs button>span{font-size:8px;opacity:.6}.stage-tabs button[aria-selected=true]{background:#eaf2fc;color:#0a1d36;box-shadow:0 3px 8px #0002}.showcase-deck{position:relative;perspective:1300px;margin-right:-28px;margin-bottom:35px}.deck-back{position:absolute;inset:5px 10px 0;background:#2376ff;border:1px solid #51a8ff;border-radius:11px;transform:rotate(4deg) translate(6px,12px);opacity:.55;box-shadow:0 15px 70px #1565d320;transition:transform .6s}.showcase-browser{position:relative;background:#fff;border:1px solid #ffffff90;border-radius:9px;box-shadow:0 30px 80px #0005;overflow:hidden;transform:rotate(-2deg) rotateY(-7deg);transition:transform .7s cubic-bezier(.2,.7,.3,1)}.project-stage:hover .showcase-browser,.project-stage:focus-within .showcase-browser{transform:rotate(0) rotateY(0)}.project-stage:hover .deck-back{transform:rotate(2deg) translate(5px,10px)}.browser-top{display:flex;align-items:center;justify-content:space-between;gap:15px;height:29px;padding:0 12px;background:#f1f3f6;color:#7b8798;font-size:8px;border-bottom:1px solid #dce1e7}.browser-dots{display:flex;gap:4px}.browser-dots i{width:5px;height:5px;border-radius:50%;background:#d3dae3}.browser-dots i:first-child{background:#fcaba4}.browser-dots i:nth-child(2){background:#eecb82}.browser-dots i:nth-child(3){background:#9ad3ac}.browser-address{display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e6e9ee;width:58%;height:17px;border-radius:3px;font-size:7px;letter-spacing:.2px}.showcase-panel{aspect-ratio:1.6;overflow:hidden;background:#f7f9fc}.showcase-panel[hidden]{display:none}.showcase-panel img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;animation:showcase-in .45s ease both}.stage-note{position:absolute;right:-23px;bottom:-35px;display:flex;align-items:center;gap:10px;background:#d3f3ff;color:#0a3763;padding:15px 20px;border-radius:3px;transform:rotate(5deg);box-shadow:0 10px 30px #0002;z-index:2}.stage-note .note-spark{font-size:35px;color:#1452a3;line-height:1}.stage-note>span:last-child{font-size:10px;line-height:1.55}.stage-note b{font-weight:700}.stage-note svg{position:absolute;width:60px;height:35px;right:18px;top:-42px;color:#75c9ff;transform:rotate(-15deg)}.stage-stamp{position:absolute;bottom:12px;left:18px;z-index:2;background:#071a2ee8;backdrop-filter:blur(8px);padding:7px 11px;display:flex;align-items:center;gap:8px;border:1px solid #ffffff20;border-radius:4px;color:#b4d8ff;font-size:6px;letter-spacing:1px}.stage-stamp b{color:#55adff;font-size:10px;font-weight:400}.showcase-bottom{display:flex;align-items:end;justify-content:space-between;gap:20px;padding-top:13px}.showcase-bottom small{font-size:7px;letter-spacing:1.1px;color:#6f91ba}.showcase-bottom h2{font-size:15px;line-height:1.5;color:#d6e5f8;letter-spacing:-.3px;margin:7px 0 0;font-weight:500;max-width:300px}.showcase-link{font-size:9px;font-weight:600;white-space:nowrap;padding-bottom:4px;color:#9dc9ff;display:flex;gap:15px;align-items:center}.showcase-link span{font-size:20px;font-weight:400}.showcase-disclaimer{font-size:7px;line-height:1.6;color:#67809e;margin:17px 0 0}.studio-hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #ffffff0b;padding-block:22px;color:#627d9d;font-size:7px;letter-spacing:1px}.studio-hero-bottom>a{color:#93b0d2;display:flex;gap:25px}.studio-hero-bottom>a span{color:#4e9cff;font-size:14px;line-height:1}.studio-site .simple-pricing{padding-block:100px 90px}.pricing-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:38px}.pricing-heading h2{font-size:43px;line-height:1.15;margin:0;letter-spacing:-1.9px}.pricing-heading>p{font-size:13px;line-height:1.9;color:#728094;max-width:330px;margin:0 0 4px}.studio-site .pricing-grid{grid-template-columns:1fr 1fr;gap:0;background:#fff;border:1px solid #dce3ec;border-radius:15px;overflow:hidden;box-shadow:0 15px 60px #132f4b05}.studio-site .pricing-grid .scope:first-child{background:radial-gradient(ellipse at 0 100%,#144f8e50,transparent 75%),#0a1c30;padding:43px 45px;border-radius:0;border:0;box-shadow:none;display:flex;flex-direction:column;align-items:start;max-width:none}.pricing-grid .scope:first-child:after{content:'';width:240px;height:240px;border:1px solid #77b9ff15;border-radius:50%;right:-140px;top:-70px;background:none}.package-label{font-size:8px!important;letter-spacing:1.5px;color:#7da5d4!important;line-height:1.5!important;margin:0 0 24px!important}.studio-site .pricing-grid .scope h3{font-size:27px;line-height:1.3;letter-spacing:-.9px;margin:0;color:#eaf3ff}.studio-site .pricing-grid .price{font-size:75px;letter-spacing:-4px;font-weight:600;margin:23px 0 18px;line-height:1}.price>span{font-size:11px;letter-spacing:0;font-weight:400;margin-left:15px;color:#7c9fc9}.studio-site .pricing-grid .scope:first-child p:not(.price):not(.package-label){font-size:12px;line-height:1.9;color:#8eabc9;max-width:350px}.package-checks{margin:18px 0 15px!important;padding:0;list-style:none;width:100%}.studio-site .pricing-grid .package-checks li{display:flex;justify-content:start;gap:11px;border:0;font-size:11px;color:#bfcee0;padding:8px 0;align-items:center}.package-checks li:before{content:'✓';color:#54bdff;font-size:12px}.package-note{font-size:10px!important;margin-bottom:25px!important}.studio-site .pricing-grid .scope .button{margin-top:auto;padding:15px 20px;font-size:11px;background:#fff;color:#08264d;gap:35px}.website-builder{padding:37px 40px;background:#fff;min-width:0}.website-builder .eyebrow{font-size:7px;margin-bottom:10px;letter-spacing:1.4px;color:#8c9aac}.website-builder h3{font-size:24px;margin:0 0 8px;letter-spacing:-.8px}.builder-intro{font-size:11px;color:#8090a4;margin:0 0 22px;line-height:1.7}.addon-options{display:grid;gap:8px}.addon-option{display:flex;align-items:center;gap:12px;width:100%;padding:15px 13px;background:#f8fafd;border:1px solid #e7ecf4;border-radius:7px;text-align:left;color:#30425b;cursor:pointer;transition:background .2s,border .2s,transform .2s}.addon-option:hover{border-color:#92b8f7;transform:translateX(2px)}.addon-check{display:grid;place-items:center;flex-shrink:0;width:22px;height:22px;border:1px solid #d2dce9;color:#8ca1bb;border-radius:4px;font-size:17px;font-weight:300;background:#fff;transition:background .2s,color .2s}.addon-option>span:nth-child(2){flex:1;font-size:11px;font-weight:600;line-height:1.6}.addon-option small{display:block;font-size:8px;color:#8a98ab;font-weight:400;margin-top:2px}.addon-option>b{font-size:11px;font-weight:500;letter-spacing:-.2px}.addon-option[aria-pressed=true]{background:#edf4ff;border-color:#69a2ff;color:#1056bd}.addon-option[aria-pressed=true] .addon-check{background:#1769ff;color:#fff;border-color:#1769ff}.extra-pages{display:flex;align-items:center;justify-content:space-between;padding:20px 1px;border-bottom:1px solid #e8edf4}.extra-pages b{display:block;font-size:11px;font-weight:600}.extra-pages small{display:block;font-size:8px;color:#8190a4;margin-top:3px}.page-stepper{display:flex;align-items:center;border:1px solid #dfe6ef;border-radius:5px;overflow:hidden;height:31px}.page-stepper button{width:30px;height:29px;padding:0;background:#f7f9fc;color:#3e6090;font-size:16px;border:0;cursor:pointer}.page-stepper button:hover{background:#e8f1ff}.page-stepper label{margin:0}.page-stepper input{width:35px;border:0;border-radius:0;padding:0;text-align:center;font-size:11px;margin:0;height:29px;appearance:textfield;-moz-appearance:textfield}.page-stepper input::-webkit-inner-spin-button{appearance:none}.builder-total{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0}.builder-total span{display:block;font-size:11px;color:#53667e}.builder-total small{font-size:8px;color:#99a5b6;display:block;margin-top:3px}.builder-total strong{font-size:32px;line-height:1;letter-spacing:-1.2px;color:#135ed4;font-family:Manrope,sans-serif;font-weight:700}.builder-enquiry{display:flex!important;justify-content:space-between;width:100%;font-size:11px!important;padding:14px 18px!important}.studio-site .simple-pricing>.fine{font-size:9px;color:#8d98a8;margin-top:24px}.studio-site .simple-pricing>p:last-child{font-size:12px;margin-top:12px;color:#6d7f95}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@keyframes showcase-in{from{opacity:.25;transform:translateY(8px)}to{opacity:1;transform:none}}
.studio-site .home-services{padding-block:0 100px}.service-heading{display:grid;grid-template-columns:1fr 1fr;column-gap:90px;align-items:end;margin-bottom:37px}.service-heading .eyebrow{grid-column:1/-1}.service-heading h2{font-size:40px;line-height:1.2;margin:0;letter-spacing:-1.9px}.service-heading>p:last-child{font-size:13px;line-height:1.9;max-width:320px;margin:0 0 3px;color:#7a899d;justify-self:end}.studio-home .home-services .services{grid-template-columns:repeat(4,1fr);gap:0;border:1px solid #e1e7ee;border-radius:11px;overflow:hidden;counter-reset:services}.studio-home .home-services .service{counter-increment:services;border:0;border-radius:0;box-shadow:none;background:#f4f7fb;padding:30px 26px 36px!important;min-width:0;transform:none}.studio-home .home-services .service+.service{border-left:1px solid #e1e7ee}.studio-home .home-services .service:before{content:'0' counter(services);position:absolute;right:24px;top:24px;color:#a5b5ca;font-family:Manrope,sans-serif;font-size:10px}.studio-home .home-services .service:hover{background:#eaf2ff;transform:none}.studio-home .home-services .service>svg{width:30px;height:30px;margin-bottom:37px;color:#276bbf}.studio-home .home-services .service h3{font-size:17px;line-height:1.3;letter-spacing:-.6px;margin-bottom:15px}.studio-home .home-services .service p{font-size:11px;line-height:1.8;min-height:76px;color:#75849a}.studio-home .home-services .service-arrow{font-size:20px;right:24px;bottom:17px}.studio-home .why{text-align:left;display:grid;grid-template-columns:.85fr 1.3fr;column-gap:110px;padding-block:0 100px}.studio-home .why h2{font-size:41px;line-height:1.2;grid-column:1;margin:0 0 23px;letter-spacing:-1.8px}.studio-home .why>.section-subtitle{grid-column:1;font-size:13px;line-height:1.9;color:#7d8b9f;max-width:310px}.studio-home .why .benefits{grid-column:2;grid-row:1/3;grid-template-columns:1fr 1fr;gap:32px 35px;margin:0;align-content:start}.studio-home .why .benefits article,.studio-home .why .benefits article+article{padding:0;border:0;gap:14px}.studio-home .why .benefits svg{width:23px;height:23px;color:#2c6bb6}.studio-home .why .benefits h3{font-size:13px;letter-spacing:-.2px;margin-bottom:10px}.studio-home .why .benefits p{font-size:10px;line-height:1.85;color:#8190a4}.studio-site .work-section{background:#081a2d;color:#fff;border:0;position:relative;overflow:hidden}.studio-site .work-section:before{content:'';position:absolute;width:700px;height:700px;border:1px solid #ffffff04;border-radius:50%;right:-300px;top:-300px;pointer-events:none}.studio-site .featured{padding-block:85px 95px}.studio-site .featured-intro{grid-template-columns:1fr 1fr auto;gap:25px;margin-bottom:45px}.studio-site .featured-intro .eyebrow{color:#699cd4}.studio-site .featured-intro h2{font-size:45px;letter-spacing:-2px}.studio-site .featured-intro h2 em{color:#78c7ff}.studio-site .featured-intro p:not(.eyebrow){color:#8ca4bf;font-size:12px;line-height:1.9;max-width:300px}.studio-site .featured-intro .button{color:#bbdafd!important;border-color:#45617f;background:transparent;padding:12px 18px;font-size:10px}.studio-site .featured .projects{grid-template-columns:1fr 1fr;gap:28px}.studio-site .featured .project:first-child{grid-column:1/-1;display:grid;grid-template-columns:1.55fr 1fr;align-items:center;background:#10253d;border:1px solid #23415f}.studio-site .featured .project{background:#10253d;border:1px solid #23415f;box-shadow:none;border-radius:10px}.studio-site .featured .project:hover{border-color:#509de8;box-shadow:0 20px 45px #0002;transform:translateY(-5px)}.studio-site .featured .project .live-preview{margin:20px 20px 0;border-radius:6px;border:1px solid #ffffff20;box-shadow:0 8px 30px #0002}.studio-site .featured .project:first-child .live-preview{margin:27px 0 27px 27px}.studio-site .featured .project:first-child .project-image{aspect-ratio:1.6}.studio-site .featured .project-meta{padding:25px 25px 30px}.studio-site .featured .project:first-child .project-meta{padding:35px;display:block;position:relative}.studio-site .featured .project-meta small{color:#7099c7;font-size:7px;letter-spacing:1.2px}.studio-site .featured .project-meta h3{color:#f1f6ff;font-size:25px;margin:10px 0 14px;letter-spacing:-.9px}.studio-site .featured .project:first-child .project-meta h3{font-size:34px;letter-spacing:-1.3px}.studio-site .featured .project-meta p{color:#8da9c8;font-size:11px;line-height:1.9;max-width:300px}.studio-site .featured .project .arrow{color:#75c5ff}.studio-site .featured .project:first-child .arrow{display:block;margin-top:25px;font-size:28px}.studio-site .featured .preview-tag{background:#ecf5ffef;color:#215178;font-size:6px!important;bottom:8px;right:8px}.studio-site .confidence.four-steps{grid-template-columns:.7fr 1.5fr;padding-block:95px;gap:80px}.studio-site .confidence h2{font-size:39px;letter-spacing:-1.5px;line-height:1.2}.studio-site .confidence>div>p{font-size:12px;color:#8290a3}.studio-site .process-steps{gap:0;grid-template-columns:1fr 1fr;border-top:1px solid #dde4ed}.studio-site .process-steps article{border:0;border-bottom:1px solid #dde4ed;padding:28px 22px 28px 0;background:transparent;border-radius:0;box-shadow:none;gap:16px}.studio-site .process-steps article:nth-child(even){padding-left:25px}.studio-site .quote-mark{font-size:12px;font-weight:600;color:#4c8ad7;padding-top:4px}.studio-site .confidence h3{font-size:13px;line-height:1.7;font-weight:600;letter-spacing:-.2px}.studio-site .faq-section{gap:100px;padding-bottom:95px}.studio-site .faq-section h2{font-size:42px}.studio-site .faq-list summary{font-size:12px;padding-block:23px;letter-spacing:-.1px}.studio-site .faq-list details>p{font-size:12px;color:#7d8b9f}.studio-site .cta{max-width:none;width:100%;margin:0;border-radius:0;display:flex;min-height:340px;padding:75px max(52px,calc((100% - 1280px)/2));background:#1363f0;position:relative;overflow:hidden}.studio-site .cta:before{content:'';position:absolute;width:800px;height:800px;border:1px solid #ffffff0c;border-radius:50%;background:none;transform:none;left:auto;right:-100px;top:-280px;z-index:-1}.studio-site .cta:after{width:570px;height:570px;right:15px;bottom:-140px;border:1px solid #ffffff0c;border-radius:50%;background:none;transform:none}.studio-site .cta h2{font-size:53px;line-height:1.1;letter-spacing:-2.7px;margin-bottom:22px}.studio-site .cta h2 em{color:#8ad4ff;font-style:normal}.studio-site .cta p{font-size:12px;line-height:1.9;color:#d1e5ff;max-width:390px}.studio-site .cta .button{font-size:11px;padding:18px 24px;gap:30px;box-shadow:0 12px 30px #003ca140;border-radius:6px}.studio-site footer{background:#07131f;padding-top:52px;border-top:1px solid #ffffff08}.studio-site .footer-grid{grid-template-columns:1.5fr .6fr 1.2fr .6fr;gap:40px}.studio-site .footer-grid .brand{color:#fff}.studio-site .footer-grid p{font-size:10px;color:#7e95af;line-height:1.9}.studio-site .footer-grid h3{font-size:10px;color:#a0b5ce;font-weight:600}.studio-site .footer-grid>div>a:not(.brand){font-size:10px;color:#7f9ab9;line-height:2.3}.studio-site .footer-bottom{font-size:8px;color:#4f6b8d;border-color:#ffffff09;margin-top:38px}.studio-site .page-head{background:#07131f;border-bottom:1px solid #ffffff08}.studio-site .page-head h1{font-size:64px;letter-spacing:-3px}.studio-site .page-head .lead{font-size:14px;color:#8fa6c2}.studio-site .page-head h1 em{color:#7bcbff}.studio-site .page-head:after{width:650px;height:650px;right:-200px;top:-400px;border-color:#ffffff05}.studio-site .form-layout{padding-block:80px 100px}.studio-site .form-layout form{border-radius:12px;background:#fff;box-shadow:0 15px 60px #203e5b06}.studio-site input,.studio-site select,.studio-site textarea{background:#f9fbfd;border-color:#e2e8f0}.studio-site .large .service{background:#f6f9fc;box-shadow:none;border-color:#e0e7ef}.studio-site .large .service h3{letter-spacing:-1px}.studio-site .about-grid .brand-art{background:radial-gradient(ellipse at 100% 100%,#1261b6,transparent 70%),#07131f;box-shadow:none}.studio-site .values article{background:#f2f6fc}.studio-site .form-status{font-size:12px}.studio-site .case-grid .eyebrow{font-size:9px}.studio-site .case-grid h2{font-size:40px}.studio-site .case-show .live-preview{border-radius:12px}.studio-site .filters button{font-size:10px}.studio-site .page-head .button.outline-dark{color:#b5d6ff!important;border-color:#36577d}.studio-site .page-head .text-link{color:#9dc4f4}
@media(min-width:1600px){.studio-hero-grid{padding-block:100px 90px;min-height:740px}.studio-intro h1{font-size:85px}.showcase-deck{margin-right:-35px}}
@media(max-width:1150px){.studio-site .wrap{width:calc(100% - 72px)}.studio-site nav{gap:23px}.studio-site nav .button{margin-left:8px}.studio-hero-grid{gap:45px;padding-block:65px 60px;min-height:640px}.studio-intro h1{font-size:66px;letter-spacing:-3.5px}.studio-lead{font-size:16px}.studio-human{font-size:12px;max-width:340px}.studio-actions{gap:19px}.studio-actions .button{padding:15px 18px;font-size:10px;gap:16px}.studio-work-link{font-size:10px;gap:9px}.showcase-deck{margin-right:0}.stage-tabs button{font-size:10px;padding:9px 10px}.stage-tabs button>span{font-size:7px}.showcase-bottom{gap:15px}.showcase-bottom h2{font-size:12px}.showcase-link{font-size:8px;gap:9px}.stage-note{padding:12px 15px;right:-5px;bottom:-27px}.stage-note .note-spark{font-size:28px}.stage-note>span:last-child{font-size:8px}.stage-note svg{width:45px;top:-37px}.studio-site .pricing-grid .scope:first-child{padding:36px}.website-builder{padding:32px}.pricing-heading h2{font-size:39px}.pricing-heading>p{font-size:12px}.service-heading{gap:35px}.service-heading h2{font-size:35px}.studio-home .home-services .service{padding:25px 20px 35px!important}.studio-home .home-services .service h3{font-size:16px}.studio-home .home-services .service p{font-size:10px;min-height:80px}.studio-home .why{column-gap:55px}.studio-home .why h2{font-size:36px}.studio-site .featured-intro h2{font-size:40px}.studio-site .featured-intro p:not(.eyebrow){font-size:11px}.studio-site .featured .project:first-child .project-meta h3{font-size:28px}.studio-site .confidence.four-steps{gap:40px}.studio-site .faq-section{gap:65px}.studio-site .cta{padding-inline:36px}.studio-site .cta h2{font-size:47px}}
@media(max-width:900px) and (min-width:761px){.studio-intro h1{font-size:55px;letter-spacing:-3px}.studio-hero-grid{gap:32px}.studio-lead{font-size:14px}.studio-human{font-size:11px}.studio-actions{gap:14px}.studio-actions .button{font-size:9px;padding:14px}.studio-work-link{font-size:9px}.stage-tabs button{font-size:9px;padding:8px}.stage-tabs button>span{display:none}.stage-note{right:-8px;padding:10px}.stage-note .note-spark{font-size:22px}.stage-topline{font-size:6px;letter-spacing:1px}.studio-site .pricing-grid .scope:first-child{padding:28px}.website-builder{padding:25px}.studio-site .footer-grid{gap:25px}.studio-site nav{gap:16px}.studio-site nav .button{font-size:10px;padding:12px 16px}.studio-site .brand-wordmark b{font-size:22px!important}}
@media(max-width:760px){.studio-site .wrap{width:calc(100% - 40px)}.studio-site header{height:76px}.studio-site header .menu-toggle{background:#ffffff05;border-color:#ffffff20;color:#b8cee9}.studio-site nav{background:#0b1c30;border-bottom:1px solid #263d58}.studio-site nav>a{color:#bed1e9}.studio-site nav .button{background:#fff;color:#10233e;margin-left:0}.studio-hero-grid{grid-template-columns:1fr;gap:50px;padding-block:46px 42px;min-height:0}.studio-eyebrow{font-size:7px;letter-spacing:1.3px;margin-bottom:27px}.studio-intro h1{font-size:clamp(47px,12.5vw,70px);letter-spacing:-2.8px;line-height:1.04;margin-bottom:25px}.studio-lead{font-size:15px;line-height:1.7;letter-spacing:-.15px;margin-bottom:17px}.studio-human{font-size:12px;line-height:1.85;max-width:420px;margin-bottom:26px}.studio-actions{gap:24px;flex-wrap:wrap}.studio-actions .button{padding:15px 18px;font-size:10px;gap:23px}.studio-work-link{font-size:10px;gap:9px}.studio-offer{margin-top:28px;padding-top:23px;gap:22px;max-width:none}.studio-offer strong{font-size:28px}.studio-offer>div>span{font-size:6px;letter-spacing:.8px}.studio-offer>p{font-size:9px;padding-left:21px}.project-stage{padding-top:0;max-width:570px;width:100%;margin:auto}.stage-topline{font-size:6px;margin-bottom:14px;letter-spacing:1.2px}.stage-tabs{margin-bottom:23px;width:100%;display:grid;grid-template-columns:1fr 1fr 1fr}.stage-tabs button{font-size:10px;padding:10px 8px;justify-content:center;gap:5px}.stage-tabs button>span{font-size:6px}.showcase-deck{margin-right:5px;margin-left:1px;margin-bottom:38px}.showcase-browser{transform:rotate(-2deg);border-radius:7px}.showcase-panel{aspect-ratio:1.5}.browser-top{height:23px;padding:0 9px}.browser-address{height:14px;font-size:6px}.browser-dots i{width:4px;height:4px}.stage-note{right:-8px;bottom:-25px;padding:10px 12px;gap:7px}.stage-note .note-spark{font-size:24px}.stage-note>span:last-child{font-size:7px}.stage-note svg{width:40px;top:-30px;height:27px}.stage-stamp{font-size:5px;padding:5px 7px;gap:5px;left:10px;bottom:8px}.showcase-bottom{gap:15px;align-items:end}.showcase-bottom small{font-size:6px;letter-spacing:.9px}.showcase-bottom h2{font-size:12px;line-height:1.6;max-width:200px;margin-top:7px}.showcase-link{font-size:8px;gap:12px;padding-bottom:1px}.showcase-link span{font-size:17px}.showcase-disclaimer{font-size:6px;margin-top:13px;line-height:1.7}.studio-hero-bottom{font-size:6px;line-height:1.8;padding-block:18px;gap:17px}.studio-hero-bottom>span{max-width:180px;letter-spacing:.6px}.studio-hero-bottom>a{font-size:5px;gap:10px;letter-spacing:.5px;align-items:center;max-width:95px}.studio-hero-bottom>a>span{font-size:12px}.studio-site .simple-pricing{padding-block:58px}.pricing-heading{display:block;margin-bottom:27px}.pricing-heading h2{font-size:32px;letter-spacing:-1.4px;line-height:1.2}.pricing-heading>p{font-size:11px;line-height:1.8;margin-top:18px}.studio-site .pricing-grid{grid-template-columns:1fr;border-radius:11px}.studio-site .pricing-grid .scope:first-child{padding:30px}.package-label{font-size:6px!important;letter-spacing:1.1px;margin-bottom:22px!important}.studio-site .pricing-grid .scope h3{font-size:26px;letter-spacing:-1px}.studio-site .pricing-grid .price{font-size:67px;letter-spacing:-3px;margin-block:23px 20px}.price>span{font-size:10px;margin-left:12px}.studio-site .pricing-grid .scope:first-child p:not(.price):not(.package-label){font-size:11px!important}.studio-site .pricing-grid .package-checks li{font-size:10px;padding:8px 0;gap:10px}.package-checks{margin-top:15px!important}.studio-site .pricing-grid .scope .button{margin-top:6px;font-size:10px}.website-builder{padding:29px 25px}.website-builder .eyebrow{font-size:6px}.website-builder h3{font-size:24px}.builder-intro{font-size:10px;margin-bottom:18px}.addon-option{padding:13px 10px;gap:10px}.addon-option>span:nth-child(2){font-size:10px}.addon-option small{font-size:7px}.addon-option>b{font-size:10px}.addon-check{width:20px;height:20px;font-size:15px}.extra-pages b{font-size:10px}.extra-pages small{font-size:7px}.builder-total strong{font-size:29px}.builder-total span{font-size:10px}.builder-total small{font-size:7px}.builder-enquiry{font-size:10px!important}.studio-site .simple-pricing>.fine{font-size:8px;line-height:1.9;margin-top:20px}.studio-site .simple-pricing>p:last-child{font-size:11px;line-height:1.9}.studio-site .home-services{padding-block:0 58px}.service-heading{display:block;margin-bottom:25px}.service-heading h2{font-size:30px;line-height:1.25;letter-spacing:-1.3px}.service-heading>p:last-child{font-size:11px;line-height:1.9;margin-top:18px;max-width:320px}.studio-home .home-services .services{grid-template-columns:1fr 1fr;border-radius:9px}.studio-home .home-services .service{padding:25px 19px 35px!important}.studio-home .home-services .service+.service{border-left:1px solid #e1e7ee}.studio-home .home-services .service:nth-child(3){border-left:0}.studio-home .home-services .service:nth-child(n+3){border-top:1px solid #e1e7ee}.studio-home .home-services .service:before{font-size:8px;right:18px;top:21px}.studio-home .home-services .service>svg{width:25px;height:25px;margin-bottom:27px}.studio-home .home-services .service h3{font-size:14px;line-height:1.4;margin-bottom:12px}.studio-home .home-services .service p{font-size:10px;line-height:1.8;min-height:72px}.studio-home .home-services .service-arrow{font-size:19px;right:17px;bottom:15px}.studio-home .why{display:block;padding-bottom:58px}.studio-home .why h2{font-size:31px;max-width:270px;letter-spacing:-1.2px;margin-bottom:17px}.studio-home .why>.section-subtitle{font-size:11px;max-width:300px}.studio-home .why .benefits{margin-top:28px;gap:27px 22px}.studio-home .why .benefits article,.studio-home .why .benefits article+article{display:block}.studio-home .why .benefits svg{width:22px;height:22px;margin-bottom:10px}.studio-home .why .benefits h3{font-size:12px;margin-bottom:8px}.studio-home .why .benefits p{font-size:10px;line-height:1.8}.studio-site .featured{padding-block:55px 60px}.studio-site .featured-intro{display:block;margin-bottom:30px}.studio-site .featured-intro h2{font-size:34px;letter-spacing:-1.5px}.studio-site .featured-intro p:not(.eyebrow){font-size:11px;line-height:1.9;margin-top:19px;max-width:310px;margin-bottom:23px}.studio-site .featured-intro .button{font-size:9px;padding:11px 15px}.studio-site .featured .projects{grid-template-columns:1fr;gap:20px}.studio-site .featured .project:first-child{display:block;grid-column:auto}.studio-site .featured .project .live-preview,.studio-site .featured .project:first-child .live-preview{margin:15px 15px 0;border-radius:5px}.studio-site .featured .project:first-child .project-image{aspect-ratio:1.6}.studio-site .featured .project-meta,.studio-site .featured .project:first-child .project-meta{display:flex;padding:23px 22px 26px}.studio-site .featured .project-meta h3,.studio-site .featured .project:first-child .project-meta h3{font-size:23px;letter-spacing:-.8px;margin-block:9px 12px}.studio-site .featured .project-meta p{font-size:11px;line-height:1.8}.studio-site .featured .project-meta small{font-size:6px}.studio-site .featured .project:first-child .arrow{margin-top:10px;font-size:24px}.studio-site .confidence.four-steps{grid-template-columns:1fr;padding-block:58px;gap:26px}.studio-site .confidence h2{font-size:31px;letter-spacing:-1.2px}.studio-site .confidence>div>p{font-size:11px;margin-top:15px}.studio-site .process-steps{grid-template-columns:1fr}.studio-site .process-steps article,.studio-site .process-steps article:nth-child(even){padding:23px 0;gap:18px}.studio-site .confidence h3{font-size:12px;line-height:1.8}.studio-site .quote-mark{font-size:10px}.studio-site .faq-section{gap:25px;padding-bottom:58px}.studio-site .faq-section h2{font-size:33px;letter-spacing:-1.4px}.studio-site .faq-list summary{font-size:11px;line-height:1.8;padding-block:20px}.studio-site .faq-list details>p{font-size:11px;line-height:1.9}.studio-site .cta{padding:48px 25px;display:block;min-height:0}.studio-site .cta h2{font-size:40px;letter-spacing:-1.9px;line-height:1.15;margin-bottom:22px}.studio-site .cta p{font-size:11px;line-height:1.9;max-width:290px;margin-bottom:27px}.studio-site .cta .button{font-size:10px;padding:16px 20px;gap:30px}.studio-site footer{padding-top:38px}.studio-site .footer-grid{grid-template-columns:1fr 1fr;gap:28px 24px}.studio-site .footer-grid>div:nth-child(3){grid-column:1/-1}.studio-site .footer-grid h3{font-size:10px;margin-bottom:9px}.studio-site .footer-grid p{font-size:10px}.studio-site .footer-grid>div>a:not(.brand){font-size:10px}.studio-site .footer-bottom{font-size:7px;gap:9px;margin-top:28px}.studio-site .page-head h1{font-size:42px;letter-spacing:-2px}.studio-site .page-head .lead{font-size:12px;line-height:1.9}.studio-site .form-layout{padding-block:40px 58px}.studio-site .form-layout form{padding:26px 21px}.studio-site input,.studio-site select,.studio-site textarea{font-size:16px}.studio-site .page-stepper input{font-size:12px}.studio-site .form-layout h2{font-size:31px}.studio-site .case-grid h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){.showcase-browser,.project-stage:hover .showcase-browser,.project-stage:focus-within .showcase-browser{transform:none}.deck-back{transform:translate(5px,8px)}.showcase-panel img{animation:none}.addon-option:hover{transform:none}}
/* Final legibility and controls. */
.studio-site nav .button{color:#10233e!important}.studio-human{font-size:14px}.studio-lead{font-size:19px}.studio-eyebrow{font-size:9px}.stage-topline{font-size:8px}.showcase-bottom small{font-size:8px}.showcase-bottom h2{font-size:16px}.showcase-link{font-size:10px}.showcase-disclaimer{font-size:8px;color:#8ba0ba}.studio-offer>p{font-size:11px}.studio-offer>div>span{font-size:8px}.studio-hero-bottom{font-size:8px;color:#879cb7}.studio-site .footer-grid>div>a:not(.brand){font-size:11px}.studio-site .footer-grid p{font-size:11px}.studio-site .footer-bottom{font-size:9px;color:#7e95af}.studio-site .pricing-grid .package-checks li{font-size:12px}.studio-site .pricing-grid .scope:first-child p:not(.price):not(.package-label){font-size:13px}.addon-option>span:nth-child(2){font-size:12px}.addon-option small{font-size:10px;color:#687d98}.addon-option>b{font-size:12px}.website-builder .builder-intro{font-size:12px}.builder-total span{font-size:12px}.builder-total small{font-size:10px;color:#74859c}.extra-pages b{font-size:12px}.extra-pages small{font-size:10px}.page-stepper button:disabled{opacity:.35;cursor:default}.page-stepper button{min-width:32px}.studio-site .page-head.wrap{width:100%;max-width:none}.studio-site .cta.wrap{width:100%;max-width:none}.studio-site .pricing-grid .scope:first-child:after{pointer-events:none}.studio-home .home-services .service p{font-size:12px}.studio-home .why .benefits p{font-size:12px}.studio-site .featured .project-meta p{font-size:13px}.studio-site .faq-list summary{font-size:14px}.studio-site .faq-list details>p{font-size:13px}.studio-site .confidence h3{font-size:14px}
@media(max-width:760px){.studio-human{font-size:13px}.studio-lead{font-size:16px}.studio-eyebrow{font-size:8px}.stage-topline{font-size:7px}.showcase-bottom small{font-size:7px}.showcase-bottom h2{font-size:13px}.showcase-link{font-size:9px}.showcase-disclaimer{font-size:8px}.studio-offer>p{font-size:10px}.studio-offer>div>span{font-size:7px}.studio-hero-bottom{font-size:7px}.studio-hero-bottom>a{font-size:6px}.addon-option>span:nth-child(2){font-size:11px}.addon-option small{font-size:9px}.addon-option>b{font-size:11px}.studio-site .pricing-grid .package-checks li{font-size:11px}.studio-site .pricing-grid .scope:first-child p:not(.price):not(.package-label){font-size:12px!important}.studio-home .home-services .service p{font-size:11px}.studio-home .why .benefits p{font-size:11px}.studio-site .featured .project-meta p{font-size:12px}.studio-site .faq-list summary{font-size:13px}.studio-site .faq-list details>p{font-size:12px}.studio-site .confidence h3{font-size:13px}.studio-site .footer-grid>div>a:not(.brand){font-size:11px}.studio-site .footer-grid p{font-size:11px}}
.studio-site .pricing-grid .scope .button{color:#08264d!important}.studio-site .page-stepper input{background:white;border:0;padding:0}.studio-site .stage-tabs button:focus-visible{outline-offset:2px}.studio-site .stage-tabs button[aria-selected=true]>span{opacity:.7}.studio-site .stage-tabs button[aria-selected=false]>span{opacity:.85}.studio-site .studio-hero-grid{padding-top:65px;padding-bottom:58px}.studio-site .stage-note{pointer-events:none}.studio-site .package-note{margin-bottom:26px!important}
@media(max-width:760px){.studio-site .studio-hero-grid{padding-top:44px;padding-bottom:38px}}