/* CreatGraph responsive UI refresh — additive overrides */
html{scroll-behavior:smooth;overflow-x:hidden}body{overflow-x:hidden}.container{width:min(1180px,90%)}
.navbar{max-width:1180px;border-color:rgba(255,255,255,.12);box-shadow:0 14px 50px rgba(0,0,0,.22)}
.hero{min-height:92vh;background:radial-gradient(circle at 75% 35%,rgba(183,255,0,.08),transparent 28%),radial-gradient(circle at 12% 75%,rgba(255,255,255,.035),transparent 28%)}
.hero h1{font-size:clamp(46px,6vw,82px);line-height:.98;letter-spacing:-4px}.hero-desc{font-size:clamp(16px,1.5vw,19px);line-height:1.75}.hero-card{border:1px solid rgba(183,255,0,.22);box-shadow:0 40px 100px rgba(0,0,0,.5),0 0 80px rgba(183,255,0,.08)}
.hero-stats{padding-top:26px;border-top:1px solid rgba(255,255,255,.08)}
.trusted{border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.015)}
.trusted-logos span{opacity:.55;transition:.3s ease}.trusted-logos span:hover{opacity:1;color:var(--accent)}
.section-header{max-width:760px}.service-card{position:relative;overflow:hidden;min-height:265px;border-color:rgba(255,255,255,.09);background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012));transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}.service-card:after{content:"";position:absolute;width:130px;height:130px;right:-70px;bottom:-70px;border-radius:50%;background:var(--accent);filter:blur(70px);opacity:0;transition:.35s}.service-card:hover{transform:translateY(-7px);border-color:rgba(183,255,0,.25);box-shadow:0 24px 55px rgba(0,0,0,.3)}.service-card:hover:after{opacity:.12}
/* workflow */
.workflow-section{position:relative;padding:110px 0;background:#050505;border-block:1px solid rgba(255,255,255,.06);overflow:hidden}.workflow-section:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 82%,transparent)}.workflow-container{position:relative}.workflow-heading{margin-bottom:65px}.workflow-heading .section-desc{max-width:560px}.workflow-layout{display:grid;grid-template-columns:1fr 1.15fr 1fr;grid-template-areas:"s1 core s2" "s3 core s4" ". s5 .";gap:24px 42px;align-items:center}.workflow-step{padding:26px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:rgba(255,255,255,.025);min-height:175px;transition:.3s}.workflow-step:hover{border-color:rgba(183,255,0,.28);transform:translateY(-4px);background:rgba(183,255,0,.025)}.workflow-step span{display:inline-block;color:var(--accent);font:600 12px var(--font-display);letter-spacing:1.5px;margin-bottom:13px}.workflow-step h3{font:600 21px var(--font-display);margin:0 0 9px}.workflow-step p{margin:0;color:var(--text-muted);font-size:14px;line-height:1.65}.step-1{grid-area:s1}.step-2{grid-area:s2}.step-3{grid-area:s3}.step-4{grid-area:s4}.step-5{grid-area:s5;text-align:center}.workflow-core{grid-area:core;display:grid;place-items:center;min-height:390px;position:relative}.workflow-core-glow{position:absolute;width:300px;height:300px;border-radius:50%;background:rgba(183,255,0,.13);filter:blur(75px)}.workflow-core-card{position:relative;width:min(300px,100%);aspect-ratio:1;border:1px solid rgba(183,255,0,.4);border-radius:32px;background:radial-gradient(circle at 50% 35%,rgba(183,255,0,.12),transparent 48%),linear-gradient(145deg,#171717,#080808);box-shadow:0 30px 80px rgba(0,0,0,.5),inset 0 0 35px rgba(183,255,0,.04);display:flex;align-items:flex-end;justify-content:center;padding:35px}.ai-pill{position:absolute;top:-15px;background:#fff;color:#050505;padding:8px 14px;border-radius:8px;font-size:10px;font-weight:800;letter-spacing:.8px}.core-icon{position:absolute;top:68px;width:72px;height:72px;display:grid;place-items:center;border-radius:20px;background:#111;border:1px solid rgba(183,255,0,.3);color:var(--accent);font-size:25px;box-shadow:0 15px 35px rgba(0,0,0,.4)}.core-icon-left{left:48px;transform:rotate(-8deg)}.core-icon-right{right:48px;transform:rotate(8deg)}.core-copy{text-align:center}.core-copy small{display:block;color:var(--accent);letter-spacing:2px;font-size:9px;margin-bottom:8px}.core-copy strong{font:600 22px/1.15 var(--font-display)}
/* process */
.process-section .process-grid{gap:14px!important}.process-section .process-card{position:relative!important;padding:30px 22px!important;min-height:220px;border-color:rgba(255,255,255,.09)!important;transition:.3s!important}.process-section .process-card:hover{transform:translateY(-6px);border-color:rgba(183,255,0,.25)!important;background:#141414!important}
/* portfolio section already has its own CSS; improve shape and mobile safety */
.portfolio-master{border-block:1px solid rgba(255,255,255,.06)}.poster-card{border-radius:12px;border:1px solid rgba(255,255,255,.08)}.portfolio-topbar{border-radius:18px 18px 0 0}.portfolio-body{border-radius:0 0 18px 18px}.portfolio-block{margin:18px 0 32px}.bg-title{max-width:80%;overflow:hidden}
.cta-box{border:1px solid rgba(183,255,0,.16);box-shadow:0 30px 90px rgba(0,0,0,.32)}
@media(max-width:1100px){.workflow-layout{grid-template-columns:1fr 1fr;grid-template-areas:"core core" "s1 s2" "s3 s4" "s5 s5"}.workflow-core{min-height:340px}.process-section .process-grid{grid-template-columns:repeat(3,1fr)!important}}
@media(max-width:900px){.hero{padding-top:125px}.hero-visual{order:initial;max-width:460px}.hero h1{letter-spacing:-2.5px}.workflow-section{padding:85px 0}.workflow-heading{text-align:center;margin-inline:auto}.workflow-heading .section-desc{margin-inline:auto}.trusted-logos{flex-wrap:wrap;justify-content:center;gap:22px 32px}.process-section .process-grid{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:768px){.container{width:min(100% - 36px,1180px)}.navbar{width:calc(100% - 24px);padding:0 16px}.nav-links{top:72px}.hero{padding-inline:18px}.hero-inner{gap:45px}.hero h1{font-size:clamp(42px,12vw,62px)}.hero-cta{flex-direction:column;align-items:stretch;max-width:360px;margin-inline:auto}.hero-cta .btn{width:100%}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stat-item{min-width:0}.stat-item p{font-size:11px}.workflow-layout{grid-template-columns:1fr;grid-template-areas:"core" "s1" "s2" "s3" "s4" "s5";gap:14px}.workflow-core{min-height:320px}.workflow-step,.step-5{text-align:left;min-height:0}.process-section .process-grid{grid-template-columns:1fr!important}.process-section .process-card{min-height:0}.portfolio-wrap{padding-inline:12px}.grid-12,.grid-4-large,.grid-10-wide{gap:8px}.portfolio-body{padding-inline:16px!important}.cta-box{border-radius:26px}.section-title{font-size:clamp(34px,9vw,48px)}}
@media(max-width:480px){.hero-badge{font-size:11px}.hero-stats{gap:4px}.stat-item h3{font-size:22px}.workflow-section{padding:70px 0}.workflow-core-card{width:260px;border-radius:26px}.core-icon{width:62px;height:62px;top:62px}.core-icon-left{left:42px}.core-icon-right{right:42px}.trusted-logos span{font-size:14px}.grid-12,.grid-4-large,.grid-10-wide{grid-template-columns:1fr!important}.grid-12 .poster-card,.grid-4-large .poster-card.large,.grid-10-wide .poster-card.short{height:auto!important;min-height:220px}.bg-title{font-size:32px!important;letter-spacing:-2px!important}.footer-top,.footer-links{min-width:0}}
