/* Responsive brand and layout for wide screens and dense displays. */
.container{width:min(1240px,calc(100% - 80px))}
.header-inner{min-height:122px}
html{scroll-padding-top:138px}
.brand{gap:18px}
.brand img{width:96px;height:96px;object-fit:contain;border-radius:0}
.brand-copy{display:flex;flex-direction:column}
.brand-name{font:700 44px/1.05 Georgia,'Times New Roman',serif;letter-spacing:-1.8px;color:#f5f8ff}
.brand-name>span{color:#34bfff}
.brand-subtitle{font:500 10px/1.5 'Segoe UI',Arial,sans-serif;letter-spacing:3.6px;color:#91b8df;margin-top:9px}
.footer-inner{min-height:146px;gap:34px}
.footer-brand img{width:80px;height:80px}
.footer-brand .brand-name{font-size:36px;letter-spacing:-1.2px}
.footer-brand .brand-subtitle{font-size:9px;letter-spacing:2.5px;margin-top:7px}
.footer-identity{max-width:60ch;font-size:12px!important}
.hero-description{max-width:36ch}
.nav{font-size:15px}



@media(min-width:1600px){
  .container{width:min(1440px,calc(100% - 128px))}
  .hero-inner{min-height:760px;padding-block:90px;gap:50px}
  h1{font-size:72px;letter-spacing:-2.8px}
  .hero-description{font-size:20px;margin-bottom:38px}
  .eyebrow{font-size:12px;letter-spacing:2.8px}
  .hero-visual{height:540px}
  .hero-cube{--size:240px;left:calc(50% - 120px);top:155px}
  .hero-cube b{font-size:58px}
  .small-cube{--size:76px;top:95px}
  .orbit-one{width:420px;height:420px;left:calc(50% - 210px);top:98px}
  .orbit-two{width:510px;height:510px;left:calc(50% - 255px);top:40px}
  .visual-platform{width:380px;left:calc(50% - 190px);height:190px;bottom:30px}
  .visual-label{font-size:12px}
  .hero-caption{font-size:12px}
  .section{padding-block:112px}
  h2{font-size:50px}
  .section-heading>p,.about-copy p{font-size:18px;max-width:42ch}
  .services-grid{gap:30px}
  .service-card{padding:32px}
  .card-visual{height:254px}
  .card-content h3{font-size:28px;min-height:68px}
  .card-content p{font-size:16px;max-width:38ch}
  .card-note{font-size:10px}
  .services-hint{font-size:13px}
  .audience-inner>div{font-size:13px}
  .process-list{gap:38px}
  .process-list h3{font-size:22px}
  .process-list p{font-size:16px}
  .contact h2{font-size:64px}
  .contact p:not(.eyebrow,.contact-label,.contact-footnote){font-size:18px}
  .contact-hub{padding:38px}
  .contact-hub h3{font-size:37px}
  .contact-channel strong{font-size:23px}
  .contact-pill{font-size:11px}
  .button,.text-link{font-size:16px}
  .button{min-height:58px;padding:15px 26px}
}
@media(min-width:2200px){
  .container{width:min(1840px,calc(100% - 192px))}
  .header-inner{min-height:142px}
  html{scroll-padding-top:158px}
  .brand img{width:108px;height:108px}
  .brand-name{font-size:50px}
  .brand-subtitle{font-size:11px;letter-spacing:4.2px}
  .nav{font-size:17px;gap:45px}
  .nav .nav-contact{padding:13px 23px}
  .hero-inner{min-height:880px;padding-block:100px}
  h1{font-size:84px;letter-spacing:-3.3px}
  .hero-description{font-size:22px}
  .eyebrow{font-size:14px}
  .hero-visual{height:650px}
  .hero-cube{--size:285px;left:calc(50% - 142px);top:190px}
  .hero-cube b{font-size:68px}
  .small-cube{--size:90px;top:105px}
  .orbit-one{width:510px;height:510px;left:calc(50% - 255px);top:112px}
  .orbit-two{width:620px;height:620px;left:calc(50% - 310px);top:48px}
  .visual-platform{width:480px;left:calc(50% - 240px);height:240px}
  .visual-label{font-size:14px}
  .section{padding-block:132px}
  h2{font-size:60px}
  .section-heading{gap:140px;margin-bottom:65px}
  .section-heading>p,.about-copy p{font-size:20px;max-width:45ch}
  .service-card{padding:38px}
  .card-content h3{font-size:32px;min-height:78px}
  .card-content p{font-size:18px}
  .card-visual{height:300px}
  .phone{width:109px;height:198px;top:39px;left:calc(50% - 55px)}
  .floating-panel{width:49px;height:69px}
  .browser-plane{width:200px;height:147px;left:calc(50% - 100px);top:75px}
  .browser-back{left:calc(50% - 120px);top:52px}
  .browser-body{padding:16px}
  .cube-stack{left:calc(50% - 68px);top:112px}
  .card-cube{--size:90px}
  .cube-two{left:77px}
  .cube-three{--size:72px;top:-52px;left:55px}
  .process-list h3{font-size:26px}
  .process-list p{font-size:18px}
  .contact h2{font-size:72px}
  .contact p:not(.eyebrow,.contact-label,.contact-footnote){font-size:20px}
  .contact-hub{padding:46px}
  .contact-hub h3{font-size:44px}
  .contact-channel{padding:22px 20px;gap:20px}
  .contact-channel strong{font-size:27px}
  .channel-icon{width:50px;height:50px}
  .channel-icon svg{width:26px;height:26px}
  .contact-channel small{font-size:11px}
  .contact-hub-bottom{font-size:13px}
  .footer-inner{min-height:178px}
  .footer-identity{font-size:14px!important}
}
@media(min-width:3200px){
  .container{width:min(2240px,calc(100% - 256px))}
  .header-inner{min-height:160px}
  html{scroll-padding-top:176px}
  .brand img{width:120px;height:120px}
  .brand-name{font-size:56px}
  .brand-subtitle{font-size:12px;letter-spacing:4.8px}
  .nav{font-size:19px;gap:56px}
  .hero-inner{min-height:1050px;padding-block:120px}
  h1{font-size:100px;letter-spacing:-4px}
  .hero-description{font-size:25px;max-width:36ch}
  .hero-visual{height:760px}
  .hero-cube{--size:335px;left:calc(50% - 167px);top:225px}
  .hero-cube b{font-size:82px}
  .small-cube{--size:106px;top:137px}
  .orbit-one{width:605px;height:605px;left:calc(50% - 302px);top:135px}
  .orbit-two{width:730px;height:730px;left:calc(50% - 365px);top:57px}
  .visual-platform{width:570px;left:calc(50% - 285px);height:285px;bottom:24px}
  .eyebrow{font-size:16px}
  .visual-label{font-size:16px}
  .hero-caption{font-size:15px;margin-top:54px}
  .hero-actions{gap:38px}
  .button,.text-link{font-size:20px}
  .button{min-height:68px;padding:18px 32px}
  .audience-inner{padding-block:40px}
  .audience-inner>div{font-size:17px;gap:28px}
  .audience-inner svg{width:40px;height:40px}
  .section{padding-block:156px}
  h2{font-size:72px}
  .section-heading>p,.about-copy p{font-size:23px}
  .services-grid{gap:42px}
  .service-card{padding:46px;border-radius:16px}
  .card-content h3{font-size:38px;min-height:92px}
  .card-content p{font-size:21px;line-height:1.75}
  .card-top{font-size:17px}
  .card-note{font-size:13px;padding-top:24px}
  .card-visual{height:330px}
  .services-hint{font-size:16px}
  .about-intro{gap:170px;margin-bottom:60px}
  .process-list{gap:52px}
  .process-list li{padding-top:38px}
  .step-number{font-size:18px}
  .process-list h3{font-size:32px;margin-top:24px}
  .process-list p{font-size:21px}
  .contact-inner{gap:150px}
  .contact h2{font-size:84px}
  .contact p:not(.eyebrow,.contact-label,.contact-footnote){font-size:23px}
  .contact-hub h3{font-size:50px}
  .contact-channel strong{font-size:31px}
  .contact-pill{font-size:14px}
  .footer-inner{min-height:204px}
  .footer-brand img{width:100px;height:100px}
  .footer-brand .brand-name{font-size:44px}
  .footer-brand .brand-subtitle{font-size:11px}
  .footer-identity{font-size:16px!important}
  .back-top{font-size:16px}
}
@media(max-width:1100px){.brand{gap:13px}.brand img{width:78px;height:78px}.brand-name{font-size:36px}.brand-subtitle{font-size:9px;letter-spacing:2.7px}.header-inner{min-height:100px}.nav{gap:24px}}
@media(max-width:800px){
  .container{width:calc(100% - 40px)}
  .header-inner{min-height:96px}
  html{scroll-padding-top:110px}
  .header .brand img{width:64px;height:64px}
  .brand{gap:12px}.brand-name{font-size:31px;letter-spacing:-1px}.brand-subtitle{font-size:8px;letter-spacing:2.5px;margin-top:7px}
  .nav{top:96px}
  .footer-brand img{width:64px;height:64px}
  .footer-brand .brand-name{font-size:30px}
  .footer-brand .brand-subtitle{font-size:8px;letter-spacing:2.4px}
  .footer-inner{gap:24px;min-height:120px}
}
@media(max-width:600px){
  .header-inner{min-height:88px;gap:12px}
  .header .brand img{width:58px;height:58px}
  .brand{gap:10px}.brand-name{font-size:29px}.brand-subtitle{font-size:7px;letter-spacing:2.5px}
  .nav{top:88px}
  .footer-inner{padding-block:24px}
  .footer-identity{font-size:10px!important}
  
}
@media(max-width:360px){.brand{gap:7px}.header .brand img{width:48px;height:48px}.brand-name{font-size:26px}.brand-subtitle{font-size:6.5px;letter-spacing:2px}.footer-inner{gap:14px}.footer-brand img{width:52px;height:52px}.footer-brand .brand-name{font-size:27px}.footer-brand .brand-subtitle{font-size:7px}}

.policy-header .policy-logo{display:flex;align-items:center;gap:16px;flex-shrink:0}
.policy-header .policy-logo img{object-fit:contain;border-radius:0}
@media(max-width:600px){.policy-header .policy-header-inner{width:calc(100% - 40px);gap:12px;flex-wrap:wrap}.policy-header .policy-logo{gap:10px}.policy-header .policy-logo img{width:56px;height:56px}.policy-logo .brand-name{font-size:28px;letter-spacing:-1px}.policy-logo .brand-subtitle{font-size:7px;letter-spacing:2.3px;margin-top:6px}.policy-header .policy-back{margin-left:auto}}
@media(max-width:360px){.policy-header .policy-header-inner{gap:10px}.policy-header .policy-logo img{width:44px;height:44px}.policy-logo .brand-name{font-size:24px}.policy-logo .brand-subtitle{font-size:6px;letter-spacing:1.8px}.policy-header .policy-back{font-size:11px;padding:8px 10px;gap:6px}}