@font-face{font-family:Poppins;src:url('poppins-regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Poppins;src:url('poppins-semibold.ttf') format('truetype');font-weight:600 800;font-display:swap}
body{font-family:Poppins,sans-serif;font-size:18px;color:#252342}h1,h2,h3{font-family:Poppins,sans-serif;font-weight:600}p{line-height:1.8;color:#5b6078}.wrap{max-width:1400px;padding-left:48px;padding-right:48px}nav{font-size:14px;gap:25px}.nav{height:96px}.logo{width:220px}.button{font-size:15px;padding:17px 24px;border-radius:100px}.eyebrow{font-size:12px;letter-spacing:1.8px}.hero-shell{background:#f3f2ff;position:relative;overflow:hidden}.hero{grid-template-columns:1fr 1fr;gap:36px;padding:86px 0 65px}.hero h1{font-size:clamp(48px,5vw,76px);line-height:1.1;letter-spacing:-3.5px;margin:26px 0}.hero .intro{font-size:19px;line-height:1.8;max-width:560px}.hero-note{font-size:13px}.hero-photo{transform:rotate(-2deg);padding:12px;border:1px solid #fff;background:#ffffff66;border-radius:32px;box-shadow:0 25px 60px #35307c15}.hero-photo>img{height:470px;object-fit:cover;border-radius:24px}.hero-photo:before{display:none}.photo-badge{font-size:10px;top:28px;left:28px}.hero-caption{position:relative;left:auto;right:auto;bottom:auto;margin:12px 0 0;border-radius:18px;padding:20px;background:#fff}.hero-caption b{font-size:15px}.hero-caption small{font-size:12px}.strip{font-size:15px;padding:28px 0}.strip span{font-size:11px}.section{padding-top:100px;padding-bottom:100px}h2,.studio h2{font-size:48px;letter-spacing:-2px}.section-head{margin-bottom:42px}.section-head>p{font-size:18px;max-width:420px}.catalog{gap:24px;grid-template-columns:repeat(3,1fr)}.catalog-card{padding:32px;border-radius:24px;border:0;background:#eeedff;box-shadow:none;display:flex;flex-direction:column}.catalog-card:nth-child(2){background:#edf3ff}.catalog-card:nth-child(3){background:#f0f5dc}.catalog-top{margin-bottom:48px}.catalog-icon{font-size:20px;width:56px;height:56px;border-radius:50%;background:#fff}.catalog-top small{font-size:10px;background:transparent;color:#515572}.catalog-card h3{font-size:27px;line-height:1.3;letter-spacing:-1px}.catalog-card p{font-size:17px;min-height:0;margin:20px 0 30px}.catalog-links{margin-top:auto}.catalog-links a{font-size:15px;padding-top:20px;border-color:#24213f20;font-weight:600}.studio{background:#242043;padding:95px 0;color:#fff}.studio-grid{gap:65px}.studio p{font-size:18px;color:#d7d6e7}.studio .eyebrow{color:#c5d858}.studio h2 span{color:#c6dd58!important}.studio-photo img{height:450px;border-radius:30px}.studio-label{font-size:13px;left:24px;bottom:24px}.studio-points div{background:#ffffff0b;border-color:#ffffff20;padding:22px}.studio-points b{color:#d0e472;font-size:15px}.studio-points small{font-size:14px;color:#d7d6e7}.process{gap:18px}.process article{background:white;border-top:3px solid #4553b2;border-radius:0;padding:26px 15px}.process .num{font-size:12px}.process h3{font-size:23px;line-height:1.35}.process p,.expect p{font-size:17px}.expect{padding:36px;border-radius:24px}.expect h3{font-size:26px}.checks li{font-size:16px}.marketing-section{padding:90px 0;background:#eeedff;color:#252342}.marketing-head{display:flex;gap:70px;align-items:flex-end;justify-content:space-between}.marketing-head h2{font-size:48px;margin-top:20px}.marketing-head h2 span{color:#4553b2}.marketing-head>p{font-size:18px;max-width:450px}.marketing-section .eyebrow{color:#4553b2}.marketing-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px}.marketing-cards article{padding:36px;background:white;border-radius:24px}.marketing-cards h3{font-size:27px}.marketing-cards p{font-size:18px;margin:18px 0 24px}.marketing-cards a{font-size:16px;color:#4553b2;font-weight:600}.faq-grid p,.faqs details p,.contact-grid p{font-size:18px}.faqs summary{font-size:18px;padding:24px 0}.contact-grid h2{font-size:52px}.contact-note{font-size:16px}.contact-note strong{font-size:18px}.form{padding:35px;border-radius:25px}.form label{font-size:15px}.form input,.form select,.form textarea{font-size:16px;padding:14px}.form textarea{min-height:140px}.form .demo-note{font-size:12px}.footer-links{font-size:15px}.footer-bottom{font-size:12px}
@media(max-width:1100px){.hero h1{font-size:56px}.hero-photo>img{height:400px}.catalog{grid-template-columns:repeat(3,1fr)}.catalog-card{padding:24px}.catalog-card h3{font-size:23px}nav{gap:14px;font-size:12px}.nav .button{font-size:13px}.studio-grid{gap:35px}.hero .button{font-size:13px}}
@media(max-width:760px){.wrap{padding-left:24px;padding-right:24px}.nav{height:80px}.logo{width:190px}nav{top:80px;font-size:16px}.hero{grid-template-columns:1fr;padding:48px 0 35px;gap:34px}.hero h1{font-size:48px;letter-spacing:-2.5px}.hero .intro{font-size:18px}.hero-photo{transform:none}.hero-photo>img{height:310px}.hero-caption b{font-size:14px}.hero-caption small{font-size:11px}.strip{gap:14px;font-size:13px}.strip b{font-size:13px}.section{padding-top:65px;padding-bottom:65px}h2,.studio h2,.marketing-head h2,.contact-grid h2{font-size:36px;letter-spacing:-1.5px}.section-head>p{font-size:18px}.catalog{grid-template-columns:1fr}.catalog-card{padding:30px}.catalog-top{margin-bottom:28px}.catalog-card h3{font-size:27px}.catalog-card p{font-size:18px}.studio{padding:65px 0}.studio-photo img{height:330px}.studio-grid{grid-template-columns:1fr}.studio-points{grid-template-columns:1fr}.process{grid-template-columns:1fr}.process h3{font-size:25px}.marketing-head{flex-direction:column;align-items:flex-start;gap:24px}.marketing-cards{grid-template-columns:1fr}.marketing-section{padding:65px 0}.marketing-cards article{padding:28px}.expect{padding:28px}.form{padding:23px}.field-row{grid-template-columns:1fr}.faqs summary{font-size:17px}.hero .button{font-size:14px}.photo-badge{font-size:9px}.hero-note{font-size:12px}}
/* Content hierarchy refinement inspired by grouped service directories. */
.hero{padding:58px 0 44px;grid-template-columns:1.1fr 1fr}.hero h1{font-size:clamp(44px,4.2vw,62px);letter-spacing:-2.8px}.hero-photo{transform:none;border:0;box-shadow:none;background:transparent;padding:0}.hero-photo>img{height:430px;border-radius:28px}.hero-caption{margin-top:15px;border:1px solid #e2e0f2}.hero .intro{font-size:18px;max-width:590px}.service-directory{border-top:1px solid #dadde7}.service-row{display:grid;grid-template-columns:.9fr 1.15fr 1fr;gap:48px;padding:44px 0;border-bottom:1px solid #dadde7}.service-title{position:relative}.service-symbol{display:grid;place-items:center;width:64px;height:64px;border-radius:18px;background:#eeedff;color:#4553b2;margin-bottom:24px}.service-symbol svg{width:40px;height:40px}.service-title small{font-size:11px;letter-spacing:1px;color:#73788d}.service-title h3{font-size:28px;line-height:1.35;margin-top:14px;letter-spacing:-1px}.service-description h4{font-size:20px;line-height:1.5;font-weight:600;margin:0 0 15px}.service-description p{font-size:17px;line-height:1.8}.service-description>a{display:inline-flex;gap:24px;margin-top:22px;font-size:15px;font-weight:600;color:#4553b2}.service-scope{background:#f7f7fc;padding:22px;border-radius:18px;align-self:start}.service-scope>span{display:block;font-size:10px;letter-spacing:1px;color:#75798e;margin-bottom:12px}.service-scope a{display:flex;justify-content:space-between;gap:14px;font-size:15px;line-height:1.5;padding:13px 0;border-bottom:1px solid #e4e5ee}.service-scope a:last-child{border-bottom:0}.service-scope b{color:#4553b2;font-weight:400}.service-scope a:hover,.service-description a:hover{color:#4553b2;text-decoration:underline}.scope-banner{margin-top:32px;padding:28px 32px;border-radius:20px;background:#eeedff;display:flex;align-items:center;justify-content:space-between;gap:24px}.scope-banner b{font-size:20px;font-weight:600}.scope-banner p{font-size:16px;margin-top:6px}.scope-banner .button{white-space:nowrap}.project-fit{padding:90px 0;background:#242043;color:#fff}.fit-head h2{margin:20px 0;line-height:1.2}.fit-head h2 span{color:#cee66a}.fit-head p{font-size:18px;color:#d0cfe0}.fit-head .eyebrow{color:#cee66a}.fit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:45px}.fit-grid article{position:relative;padding:32px;border:1px solid #ffffff25;border-radius:22px;background:#ffffff05}.fit-grid article:nth-child(2){background:#ffffff0a}.fit-grid article:nth-child(3){background:#ffffff10}.fit-grid article>span{font-size:11px;letter-spacing:1px;color:#cee66a}.fit-grid h3{font-size:27px;line-height:1.35;margin:28px 0 20px;letter-spacing:-1px}.fit-grid p{font-size:17px;color:#d0cfe0}.fit-grid a{display:inline-block;font-size:15px;color:#cee66a;margin-top:28px}.process article{border:1px solid #e5e7ef;border-radius:20px;padding:28px;background:#f8f9fc}.process .num{font-size:11px;color:#4553b2}.marketing-cards article{border:1px solid #ddddef}.marketing-cards h3{font-size:26px}.marketing-section{background:#f4f4fc}.section{padding-top:85px;padding-bottom:85px}
@media(max-width:1100px){.service-row{gap:25px;grid-template-columns:.9fr 1.1fr 1fr}.service-title h3{font-size:24px}.service-scope{padding:18px}.hero h1{font-size:48px}.fit-grid article{padding:24px}.fit-grid h3{font-size:23px}.scope-banner b{font-size:18px}}
@media(max-width:760px){.hero{grid-template-columns:1fr;padding:45px 0 30px}.hero h1{font-size:43px;letter-spacing:-2px}.hero-photo>img{height:auto}.service-row{grid-template-columns:1fr;gap:24px;padding:34px 0}.service-title h3{font-size:28px;max-width:330px}.service-symbol{margin-bottom:18px}.service-description p{font-size:18px}.service-scope a{font-size:16px}.scope-banner{flex-direction:column;align-items:flex-start;padding:25px}.scope-banner .button{white-space:normal}.fit-grid{grid-template-columns:1fr}.fit-grid article{padding:30px}.fit-grid h3{font-size:28px}.project-fit{padding:65px 0}.section{padding-top:65px;padding-bottom:65px}.fit-head h2{font-size:33px}}
/* Four capability panels, using the starting-point section's visual language. */
.hero h1{font-size:clamp(48px,4.7vw,68px);line-height:1.08;letter-spacing:-3px}.hero h1 span{color:#4553b2}.hero{padding:64px 0 48px}.strip{flex-wrap:wrap}.service-directory{display:grid;grid-template-columns:1fr 1fr;gap:24px;border:0}.service-row{display:flex;flex-direction:column;gap:0;padding:38px;border:1px solid #e0e1ec;border-radius:26px;background:#f7f7fc;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s}.service-row:hover{transform:translateY(-4px);box-shadow:0 18px 40px #24204312}.service-row:first-child{background:#292548;color:#fff;border-color:#292548}.service-row.mobile-service{background:#edf1dc;border-color:#edf1dc}.service-row:nth-child(3){background:#eeedff}.service-row:nth-child(4){background:#f3f6fb}.service-title{display:flex;gap:22px;align-items:center;margin-bottom:25px}.service-title h3{font-size:30px;margin:0;line-height:1.3;max-width:350px}.service-symbol{margin:0;flex-shrink:0;background:#ffffffaa}.service-row:first-child .service-symbol{background:#ffffff12;color:#cee66a}.service-description h4{font-size:19px;margin-bottom:12px}.service-description p{font-size:17px;max-width:520px}.service-description>a{margin-top:20px;margin-bottom:28px}.service-row:first-child p{color:#d6d4e4}.service-row:first-child a{color:#cee66a}.service-scope{align-self:stretch;background:transparent;border-radius:0;padding:22px 0 0;margin-top:auto;border-top:1px solid #24204320;display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.service-scope>span{grid-column:1/-1;font-size:11px;margin:0 0 10px}.service-scope a{font-size:14px;border:0;padding:9px 0;align-items:center}.service-row:first-child .service-scope{border-color:#ffffff25}.service-row:first-child .service-scope>span{color:#aaa7c1}.service-row:first-child .service-scope a{color:#e5e4ee}.service-row:first-child .service-scope b{color:#cee66a}.fit-grid article{overflow:hidden;padding-top:130px}.fit-art{position:absolute;top:25px;right:30px;width:100px;height:80px;opacity:.85}.fit-art i{position:absolute;display:block;border:1px solid #cee66a;border-radius:14px;width:48px;height:48px;transform:rotate(-18deg)}.idea-art i:nth-child(1){left:0;top:20px}.idea-art i:nth-child(2){left:28px;top:8px}.idea-art i:nth-child(3){left:52px;top:25px;background:#cee66a20}.system-art i{border-radius:7px;transform:rotate(0);width:33px;height:33px}.system-art i:nth-child(1){left:5px;top:8px}.system-art i:nth-child(2){left:50px;top:8px}.system-art i:nth-child(3){left:28px;top:47px;background:#cee66a20}.growth-art i{bottom:0;top:auto;width:22px;border-radius:6px;transform:rotate(0)}.growth-art i:nth-child(1){left:10px;height:27px}.growth-art i:nth-child(2){left:40px;height:47px}.growth-art i:nth-child(3){left:70px;height:72px;background:#cee66a30}.process .num{padding:7px 12px;background:#eeedff;border-radius:50px;letter-spacing:1px}.process article{border:0;background:transparent;padding:24px 15px;border-top:1px solid #d9dbe7;border-radius:0}.scope-banner{background:#f3f4ec}.marketing-cards article{border:0;border-left:3px solid #b9d725;border-radius:0;background:transparent;padding:12px 28px}.marketing-section{background:#f5f5fc}.project-fit{background:#242043}
@media(max-width:1100px){.service-row{padding:28px}.service-title h3{font-size:26px}.service-title{gap:15px}.service-scope{grid-template-columns:1fr}.hero h1{font-size:52px}}
@media(max-width:760px){.hero h1{font-size:44px;letter-spacing:-2px}.hero{padding:42px 0 30px}.service-directory{grid-template-columns:1fr}.service-row{padding:28px}.service-title{flex-direction:column;align-items:flex-start;gap:20px}.service-title h3{font-size:28px}.service-scope{grid-template-columns:1fr}.service-scope a{font-size:16px}.service-description p{font-size:18px}.strip span{width:100%}.fit-grid article{padding-top:125px}.marketing-cards article{padding:12px 22px}}
@media(prefers-reduced-motion:reduce){.service-row{transition:none}}