/* CodeHavenHub — custom static studio design system */
:root{--studio-ink:#12142d;--studio-navy:#090e24;--studio-muted:#6a6d84;--studio-white:#fff;--studio-border:rgba(32,28,60,.09);--studio-gradient:linear-gradient(125deg,#ff536b 0%,#d947ac 48%,#8651ed 100%)}
html{scroll-padding-top:100px}body{overflow-x:clip}body,button,input,select,textarea{font-family:'Cairo',Tahoma,Arial,sans-serif}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #d54db6;outline-offset:3px} [hidden]{display:none!important}.skip-link{position:absolute;top:-100px;right:14px;background:#fff;color:#101428;padding:10px 18px;border-radius:9px;z-index:11000}.skip-link:focus{top:14px}.studio-container{width:min(1210px,calc(100% - 48px));margin-inline:auto}.studio-gradient-text{background:var(--studio-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.studio-kicker{font-size:.8rem;font-weight:900;letter-spacing:.025em;color:#d349a0;display:inline-flex;align-items:center;gap:9px}.studio-kicker:before{content:'';width:8px;height:8px;border-radius:50%;background:var(--studio-gradient);box-shadow:0 0 0 5px #fce6f5}.studio-small-tag{font-size:.74rem;font-weight:900;color:#a13f97;background:#fbe9f8;border-radius:99px;padding:4px 12px;display:inline-flex}.studio-text-link{display:inline-block;color:#9c43c7;font-weight:800;margin-top:18px}.studio-text-link:hover{color:#e64c85}.studio-btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;border-radius:13px;border:1px solid transparent;font-weight:900;min-height:52px;padding:12px 23px;font-size:.92rem;text-align:center;transition:transform .23s ease,box-shadow .23s ease,background .23s ease;cursor:pointer;text-decoration:none}.studio-btn:hover{transform:translateY(-3px)}.studio-btn-main{color:#fff;background:var(--studio-gradient);box-shadow:0 15px 32px rgba(193,63,174,.22)}.studio-btn-main:hover{box-shadow:0 19px 38px rgba(193,63,174,.34);color:#fff}.studio-btn-sm{min-height:41px;padding:8px 17px;font-size:.8rem}.studio-btn-outline{color:#fff;border-color:rgba(255,255,255,.31);background:rgba(255,255,255,.035)}.studio-btn-outline:hover{background:rgba(255,255,255,.13)}.studio-btn-dark{color:#fff;background:#111831}.studio-btn-dark:hover{color:#fff;background:#242b4c}.studio-btn-light{color:#401549;background:#fff}.studio-btn-light-alt{background:#f7f2fc;border-color:#e9dff2;color:#311e45}.studio-btn-plain{color:#5e5173;background:transparent}
/* Header */
.studio-header{height:83px;position:sticky;top:0;z-index:500;background:rgba(12,16,39,.96);border-bottom:1px solid rgba(255,255,255,.09);backdrop-filter:blur(18px)}.studio-nav{display:flex;align-items:center;justify-content:space-between;height:100%;gap:18px}.studio-brand{display:inline-flex;gap:10px;align-items:center;direction:ltr;white-space:nowrap;color:#fff!important}.studio-brand img{width:42px;height:42px}.studio-brand b{display:block;font-family:system-ui,'Cairo',sans-serif;font-size:1.18rem;letter-spacing:-.06em;line-height:1.25}.studio-brand b span{color:#f99ab7}.studio-brand small{color:#a5afcf;font-size:.62rem;display:block;letter-spacing:.2em;font-weight:700}.studio-nav-links{display:flex;gap:clamp(10px,1.5vw,23px);align-items:center}.studio-nav-links a{color:#b7bfd8;font-size:.79rem;font-weight:800;white-space:nowrap;padding:30px 0 27px;position:relative;transition:color .2s}.studio-nav-links a:hover,.studio-nav-links a.active{color:#fff}.studio-nav-links a.active:after{content:'';position:absolute;bottom:20px;right:0;left:0;height:2px;border-radius:3px;background:var(--studio-gradient)}.studio-nav-actions{display:flex;gap:9px;align-items:center}.studio-menu{display:none;width:46px;height:44px;border:1px solid #39405b;background:#202440;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:5px}.studio-menu span{width:20px;height:2px;background:#fff;border-radius:5px;transition:transform .25s,opacity .25s}.studio-menu[aria-expanded=true] span:first-child{transform:translateY(7px) rotate(45deg)}.studio-menu[aria-expanded=true] span:nth-child(2){opacity:0}.studio-menu[aria-expanded=true] span:last-child{transform:translateY(-7px) rotate(-45deg)}
/* Hero */
.studio-home{background:#f9f8fd}.studio-hero{position:relative;isolation:isolate;background:#0a1026;color:#fff;overflow:hidden;padding:66px 0 0}.studio-hero:after{content:'';pointer-events:none;position:absolute;left:-190px;top:16%;width:490px;height:490px;border:1px solid rgba(178,118,250,.15);border-radius:50%;box-shadow:0 0 0 90px rgba(123,71,225,.028),0 0 0 175px rgba(123,71,225,.022)}.studio-hero-aurora{position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 11% 5%,rgba(160,70,240,.27),transparent 34%),radial-gradient(circle at 81% 60%,rgba(239,60,138,.22),transparent 39%),radial-gradient(circle at 45% 104%,rgba(26,68,179,.3),transparent 45%),linear-gradient(160deg,#0a1026,#0a1026 70%,#15103c)}.studio-hero-grid{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:50px;min-height:545px;padding-bottom:64px}.studio-hero-pill{display:inline-flex;align-items:center;gap:11px;border:1px solid rgba(204,177,252,.25);border-radius:99px;color:#e4caff;background:rgba(187,119,249,.08);padding:8px 16px;font-size:.78rem;font-weight:800;margin-bottom:20px}.studio-status-dot{width:7px;height:7px;border-radius:50%;background:#fe6b9c;box-shadow:0 0 0 5px rgba(254,107,156,.14)}.studio-hero h1{margin:0 0 22px;font-size:clamp(2.35rem,4.25vw,4.45rem);line-height:1.29;font-weight:900;letter-spacing:-.05em;max-width:650px}.studio-hero h1 em{font-style:normal;display:block;background:var(--studio-gradient);background-clip:text;-webkit-background-clip:text;color:transparent}.studio-hero-text>p{font-size:1rem;color:#cad2e6;line-height:2;max-width:550px;margin:0}.studio-hero-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:29px}.studio-hero-points{margin-top:29px;display:flex;gap:20px;flex-wrap:wrap;color:#c5cce4;font-size:.77rem}.studio-hero-points span{white-space:nowrap}.studio-hero-media{position:relative;min-height:455px;display:flex;align-items:center;justify-content:center;perspective:1000px}.studio-glow{position:absolute;width:73%;height:65%;filter:blur(70px);border-radius:50%;background:linear-gradient(45deg,rgba(238,57,149,.42),rgba(74,64,250,.34))}.studio-device{position:relative;isolation:isolate;border:1px solid rgba(255,255,255,.25);background:#101932;border-radius:18px;box-shadow:0 28px 85px rgba(0,0,0,.58);overflow:hidden}.studio-device-main{width:94%;transform:perspective(1300px) rotateY(-8deg) rotateX(4deg);animation:studioFloat 7s ease-in-out infinite}.studio-device-toolbar{height:33px;background:#15192f;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-size:.59rem;color:#a4abc6;direction:ltr}.studio-device-toolbar div{display:flex;gap:5px}.studio-device-toolbar i{width:8px;height:8px;border-radius:50%;background:#ff6889}.studio-device-toolbar i:nth-child(2){background:#ffcf73}.studio-device-toolbar i:nth-child(3){background:#70dcaa}.studio-device-main img{height:auto;aspect-ratio:1.64;width:100%;object-fit:cover;object-position:center}.studio-bubble{position:absolute;z-index:2;border:1px solid rgba(255,255,255,.19);box-shadow:0 22px 36px rgba(0,0,0,.28);background:rgba(33,29,69,.9);backdrop-filter:blur(17px);color:#fff;border-radius:16px;padding:11px 15px}.studio-bubble-a{top:5px;right:0;display:flex;align-items:center;gap:11px}.studio-bubble-a>span{font-size:1.5rem;color:#ff9ebb}.studio-bubble-a b{font-size:1.7rem}.studio-bubble-a small{font-size:.64rem;color:#d5d0eb}.studio-bubble-b{bottom:22px;left:0;font-size:1.3rem;color:#fba0d0}.studio-bubble-b span{font:700 .73rem system-ui;color:#fff;direction:ltr}.studio-hero-trust{display:grid;grid-template-columns:repeat(4,1fr);position:relative;padding:18px 0 20px;border-top:1px solid rgba(255,255,255,.14)}.studio-hero-trust>div{padding:6px 25px;border-left:1px solid rgba(255,255,255,.12)}.studio-hero-trust>div:last-child{border-left:0}.studio-hero-trust b{display:block;font-size:1.42rem;font-family:system-ui,Arial;font-weight:900;line-height:1.4;color:#fff}.studio-hero-trust span{font-size:.72rem;color:#aebad7}
/* Sections */
.studio-section{padding:102px 0}.studio-section-head{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:37px}.studio-section-head h2{font-size:clamp(1.7rem,3.15vw,3rem);line-height:1.35;letter-spacing:-.025em;margin:10px 0 0;color:#17162a}.studio-section-head>div:last-child{max-width:385px}.studio-section-head p{margin:0;color:#737386;font-size:.93rem;line-height:1.9}.studio-services-section{background:#fff}.studio-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.studio-service{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:268px;padding:29px 23px;border:1px solid #eae7f1;border-radius:20px;background:#fff;box-shadow:0 16px 30px rgba(30,20,70,.035);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.studio-service:hover{transform:translateY(-8px);box-shadow:0 23px 52px rgba(36,16,95,.12);border-color:#e7c7f4}.studio-service-icon{width:55px;height:55px;display:grid;place-items:center;background:linear-gradient(140deg,#fbe7f1,#ede9ff);color:#9245cb;font-size:1.8rem;border-radius:15px;margin-bottom:22px}.studio-service b{font-size:1.05rem;color:#232137}.studio-service p{font-size:.81rem;color:#74758a;margin:9px 0 15px;line-height:1.85}.studio-service-link{margin-top:auto;color:#a44aba;font-size:.77rem;font-weight:900}
.studio-portfolio-section{background:linear-gradient(180deg,#f8f8fe,#fdfcff)}.studio-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.studio-project-card{min-width:0;background:#fff;border-radius:19px;overflow:hidden;border:1px solid #edebf4;box-shadow:0 14px 37px rgba(28,24,81,.055);transition:transform .3s ease,box-shadow .3s ease}.studio-project-card:hover{transform:translateY(-8px);box-shadow:0 27px 65px rgba(28,24,81,.13)}.studio-project-picture{position:relative;overflow:hidden;background:#e9e7f7;aspect-ratio:1.48}.studio-project-picture img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.studio-project-card:hover img{transform:scale(1.06)}.studio-project-float{position:absolute;top:14px;right:14px;left:14px;display:flex;align-items:center;justify-content:space-between;gap:4px;color:#fff;font:700 .69rem system-ui,Arial}.studio-project-float span{background:rgba(8,12,38,.68);backdrop-filter:blur(8px);border-radius:50px;padding:6px 10px}.studio-project-content{padding:22px}.studio-project-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.studio-project-heading h3{font-size:1.22rem;line-height:1.5;color:#191a33;margin:9px 0}.studio-project-arrow{font-size:1.3rem;display:grid;place-items:center;background:#faf0fc;color:#b448b6;border-radius:50%;width:36px;height:36px}.studio-project-content>p{color:#76778d;font-size:.81rem;line-height:1.8;margin:0 0 16px;min-height:48px}.studio-project-bottom{border-top:1px solid #efeaf4;padding-top:15px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;align-items:center}.studio-project-bottom button,.studio-project-bottom a{color:#9250b2;font-weight:900;font-size:.79rem;border:none;background:none;padding:2px 0;cursor:pointer}.studio-project-bottom a{color:#283049}.studio-project-bottom button:hover,.studio-project-bottom a:hover{text-decoration:underline;text-underline-offset:5px}.studio-centered-action{text-align:center;margin-top:35px}.studio-portfolio-section .studio-centered-action{margin-top:43px}
.studio-process-section{background:#fff}.studio-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.studio-steps>div{border-top:2px solid #e9e2f1;padding:25px 16px 14px 6px;position:relative}.studio-steps>div:before{content:'';position:absolute;width:12px;height:12px;right:0;top:-7px;border-radius:50%;background:#cf59c1;box-shadow:0 0 0 6px #f7e8fa}.studio-steps>div>span{color:#bd58ca;font:900 2.7rem system-ui}.studio-steps h3{font-size:1.12rem;margin:12px 0 6px}.studio-steps p{color:#727386;margin:0;font-size:.87rem;line-height:1.9}.studio-pricing-section{background:#f8f8fe}.studio-price-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;max-width:910px;margin:auto}.studio-price-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:40px;background:#fff;border:1px solid #e9e5f2;border-radius:24px;box-shadow:0 15px 40px rgba(29,23,66,.05)}.studio-price-card h3{font-size:1.55rem;margin:15px 0 5px;color:#181a35}.studio-price-card .studio-price{direction:ltr;font-size:2.65rem;font-weight:900;font-family:system-ui,Arial;color:#161735}.studio-price-card .studio-price small{font:700 .78rem Cairo,Arial;color:#78768b;margin-left:6px}.studio-price-card>p{color:#6f7083;margin:15px 0}.studio-price-card ul{padding:0;list-style:none;margin:0 0 30px;display:grid;gap:12px}.studio-price-card li{font-size:.84rem;color:#44445f}.studio-price-card li:before{content:'✓';display:inline-grid;place-items:center;margin-left:10px;color:#a843be}.studio-price-card>.studio-btn{margin-top:auto;min-width:70%}.studio-price-popular{border-color:#ddaaf3;box-shadow:0 25px 60px rgba(129,44,179,.10)}.studio-popular-label{position:absolute;top:-14px;left:22px;background:var(--studio-gradient);color:#fff;border-radius:99px;padding:5px 15px;font-size:.7rem;font-weight:900}.studio-insight-section{background:#fff}.studio-insight-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.studio-insight-grid h2{font-size:clamp(1.9rem,3.5vw,3.1rem);line-height:1.4;margin:12px 0}.studio-insight-grid p{color:#717386;margin-bottom:25px;line-height:2}.studio-insight-visual{border-radius:30px;overflow:hidden;max-height:400px;box-shadow:0 25px 60px rgba(36,15,81,.15)}.studio-insight-visual img{width:100%;height:400px;object-fit:cover}.studio-faq-section{background:#f9f8fd}.studio-faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.studio-faq-grid details{border:1px solid #ebe7f1;border-radius:16px;padding:19px 23px;background:#fff;align-self:start}.studio-faq-grid summary{font-weight:900;color:#242237;cursor:pointer;list-style:none;position:relative;padding-left:25px}.studio-faq-grid summary::-webkit-details-marker{display:none}.studio-faq-grid summary:after{content:'+';position:absolute;left:0;color:#b449bd;font-size:1.3rem;top:0}.studio-faq-grid details[open] summary:after{content:'−'}.studio-faq-grid details p{color:#6f7083;font-size:.87rem;margin:15px 0 0;line-height:1.9}
/* Common page hero and gallery */
.studio-subhero{background:#0c122c;color:#fff;overflow:hidden;position:relative;padding:75px 0 80px}.studio-subhero:before{content:'';position:absolute;pointer-events:none;width:510px;height:510px;left:-140px;top:-280px;background:radial-gradient(circle,rgba(208,64,167,.28),transparent 63%)}.studio-subhero .studio-container{position:relative}.studio-crumb{color:#bac0d8;font-size:.76rem;margin-bottom:20px}.studio-crumb a:hover{color:#fff}.studio-subhero h1{font-size:clamp(2rem,4.4vw,3.65rem);line-height:1.35;letter-spacing:-.03em;margin:12px 0}.studio-subhero p{max-width:730px;font-size:.97rem;line-height:2;color:#c8cee1;margin:0}.studio-demo-total{margin-top:25px;display:flex;gap:13px;align-items:center;color:#d6d5ef}.studio-demo-total b{font:900 2rem system-ui;color:#ff8fc1}.studio-gallery-section{background:#faf9fe}.studio-gallery-toolbar{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-bottom:16px}.studio-filters{display:flex;flex-wrap:wrap;gap:8px}.studio-filters button{border:1px solid #e7e5ee;background:#fff;padding:9px 15px;border-radius:50px;color:#5d6175;font-weight:800;font-size:.79rem}.studio-filters button:hover,.studio-filters button.active{background:#131833;color:#fff;border-color:#131833}.studio-gallery-search{display:flex;align-items:center;gap:9px;border:1px solid #e5e4ed;background:#fff;border-radius:12px;min-width:230px;padding:8px 13px}.studio-gallery-search span{font-size:1.3rem;color:#9d54ba}.studio-gallery-search input{border:0;outline:0;min-width:0;width:100%;font-size:.81rem;background:transparent;color:#24253d}.studio-gallery-count{font-size:.78rem;color:#6b6b81;margin:0 0 18px}.studio-gallery-empty{background:#fff;border-radius:18px;padding:50px;text-align:center;color:#6f6a7f}.studio-demo-note{border-radius:24px;padding:30px 34px;margin:0 auto 90px;background:#f1eafb;border:1px solid #e6d7f0}.studio-demo-note h2{color:#282038;font-size:1.2rem;margin:0 0 7px}.studio-demo-note p{margin:0;color:#635972;font-size:.85rem;line-height:2}
/* Contact / brief */
.studio-contact-section{background:#fbfafe}.studio-contact-layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:27px;align-items:start}.studio-contact-sidebar{display:grid;gap:15px}.studio-contact-side-banner{background:#141a35;color:#fff;padding:31px;border-radius:23px;min-height:190px;position:relative;overflow:hidden}.studio-contact-side-banner:after{content:'';position:absolute;bottom:-90px;left:-70px;background:#8442be;width:200px;height:200px;border-radius:50%;filter:blur(65px);opacity:.6}.studio-contact-side-banner>span{color:#ef75c3;font-size:1.7rem}.studio-contact-side-banner h2{font-size:1.65rem;line-height:1.4;margin:10px 0}.studio-contact-side-banner p{font-size:.87rem;color:#c7cce0}.studio-contact-point{display:flex;gap:15px;align-items:start;padding:20px;border-radius:18px;background:#fff;border:1px solid #edeaf4}.studio-contact-point>span{color:#c343ad;font-size:1.4rem;min-width:23px}.studio-contact-point b{display:block;font-size:.87rem}.studio-contact-point a,.studio-contact-point p{color:#68677e;font-size:.82rem;margin:4px 0;overflow-wrap:anywhere}.studio-contact-form-wrap{background:#fff;border:1px solid #ebe6f1;border-radius:26px;box-shadow:0 22px 60px rgba(28,18,74,.065);padding:33px}.studio-form-heading h2{margin:10px 0 3px;color:#191b35;font-size:1.7rem}.studio-form-heading>p{margin:0 0 25px;color:#7b798e;font-size:.8rem}.studio-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.studio-form-grid>label:not(.studio-check){display:grid;gap:8px;color:#2c2c46;font-size:.84rem;font-weight:800}.studio-form-grid .full{grid-column:1/-1}.studio-form input:not([type=checkbox]),.studio-form textarea,.studio-form select{width:100%;min-width:0;border:1px solid #e3e1ec;border-radius:12px;background:#fbfaff;color:#21233d;font-size:.86rem;padding:12px 13px;outline:none;transition:border .2s,box-shadow .2s}.studio-form input:not([type=checkbox]),.studio-form select{min-height:48px}.studio-form textarea{resize:vertical}.studio-form input:focus,.studio-form select:focus,.studio-form textarea:focus{border-color:#b75bce;box-shadow:0 0 0 3px rgba(182,79,198,.1)}.studio-form input:user-invalid,.studio-form textarea:user-invalid,.studio-form select:user-invalid{border-color:#c74755}.studio-check{display:flex;align-items:start;gap:9px;color:#676477;font-size:.8rem;line-height:1.8}.studio-check input{margin-top:7px;accent-color:#ac49c3}.studio-check a{color:#9e45bd;text-decoration:underline}.studio-submit-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:24px}.studio-submit-row>span,.studio-tiny-note{font-size:.72rem;color:#828298;line-height:1.85}.studio-form-error{color:#b52043;background:#ffedf0;border-radius:11px;padding:10px}.studio-quote-review{margin-top:20px;padding:25px;border:1px solid #e7d4ef;border-radius:18px;background:#fefaff}.studio-quote-review h3{font-size:1.3rem}.studio-quote-review p{font-size:.82rem;color:#67647c}.studio-quote-review textarea{width:100%;background:#fff;border:1px solid #e6ddea;border-radius:13px;padding:13px;color:#313046;font-size:.82rem;direction:rtl;line-height:1.8}.studio-quote-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:17px}.studio-brief-layout{display:grid;grid-template-columns:1.2fr .8fr;align-items:start;gap:28px}.studio-brief-preview{position:sticky;top:108px;border-radius:24px;overflow:hidden;border:1px solid #e7e2f0;background:#fff;padding:30px}.studio-brief-preview h2{font-size:1.5rem;margin:12px 0}.studio-brief-preview p{color:#6e6a81;font-size:.85rem}.studio-result-area{margin-top:24px;white-space:pre-wrap;overflow-wrap:anywhere;border-radius:14px;background:#f7f4fb;min-height:210px;padding:23px;line-height:1.95;font-size:.84rem}.studio-brief-placeholder{display:block;font-size:3.5rem;color:#aa67ba;text-align:center}.studio-brief-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}.studio-brief-actions .studio-btn{font-size:.78rem}.studio-option-group{border:1px solid #e8e1f0;border-radius:14px;padding:17px;display:flex;flex-wrap:wrap;gap:9px 18px}.studio-option-group legend{font-weight:800;font-size:.83rem;padding:0 10px}.studio-option-group label{display:flex;align-items:center;gap:7px;font-size:.79rem;color:#45415e}.studio-option-group input{accent-color:#b24cb8}
/* Process and extras */
.studio-timeline{max-width:850px;margin:0 auto;position:relative}.studio-timeline:before{content:'';position:absolute;right:30px;top:45px;bottom:75px;width:2px;background:#e9dcef}.studio-timeline article{display:grid;grid-template-columns:65px 1fr;gap:22px;padding:28px 0}.studio-step-number{z-index:1;display:grid;place-items:center;align-self:start;background:var(--studio-gradient);border:5px solid #fff;box-shadow:0 10px 25px rgba(151,79,185,.15);width:64px;height:64px;border-radius:50%;color:#fff;font:900 1.1rem system-ui}.studio-timeline article>div{background:#fff;border:1px solid #ece7f2;padding:29px;border-radius:21px}.studio-timeline article h2{margin:9px 0;font-size:1.4rem}.studio-timeline article p,.studio-timeline article li{color:#6f7082;font-size:.87rem}.studio-timeline article ul{margin:15px 0 0}.studio-faq-page{max-width:1000px}.studio-sitemap-list{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.studio-sitemap-list a{display:block;border:1px solid #ece6f1;padding:17px;border-radius:12px;background:#fff;font-weight:800;font-size:.83rem}.studio-sitemap-list a:hover{border-color:#cc6dc8;color:#ad41b1}.studio-notfound{padding:125px 0;background:#10132d;color:#fff;min-height:66vh;display:flex;align-items:center}.studio-notfound .studio-container>span{font:900 clamp(5rem,17vw,11rem) system-ui;color:#e95db4}.studio-notfound h1{font-size:2.3rem;margin:0}.studio-notfound p{color:#c4c2db}
/* Preview modal */
body.studio-modal-open{overflow:hidden}.studio-preview-modal{position:fixed;z-index:9000;inset:0;background:#11152b;display:flex;flex-direction:column;color:#fff}.studio-modal-top{height:71px;min-height:71px;padding:10px 25px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #3d3950}.studio-modal-top>b{font-size:.95rem}.studio-modal-controls{display:flex;align-items:center;gap:8px}.studio-modal-controls>button{padding:8px 12px;border:1px solid #424663;background:#222641;color:#ddd;border-radius:10px;font-size:.75rem;font-weight:800;cursor:pointer}.studio-modal-controls>button[aria-pressed=true]{background:#ad4db7;color:#fff}.studio-modal-controls>.studio-modal-close{background:#d64c6e;color:#fff;border:0;font-size:1rem}.studio-modal-controls .studio-btn{min-height:38px;padding:6px 12px}.studio-preview-shell{flex:1;min-height:0;display:flex;justify-content:center;padding:14px;overflow:auto;background:#222840}.studio-preview-shell iframe{background:#fff;border:0;width:100%;height:100%;min-height:420px;border-radius:11px;box-shadow:0 20px 60px rgba(0,0,0,.3);transition:width .25s}.studio-preview-modal.mobile .studio-preview-shell iframe{max-width:390px;width:390px}.studio-toast{position:fixed;bottom:25px;left:25px;z-index:12000;background:#111735;color:#fff;padding:13px 20px;border-radius:14px;font-size:.8rem;font-weight:800;box-shadow:0 15px 45px #1114;opacity:0;pointer-events:none;transform:translateY(20px);transition:.2s}.studio-toast.show{opacity:1;transform:translateY(0)}
/* Footer */
.studio-footer-cta{padding:65px 0;background:linear-gradient(120deg,#392378,#9d358f 53%,#e65384);color:#fff}.studio-footer-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:35px}.studio-footer-cta .studio-kicker{color:#ffd2eb}.studio-footer-cta .studio-kicker:before{background:#fff}.studio-footer-cta h2{font-size:clamp(1.55rem,3.2vw,2.7rem);line-height:1.35;margin:12px 0}.studio-footer-cta p{color:#f5e0f5;margin:0;font-size:.87rem}.studio-footer{background:#0b0e23;color:#b4bed7;padding:65px 0 20px}.studio-footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:55px;padding-bottom:55px}.studio-footer-about p{font-size:.81rem;max-width:370px;line-height:2;margin:22px 0}.studio-footer-about>a:last-child{font-size:.8rem;color:#e8a2ea}.studio-footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:14px}.studio-footer-grid h3{font-size:.95rem;color:#fff;margin:8px 0 9px}.studio-footer-grid>div:not(:first-child) a{font-size:.79rem;color:#aab3d0;transition:color .2s}.studio-footer-grid>div:not(:first-child) a:hover{color:#fff}.studio-footer-bottom{border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;padding-top:23px;font-size:.7rem;color:#8895b6}.studio-footer-bottom a{color:#e0a2dc}
/* Existing legacy content within common shell */
.studio-legacy .page-hero{padding-top:78px;padding-bottom:73px;background:linear-gradient(125deg,#171636,#28204e);color:#fff}.studio-legacy .page-hero .eyebrow{color:#e5b2ed;background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.17)}.studio-legacy .page-hero .title{color:#fff}.studio-legacy .page-hero .lead{color:#c8c5d9}.studio-legacy .page-hero .breadcrumb{color:#d1c7eb}.studio-legacy .page-hero .breadcrumb a{color:#fff}.studio-legacy main{min-height:36vh}.studio-legacy .btn-primary{background:var(--studio-gradient)}.studio-legacy .reveal{transition:opacity .6s,transform .6s}.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transform:translateY(25px);transition:opacity .7s ease,transform .7s ease}.js .reveal.visible{opacity:1;transform:none}
@keyframes studioFloat{0%,100%{transform:perspective(1300px) rotateY(-8deg) rotateX(4deg) translateY(0)}50%{transform:perspective(1300px) rotateY(-8deg) rotateX(4deg) translateY(-13px)}}
@media(max-width:1100px){.studio-nav-links{gap:10px}.studio-nav-links a{font-size:.73rem}.studio-hero-grid{gap:20px}.studio-section{padding:82px 0}.studio-service-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:990px){.studio-header{height:73px}.studio-menu{display:flex}.studio-nav-links{display:none;position:absolute;top:73px;right:0;left:0;padding:12px 24px 23px;background:#11172e;border-top:1px solid #303550;border-bottom:1px solid #303550;box-shadow:0 20px 35px #06081366;flex-direction:column;align-items:stretch;gap:0;max-height:calc(100dvh - 73px);overflow-y:auto}.studio-nav-links.open{display:flex}.studio-nav-links a{padding:12px;font-size:.93rem;border-bottom:1px solid #ffffff15}.studio-nav-links a.active:after{height:100%;width:3px;right:0;left:auto;bottom:0}.studio-hero-grid{grid-template-columns:1fr;gap:20px;padding-bottom:45px}.studio-hero-text{text-align:center}.studio-hero h1,.studio-hero-text>p{margin-inline:auto}.studio-hero-buttons,.studio-hero-points{justify-content:center}.studio-hero-media{min-height:390px;width:min(740px,100%);margin-inline:auto}.studio-hero-trust{grid-template-columns:repeat(4,1fr)}.studio-project-grid{grid-template-columns:repeat(2,1fr)}.studio-contact-layout{grid-template-columns:.8fr 1.2fr}.studio-brief-layout{grid-template-columns:1fr}.studio-brief-preview{position:static}.studio-footer-grid{gap:28px;grid-template-columns:1.5fr repeat(3,1fr)}}
@media(max-width:720px){.studio-container{width:calc(100% - 30px)}.studio-section{padding:68px 0}.studio-section-head{display:block;margin-bottom:24px}.studio-section-head p{margin-top:12px}.studio-section-head h2{font-size:1.9rem}.studio-hero{padding-top:43px}.studio-hero h1{font-size:clamp(2.1rem,8vw,3.4rem)}.studio-hero-text>p{font-size:.88rem}.studio-hero-media{min-height:290px}.studio-device-main{width:96%}.studio-bubble-a{right:-7px;top:-3px}.studio-bubble-b{bottom:0;left:-5px}.studio-hero-trust{grid-template-columns:repeat(2,1fr);row-gap:12px}.studio-hero-trust>div:nth-child(2){border-left:0}.studio-hero-trust>div{padding:7px 12px}.studio-hero-trust b{font-size:1.2rem}.studio-project-grid{grid-template-columns:1fr}.studio-service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.studio-service{min-height:225px;padding:19px 16px}.studio-service p{font-size:.76rem}.studio-steps{grid-template-columns:repeat(2,1fr);gap:12px}.studio-price-grid{grid-template-columns:1fr}.studio-insight-grid{grid-template-columns:1fr;gap:25px}.studio-insight-visual img{height:230px}.studio-faq-grid{grid-template-columns:1fr}.studio-gallery-toolbar{align-items:stretch;flex-direction:column}.studio-gallery-search{width:100%}.studio-subhero{padding:59px 0 62px}.studio-contact-layout{grid-template-columns:1fr}.studio-contact-form-wrap{padding:23px}.studio-footer-cta-inner{flex-direction:column;text-align:center}.studio-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.studio-footer-about{grid-column:1/-1}.studio-sitemap-list{grid-template-columns:repeat(2,1fr)}.studio-modal-top{height:auto;min-height:68px;flex-wrap:wrap;padding:9px 12px;gap:4px}.studio-modal-top>b{font-size:.74rem}.studio-modal-controls{gap:3px}.studio-modal-controls>button{font-size:.7rem;padding:6px}.studio-modal-controls .studio-btn{font-size:.67rem;min-height:32px;padding:5px 6px}.studio-preview-shell{padding:5px}.studio-legacy .page-hero{padding:60px 0}.studio-legacy .section{padding:60px 0}.studio-legacy .section-sm{padding:50px 0}}
@media(max-width:480px){.studio-nav-actions>.studio-btn{min-height:39px;padding:8px 11px;font-size:.68rem}.studio-brand b{font-size:.96rem}.studio-brand img{width:34px;height:34px}.studio-brand small{font-size:.51rem}.studio-menu{width:39px;height:39px}.studio-hero-pill{font-size:.69rem}.studio-hero h1{font-size:clamp(1.95rem,9vw,2.8rem)}.studio-hero-buttons{gap:8px}.studio-hero-buttons .studio-btn{padding:12px 14px;font-size:.77rem}.studio-hero-points{gap:8px 13px;font-size:.66rem}.studio-service-grid{grid-template-columns:1fr}.studio-service{min-height:auto}.studio-service-icon{margin-bottom:11px}.studio-project-content{padding:17px}.studio-project-content>p{min-height:0}.studio-steps{grid-template-columns:1fr}.studio-price-card{padding:27px}.studio-form-grid{grid-template-columns:1fr}.studio-form-grid .full{grid-column:auto}.studio-submit-row>.studio-btn{width:100%}.studio-contact-side-banner{padding:22px}.studio-sitemap-list{grid-template-columns:1fr}.studio-gallery-toolbar{gap:9px}.studio-demo-note{padding:21px}.studio-footer{padding-top:50px}.studio-footer-cta{padding:50px 0}.studio-footer-grid{gap:18px}.studio-hero-media{min-height:235px}.studio-bubble{padding:6px 9px;border-radius:10px}.studio-bubble-a b{font-size:1.2rem}.studio-bubble-a small{font-size:.52rem}.studio-bubble-b{font-size:.85rem}.studio-bubble-b span{font-size:.56rem}.studio-hero-trust span{font-size:.65rem}.studio-quote-actions .studio-btn{width:100%}.studio-modal-controls>button[data-mode]{padding:5px;font-size:.62rem}.studio-modal-top>b{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .reveal{opacity:1;transform:none}.studio-device-main{animation:none}.studio-btn,.studio-service,.studio-project-card,.studio-project-picture img{transition:none}}

/* PHP contact delivery state */
.studio-honeypot{position:absolute!important;left:0!important;top:0!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;opacity:0!important;pointer-events:none!important}
.studio-server-message{margin:18px 0;padding:16px 18px;border:1px solid rgba(56,189,145,.35);border-radius:16px;background:rgba(56,189,145,.08);color:inherit;font-weight:700}
.studio-server-message.error{border-color:rgba(244,63,94,.35);background:rgba(244,63,94,.09)}
.studio-submit-row button[disabled]{opacity:.6;cursor:wait}

/* Lead-form validation: show the exact field that needs attention. */
.studio-form [aria-invalid="true"]{outline:2px solid #e4566a;outline-offset:2px;border-color:#e4566a!important}


/* === Visual enhancement kit === */
.enhance-shell{position:relative}.subtle{opacity:.92}.section-head{margin-bottom:22px}.section-head p{max-width:760px;color:#6f7083}.visual-showcase,.article-hero-panel{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center}.visual-showcase.reverse{grid-template-columns:.9fr 1.1fr}.visual-showcase.reverse .visual-media{order:2}.visual-showcase.reverse .visual-copy{order:1}.visual-media,.article-cover,.knowledge-media{display:block;border-radius:26px;overflow:hidden;position:relative;background:#0d1432;box-shadow:0 22px 70px rgba(7,11,28,.28);border:1px solid rgba(114,103,186,.16)}.visual-media:before,.article-cover:before,.knowledge-media:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 25%,rgba(208,64,167,.08) 100%);pointer-events:none;z-index:1}.visual-media img,.article-cover img,.knowledge-media img{display:block;width:100%;height:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .7s ease}.floating-visual{transform:translateY(0);transition:transform .45s ease,box-shadow .45s ease}.floating-visual:hover{transform:translateY(-6px);box-shadow:0 26px 80px rgba(10,12,29,.34)}.visual-media:hover img,.article-cover:hover img,.knowledge-media:hover img{transform:scale(1.04)}.visual-copy h2,.article-summary h2{margin-top:6px}.stat-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.stat-chips span{display:inline-flex;align-items:center;padding:10px 14px;border-radius:999px;background:rgba(123,87,255,.09);border:1px solid rgba(123,87,255,.14);color:#3d2b73;font-size:.83rem;font-weight:700}.feature-list li{position:relative}.feature-list li::marker{color:#d040a7}.insight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.insight-mini-card{padding:22px;border-radius:22px;background:#fff;border:1px solid rgba(95,102,140,.1);box-shadow:0 10px 30px rgba(18,20,37,.06)}.insight-mini-card h3{margin:0 0 10px;font-size:1rem;color:#14193c}.insight-mini-card p{margin:0;color:#666e89;line-height:1.85;font-size:.9rem}.knowledge-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.knowledge-card{background:#fff;border:1px solid rgba(95,102,140,.1);border-radius:24px;overflow:hidden;box-shadow:0 10px 35px rgba(18,20,37,.07);display:flex;flex-direction:column}.knowledge-body{padding:18px 18px 20px}.knowledge-tag{display:inline-flex;padding:6px 12px;border-radius:999px;background:rgba(208,64,167,.09);color:#be2c8f;font-size:.75rem;font-weight:800;margin-bottom:12px}.knowledge-body h3{font-size:1.1rem;margin:0 0 10px}.knowledge-body h3 a{color:#14193c}.knowledge-body p{color:#666e89;line-height:1.9;margin:0 0 16px}.article-hero-panel{align-items:start}.article-summary{height:100%}.article-summary p{color:#666e89}.guide-article .guide-meta{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.cta,.content-card,.knowledge-card,.insight-mini-card{transition:transform .3s ease,box-shadow .3s ease}.cta:hover,.content-card:hover,.knowledge-card:hover,.insight-mini-card:hover{transform:translateY(-3px)}body:before{content:'';position:fixed;inset:auto auto -140px -140px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(167,63,195,.16),transparent 64%);pointer-events:none;z-index:-1}body:after{content:'';position:fixed;inset:120px -150px auto auto;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(63,136,255,.11),transparent 64%);pointer-events:none;z-index:-1}@media(max-width:980px){.visual-showcase,.article-hero-panel,.visual-showcase.reverse{grid-template-columns:1fr}.visual-showcase.reverse .visual-media,.visual-showcase.reverse .visual-copy{order:unset}.insight-grid,.knowledge-grid{grid-template-columns:1fr 1fr}}@media(max-width:720px){.insight-grid,.knowledge-grid{grid-template-columns:1fr}.visual-media,.article-cover,.knowledge-media{border-radius:20px}.stat-chips span{font-size:.78rem;padding:8px 12px}}

/* CodeHavenHub Editorial V3 — hero-first redesign. Scoped to inner pages. */
body:not(.studio-home) .chh-split-hero{position:relative;isolation:isolate;overflow:hidden;background:#0c1028;color:#fff;text-align:right;padding:0!important;min-height:0;}
body:not(.studio-home) .chh-split-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 92% 4%,rgba(175,47,158,.27),transparent 39%),radial-gradient(ellipse at 6% 85%,rgba(62,81,227,.28),transparent 40%),linear-gradient(135deg,#0c122c 0%,#17112e 52%,#0a122a 100%);pointer-events:none}
body:not(.studio-home) .chh-split-hero:after{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:54px 54px;mask-image:linear-gradient(130deg,transparent 10%,black 70%);pointer-events:none}
.chh-split-hero .container,.chh-split-hero .studio-container{position:relative;z-index:1;width:min(1200px,calc(100% - 48px));max-width:1200px;margin-inline:auto;padding:0}
.chh-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.96fr);gap:clamp(24px,4vw,68px);align-items:center;min-height:610px;padding:75px 0 84px}
.chh-hero-copy{min-width:0;position:relative;z-index:2}
.chh-hero-meta{display:inline-flex;align-items:center;gap:10px;color:#ffb7de;font-weight:800;letter-spacing:.04em;font-size:.72rem;direction:ltr;opacity:.85;margin-bottom:20px}
.chh-hero-meta:before{content:"";width:27px;height:2px;background:#f06dbc}
.chh-hero-copy .breadcrumb,.chh-hero-copy .studio-crumb{display:flex;gap:5px;align-items:center;color:#acb7d6;font-size:.77rem;margin:0 0 16px}
.chh-hero-copy .eyebrow,.chh-hero-copy .studio-kicker{display:inline-flex;align-items:center;margin:0 0 7px;background:rgba(219,77,188,.13);border:1px solid rgba(255,162,233,.23);border-radius:100px;padding:7px 13px;color:#ffd4ee;font-size:.8rem;font-weight:750}
.chh-hero-copy .title,.chh-hero-copy h1{font-size:clamp(2.25rem,4.25vw,4.7rem)!important;max-width:700px!important;margin:8px 0 23px!important;line-height:1.25!important;color:#fff!important;text-align:right;font-weight:900!important;letter-spacing:-.035em}
.chh-hero-copy .gradient-text,.chh-hero-copy .studio-gradient-text{background:linear-gradient(95deg,#ff70ab,#be69f1,#8894ff);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.chh-hero-copy .lead,.chh-hero-copy p{max-width:530px!important;margin:0 0 25px!important;color:#d4d8ed!important;font-size:1.04rem!important;line-height:1.95!important;text-align:right}
.chh-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:29px}
.chh-btn{display:inline-flex;justify-content:center;align-items:center;min-height:48px;border-radius:13px;padding:12px 23px;text-decoration:none;font-weight:800;font-size:.88rem;white-space:nowrap;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.chh-btn:hover{transform:translateY(-3px)}.chh-btn-primary{color:#fff!important;background:linear-gradient(115deg,#f94e95,#a34bee)!important;box-shadow:0 11px 32px rgba(207,72,184,.26)}.chh-btn-outline{color:#fff!important;border:1px solid rgba(235,216,255,.28);background:rgba(255,255,255,.06)}.chh-reading-time{color:#d1c1e5;font-size:.87rem}
.chh-hero-art{position:relative;min-width:0;isolation:isolate;max-width:560px;margin-inline:auto;width:100%;aspect-ratio:1.05;border-radius:28px;transform:rotate(-2deg);filter:drop-shadow(0 22px 42px rgba(0,0,0,.29));animation:chhHeroFloat 7s ease-in-out infinite}
.chh-hero-art:before{content:"";position:absolute;inset:-14px;border-radius:36px;background:linear-gradient(135deg,rgba(230,108,217,.51),rgba(80,90,225,.01),rgba(123,88,244,.43));z-index:-1;opacity:.53}
.chh-hero-art:after{content:"";position:absolute;inset:0;border-radius:28px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22),inset 0 -110px 100px -80px rgba(5,5,25,.65);pointer-events:none}
.chh-hero-art img{display:block;width:100%;height:100%;border-radius:28px;object-fit:cover;object-position:center;box-shadow:0 40px 90px rgba(3,4,18,.42)}
.chh-art-plaque{position:absolute;inset:auto auto -14px 14px;z-index:3;max-width:90%;display:inline-flex;align-items:center;gap:11px;background:rgba(18,16,47,.88);border:1px solid rgba(250,186,252,.24);backdrop-filter:blur(15px);color:#fff;padding:14px 20px;border-radius:15px;font-size:.84rem;font-weight:800;box-shadow:0 12px 30px rgba(0,0,0,.25);transform:rotate(2deg)}
.chh-art-dot{width:10px;height:10px;flex:none;border-radius:100%;background:#ff71b6;box-shadow:0 0 0 5px rgba(240,100,198,.15)}
@keyframes chhHeroFloat{0%,100%{transform:rotate(-2deg) translateY(0)}50%{transform:rotate(-1deg) translateY(-9px)}}
/* Bright editorial surfaces and structural rhythm */
body:not(.studio-home) main > section.section-sm:not(.enhance-shell):nth-of-type(even){background:linear-gradient(120deg,#faf7ff,#f8fbff)}
body:not(.studio-home) .enhance-shell{padding:85px 0}
body:not(.studio-home) .enhance-shell .visual-showcase{gap:44px}
body:not(.studio-home) .enhance-shell .visual-media,body:not(.studio-home) .enhance-shell .article-cover{box-shadow:0 25px 70px rgba(26,17,61,.19);border-radius:28px}
body:not(.studio-home) .enhance-shell .visual-media img{height:100%;object-fit:cover;min-height:330px}
body:not(.studio-home) .enhance-shell .visual-copy{border-radius:26px;padding:clamp(27px,4vw,52px);box-shadow:0 18px 52px rgba(16,20,58,.07);border:1px solid #e9e6f5}
body:not(.studio-home) .enhance-shell .visual-copy h2{font-size:clamp(1.6rem,2.4vw,2.4rem);line-height:1.45}
body:not(.studio-home) .content-card{box-shadow:0 14px 38px rgba(16,20,58,.045);border-color:#edebf4}
body:not(.studio-home) .content-card:hover{box-shadow:0 22px 48px rgba(16,20,58,.085)}
body:not(.studio-home) .insight-mini-card{position:relative;padding-top:40px;overflow:hidden}
body:not(.studio-home) .insight-mini-card:before{content:'✦';position:absolute;top:10px;right:20px;color:#b94acf;font-size:21px}
body:not(.studio-home) .knowledge-card{border:1px solid #eae7f5;box-shadow:0 16px 34px rgba(20,21,57,.075)}
body:not(.studio-home) .knowledge-media{height:255px;aspect-ratio:unset;border-radius:0}
body:not(.studio-home) .knowledge-media img{height:255px;object-fit:cover}
body:not(.studio-home) .knowledge-body{padding:27px 29px 31px}
body:not(.studio-home) .knowledge-body h3{font-size:1.22rem;line-height:1.55}
body:not(.studio-home) .knowledge-body p{font-size:.92rem}
.chh-guide-toolbar{margin:2px 0 24px;display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;color:#171b3e;font-size:1rem;font-weight:800}
.chh-guide-toolbar input{width:min(390px,100%);height:50px;border:1px solid #e2dfee;border-radius:14px;padding:12px 20px;background:#fff;outline:none;font:inherit;font-size:.93rem;box-shadow:0 8px 23px rgba(34,23,68,.05)}
.chh-guide-toolbar input:focus{border-color:#9f5aec;box-shadow:0 0 0 4px rgba(158,98,235,.12)}
#chh-knowledge-empty{border:1px dashed #ac93d8;padding:35px;border-radius:18px;text-align:center}
/* In-article reading experience */
.chh-reader{max-width:930px!important;padding:clamp(25px,4vw,55px)!important;background:#fff;border:1px solid #eae7f3!important;border-radius:26px!important;box-shadow:0 20px 64px rgba(20,15,55,.07)!important}
.chh-reader .guide-toc{margin:0 0 30px;background:linear-gradient(135deg,#f5efff,#f9f9ff);padding:26px;border:1px solid #eae3f8;border-radius:18px}
.chh-reader .guide-toc a{text-decoration:none!important;color:#393254}
.chh-reader-chapter{position:relative;margin:10px 0 25px;padding:23px 0 30px!important;border-top:1px solid #ebe8f2}
.chh-reader-chapter h2{font-size:clamp(1.25rem,2vw,1.65rem);color:#141a3b;line-height:1.5;margin:0 0 13px}
.chh-reader-chapter p,.chh-reader-chapter li{line-height:2.1;font-size:1.03rem;color:#4d536c}
.chh-reader-chapter h2:before{content:'◆';display:inline-block;color:#c24fc6;font-size:.8rem;margin-left:9px}
.chh-reader-illustration{margin:28px auto 0;overflow:hidden;border-radius:21px;box-shadow:0 18px 43px rgba(21,14,54,.13)}
.chh-reader-illustration img{display:block;max-height:430px;width:100%;object-fit:cover}
.chh-reader-outro{border-radius:19px;padding:28px;background:linear-gradient(135deg,#151633,#26214a);color:#fff;margin:30px 0 4px}
.chh-reader-outro b{display:block;font-size:1.3rem}.chh-reader-outro p{color:#d9d8e8;margin:12px 0 22px;line-height:1.85}
.chh-reader-outro .chh-btn{color:#fff}
/* Services / pricing / process gain dimensionality */
body:not(.studio-home) .pricing-grid .pricing-card,body:not(.studio-home) .two-col .content-card{border-radius:25px;transition:transform .32s ease,box-shadow .32s ease;overflow:hidden}
body:not(.studio-home) .pricing-grid .pricing-card:hover,body:not(.studio-home) .two-col .content-card:hover{transform:translateY(-6px);box-shadow:0 22px 55px rgba(39,20,89,.13)}
body:not(.studio-home) .pricing-card.featured{box-shadow:0 21px 58px rgba(111,63,196,.14)}
body:not(.studio-home) .studio-steps > div{border:1px solid #ebe7f6;box-shadow:0 15px 36px rgba(19,22,61,.06)}
body:not(.studio-home) .studio-steps > div span{background:linear-gradient(120deg,#ec4aaf,#9658db);color:#fff;border-radius:12px;padding:6px 12px}
/* Mobile adjustments */
@media(max-width:980px){.chh-hero-grid{grid-template-columns:1fr 1fr;gap:32px;min-height:0;padding:65px 0}.chh-hero-copy .title,.chh-hero-copy h1{font-size:clamp(2rem,4.5vw,3.5rem)!important}.chh-hero-art{aspect-ratio:.95}.chh-hero-actions{gap:9px}.chh-btn{padding-inline:17px}}
@media(max-width:720px){.chh-split-hero .container,.chh-split-hero .studio-container{width:min(100% - 38px,1200px)}.chh-hero-grid{grid-template-columns:1fr;gap:40px;padding:47px 0 65px}.chh-hero-copy .title,.chh-hero-copy h1{font-size:clamp(2rem,8vw,3rem)!important;line-height:1.29!important}.chh-hero-copy .lead,.chh-hero-copy p{font-size:.97rem!important}.chh-hero-art{max-width:530px;aspect-ratio:1.4;transform:none;animation:none}.chh-art-plaque{font-size:.73rem;max-width:90%;padding:11px}.chh-hero-actions .chh-btn{min-height:45px}.chh-reader{border-radius:18px!important}.chh-reader-chapter p{font-size:.98rem}.chh-guide-toolbar input{width:100%}body:not(.studio-home) .enhance-shell{padding:55px 0}body:not(.studio-home) .enhance-shell .visual-copy{padding:24px}}
@media(max-width:390px){.chh-hero-actions{flex-direction:column;align-items:stretch}.chh-hero-actions .chh-btn{width:100%}.chh-hero-copy .title,.chh-hero-copy h1{font-size:2rem!important}.chh-hero-art{aspect-ratio:1.28}}
@media(prefers-reduced-motion:reduce){.chh-hero-art{animation:none!important}.chh-btn,.chh-reader-illustration img{transition:none!important}}