.logo-page{--navy:#041b3b;--orange:#f85402;--blue:#0390e7;--light:#f5f8fc;--text:#14213d;color:var(--text);background:#fff;overflow:hidden}.logo-hero{background:var(--navy);color:#fff;grid-template-columns:1.05fr .95fr;align-items:center;min-height:780px;padding:110px 8% 90px;display:grid;position:relative;overflow:hidden}.hero-grid{opacity:.12;background-image:linear-gradient(#ffffff26 1px,#0000 1px),linear-gradient(90deg,#ffffff26 1px,#0000 1px);background-size:70px 70px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 80%);mask-image:linear-gradient(90deg,#000,#0000 80%)}.hero-orb{filter:blur(70px);pointer-events:none;border-radius:50%;position:absolute}.hero-orb-one{background:#0390e733;width:500px;height:500px;top:-100px;right:-150px}.hero-orb-two{background:#f8540224;width:350px;height:350px;bottom:-150px;left:35%}.hero-content{z-index:2;max-width:700px;position:relative}.hero-badge{letter-spacing:2px;color:#dcecff;border:1px solid #fff3;border-radius:100px;align-items:center;gap:10px;margin-bottom:28px;padding:9px 15px;font-size:11px;font-weight:700;display:inline-flex}.hero-badge span{background:var(--orange);width:7px;height:7px;box-shadow:0 0 15px var(--orange);border-radius:50%}.hero-content h1{letter-spacing:-4px;margin:0;font-size:clamp(48px,6vw,86px);font-weight:800;line-height:.98}.hero-content h1 span{color:#51b8ff}.hero-content p{color:#b9c8db;max-width:600px;margin:30px 0 35px;font-size:17px;line-height:1.8}.hero-buttons{flex-wrap:wrap;gap:15px;display:flex}.primary-button,.secondary-button{border-radius:8px;justify-content:center;align-items:center;gap:14px;min-height:52px;padding:0 24px;font-size:14px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.primary-button{background:var(--orange);color:#fff}.primary-button:hover{transform:translateY(-3px);box-shadow:0 15px 35px #f8540240}.primary-button span{font-size:20px}.secondary-button{color:#fff;border:1px solid #fff3}.secondary-button:hover{color:var(--navy);background:#fff}.hero-stats{gap:45px;margin-top:60px;display:flex}.hero-stats div{flex-direction:column;gap:5px;display:flex}.hero-stats strong{font-size:22px}.hero-stats span{color:#8fa5bd;text-transform:uppercase;letter-spacing:1px;font-size:11px}.hero-logo-area{justify-content:center;align-items:center;min-height:550px;display:flex;position:relative}.logo-circle{background:radial-gradient(circle at 35% 30%,#ffffff29,#0000 35%),linear-gradient(135deg,#092d59,#06172e);border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:390px;height:390px;display:flex;position:relative;box-shadow:0 50px 100px #00000059,inset 0 0 50px #0390e71a}.logo-ring{border:1px solid #0390e759;border-radius:50%;position:absolute}.ring-one{width:450px;height:450px}.ring-two{border-color:#f8540233;width:510px;height:510px}.logo-symbol{letter-spacing:-12px;justify-content:center;align-items:center;width:160px;height:160px;font-size:65px;font-weight:900;display:flex;position:relative;transform:skew(-8deg)}.logo-symbol span:first-child{color:#fff}.logo-symbol span:last-child{color:var(--orange);margin-left:-10px}.floating-card{z-index:4;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);letter-spacing:3px;background:#ffffff14;border:1px solid #fff3;padding:13px 20px;font-size:10px;font-weight:700;position:absolute}.card-top{top:70px;right:25px}.card-bottom{letter-spacing:2px;flex-direction:column;gap:5px;display:flex;bottom:60px;left:10px}.card-bottom strong{color:#51b8ff}.plus{color:var(--orange);font-size:30px;position:absolute}.plus-one{top:150px;left:40px}.plus-two{bottom:110px;right:60px}.dot{background:var(--blue);border-radius:50%;width:8px;height:8px;position:absolute}.dot-one{top:110px;left:130px}.dot-two{bottom:160px;right:130px}.intro-section{background:#fff;padding:130px 8%}.section-label{color:var(--orange);letter-spacing:2px;align-items:center;gap:12px;font-size:11px;font-weight:800;display:flex}.section-label span{border:1px solid #f854024d;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:10px;display:flex}.intro-layout{grid-template-columns:1fr 1fr;gap:100px;margin-top:55px;display:grid}.intro-title h2{letter-spacing:-3px;max-width:650px;margin:0;font-size:clamp(42px,5vw,70px);line-height:1}.intro-title h2 span{color:var(--blue)}.intro-text{max-width:600px}.intro-text p{color:#667085;margin:0 0 25px;font-size:17px;line-height:1.9}.styles-section{background:var(--navy);color:#fff;padding:120px 8%}.styles-heading{justify-content:space-between;align-items:end;gap:60px;margin-bottom:60px;display:flex}.light-label{color:#8ccfff}.light-label span{border-color:#8ccfff4d}.styles-heading h2{letter-spacing:-3px;margin:25px 0 0;font-size:clamp(42px,5vw,68px);line-height:1}.styles-heading h2 span{color:var(--orange)}.styles-heading>p{color:#9eb1c7;max-width:400px;line-height:1.8}.styles-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.style-card{background:#ffffff09;border:1px solid #ffffff1a;min-height:410px;padding:28px;transition:all .35s;position:relative;overflow:hidden}.style-card:hover{background:#ffffff0f;border-color:#0390e799;transform:translateY(-10px)}.style-top{color:#70869f;justify-content:space-between;font-size:11px;display:flex}.style-icon{color:var(--orange);font-size:24px}.style-preview{border:1px dashed #ffffff26;flex-direction:column;justify-content:center;align-items:center;height:150px;margin:35px 0;display:flex;position:relative}.preview-shape{background:linear-gradient(135deg, var(--blue), var(--orange));border-radius:50%;width:65px;height:65px}.preview-line{background:#fff;width:100px;height:4px;margin-top:12px}.preview-line.small{opacity:.4;width:60px}.style-card:nth-child(2) .preview-shape{background:0 0;border-radius:0;width:auto;height:auto}.style-card:nth-child(2) .preview-shape:after{content:"TECH";color:#fff;font-size:28px;font-weight:800}.style-card:nth-child(3) .preview-shape{border-radius:8px;transform:rotate(45deg)}.style-card:nth-child(4) .preview-shape{border-radius:10px;width:90px}.style-card h3{margin:0 0 12px;font-size:21px}.style-card p{color:#879bb2;margin:0;font-size:14px;line-height:1.7}.style-arrow{color:#fff;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;display:flex;position:absolute;bottom:25px;right:25px}.process-section{background:var(--light);padding:130px 8%}.process-header{max-width:700px}.process-header h2{letter-spacing:-3px;margin:25px 0 20px;font-size:clamp(42px,5vw,68px);line-height:1}.process-header h2 span{color:var(--blue)}.process-header p{color:#697586;font-size:16px;line-height:1.8}.process-line{grid-template-columns:repeat(5,1fr);margin-top:80px;display:grid;position:relative}.process-line:before{content:"";background:#ccd6e2;height:1px;position:absolute;top:24px;left:5%;right:5%}.process-item{padding-right:25px;position:relative}.process-number{z-index:2;width:48px;height:48px;color:var(--orange);background:#fff;border:1px solid #ccd6e2;border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:800;display:flex;position:relative}.process-dot{background:var(--orange);border-radius:50%;width:8px;height:8px;position:absolute;top:20px;left:20px}.process-item h3{margin:35px 0 12px;font-size:20px}.process-item p{color:#697586;margin:0;font-size:14px;line-height:1.7}.deliver-section{grid-template-columns:.9fr 1.1fr;align-items:center;gap:100px;padding:130px 8%;display:grid}.deliver-visual{justify-content:center;align-items:center;min-height:500px;display:flex;position:relative}.visual-box{background:var(--navy);color:#fff;width:330px;height:400px;box-shadow:30px 30px 0 var(--orange);padding:30px;position:relative}.visual-small{font-size:28px;font-weight:900}.visual-big{letter-spacing:-2px;margin-top:100px;font-size:46px;font-weight:900;line-height:.9}.visual-line{background:var(--blue);width:70px;height:3px;margin-top:25px}.visual-bottom{color:#8ca0b6;letter-spacing:2px;justify-content:space-between;font-size:9px;display:flex;position:absolute;bottom:25px;left:30px;right:30px}.visual-circle{background:var(--blue);color:#fff;letter-spacing:2px;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;font-size:10px;font-weight:800;display:flex;position:absolute;bottom:35px;right:30px;transform:rotate(-12deg)}.deliver-content h2{letter-spacing:-3px;margin:25px 0;font-size:clamp(40px,4.5vw,62px);line-height:1}.deliver-content h2 span{color:var(--orange)}.deliver-content>p{color:#697586;max-width:600px;line-height:1.8}.deliver-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:35px;display:grid}.deliver-item{background:#f6f8fb;border:1px solid #e8edf3;grid-template-columns:30px 1fr 20px;align-items:center;min-height:50px;padding:0 15px;font-size:13px;display:grid}.deliver-item>span{color:var(--blue);font-size:10px}.deliver-item i{color:#16a34a;font-style:normal}.branding-section{padding:30px 8% 100px}.branding-card{background:var(--navy);color:#fff;align-items:center;min-height:500px;padding:80px;display:flex;position:relative;overflow:hidden}.branding-content{z-index:2;max-width:750px;position:relative}.branding-content h2{letter-spacing:-4px;margin:25px 0;font-size:clamp(45px,6vw,78px);line-height:.95}.branding-content h2 span{color:var(--orange)}.branding-content p{color:#9db1c8;max-width:580px;margin-bottom:30px;line-height:1.8}.cta-button{color:var(--navy);background:#fff;border-radius:7px;align-items:center;gap:15px;padding:16px 25px;font-size:14px;font-weight:800;text-decoration:none;transition:all .3s;display:inline-flex}.cta-button:hover{background:var(--orange);color:#fff;transform:translateY(-3px)}.cta-mark{letter-spacing:-15px;opacity:.5;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:280px;height:280px;font-size:75px;font-weight:900;display:flex;position:absolute;top:50%;right:8%;transform:translateY(-50%)rotate(-10deg)}.cta-mark span:last-child{color:var(--orange)}.branding-glow{filter:blur(70px);border-radius:50%;position:absolute}.glow-one{background:#0390e740;width:400px;height:400px;top:-150px;right:-100px}.glow-two{background:#f8540226;width:300px;height:300px;bottom:-150px;left:-150px}@media (max-width:1100px){.logo-hero{grid-template-columns:1fr;padding-top:130px}.hero-logo-area{min-height:500px;margin-top:20px}.styles-grid{grid-template-columns:1fr 1fr}.process-line{grid-template-columns:1fr 1fr;gap:50px 30px}.process-line:before{display:none}.deliver-section{grid-template-columns:1fr}.deliver-visual{max-width:600px}}@media (max-width:768px){.logo-hero{min-height:auto;padding:110px 6% 70px}.hero-content h1{letter-spacing:-2px}.hero-content p{font-size:15px}.hero-stats{flex-wrap:wrap;gap:20px;margin-top:45px}.hero-logo-area{min-height:400px}.logo-circle{width:280px;height:280px}.ring-one{width:325px;height:325px}.ring-two{width:370px;height:370px}.logo-symbol{font-size:50px}.card-top{top:20px;right:0}.card-bottom{bottom:20px;left:0}.intro-section,.styles-section,.process-section,.deliver-section{padding:80px 6%}.intro-layout{grid-template-columns:1fr;gap:40px}.styles-heading{display:block}.styles-heading>p{margin-top:25px}.styles-grid{grid-template-columns:1fr}.style-card{min-height:380px}.process-line{grid-template-columns:1fr;gap:45px}.deliver-grid{grid-template-columns:1fr}.deliver-visual{min-height:430px}.visual-box{width:280px;height:350px}.visual-big{margin-top:75px;font-size:38px}.visual-circle{right:0}.branding-section{padding:20px 6% 70px}.branding-card{min-height:500px;padding:55px 30px}.branding-content h2{letter-spacing:-2px}.cta-mark{width:180px;height:180px;font-size:45px;top:auto;bottom:-30px;right:-50px;transform:rotate(-10deg)}}@media (max-width:480px){.hero-buttons{flex-direction:column}.primary-button,.secondary-button{width:100%}.hero-logo-area{min-height:350px}.logo-circle{width:240px;height:240px}.ring-one{width:280px;height:280px}.ring-two{width:320px;height:320px}.floating-card{padding:9px 12px;font-size:8px}.plus-one{left:10px}.plus-two{right:10px}.intro-title h2,.styles-heading h2,.process-header h2,.deliver-content h2{letter-spacing:-2px}.branding-card{padding:45px 22px}.branding-content h2{font-size:43px}}