/* Ibnu Hakim 6.2 — editorial navy, warm ivory, restrained mint. */
:root{--bg:#101d27;--bg-2:#15232e;--panel:#1a2b37;--text:#f4f2e9;--muted:#b0bec5;--muted-2:#97a9b4;--line:rgba(216,232,230,.18);--cyan:#b9edcf;--blue:#b9edcf;--violet:#d1e5ca;--green:#b9edcf;--gradient:linear-gradient(90deg,#b9edcf,#dfedcc)}
body{background:#101d27}body::before,.cursor-glow,.site-loader,.page-transition{display:none!important}.reveal{opacity:1!important;transform:none!important}.btn-neon{background:#c1efd4!important;color:#10291f!important;border:1px solid #c1efd4!important;box-shadow:none!important;font-weight:700}.btn-neon:hover{background:#d7f7e3!important;transform:translateY(-2px)}.btn-ghost{color:var(--text);border-color:var(--line)}.btn{border-radius:9px}.gradient-text{color:#c1efd4;background:none;-webkit-text-fill-color:currentColor}.site-header{background:rgba(16,29,39,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.brand-mark{background:#f4f2e9}.nav-link{color:#c3ccd0!important}.nav-link:hover,.nav-link.active{color:#c1efd4!important}.nav-shell{max-width:1440px}.container-wide{max-width:1320px}.section{padding:72px 0}.eyebrow{color:#bcebd0;letter-spacing:.16em}.studio-kicker{font-size:.71rem;letter-spacing:.16em;font-weight:650;display:flex;align-items:center;gap:10px;color:#c6d4d5}.studio-kicker i{height:7px;width:7px;border-radius:50%;background:#b9edcf}.studio-hero{padding:68px 0 52px}.studio-hero-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:70px;align-items:center}.studio-copy h1{font-size:clamp(2.7rem,4.6vw,4.8rem);letter-spacing:-.06em;line-height:1.07;margin:28px 0;font-weight:650}.studio-copy em,.studio-section-heading em,.studio-feature em{font-family:Georgia,serif;color:#c1efd4;font-weight:400}.studio-copy p{font-size:1.05rem;line-height:1.85;max-width:550px;color:var(--muted)}.studio-actions{display:flex;align-items:center;gap:24px;margin:30px 0}.studio-text-link{font-size:.88rem;border-bottom:1px solid #8daba4;padding-bottom:5px;white-space:nowrap}.studio-trust{display:flex;gap:10px 18px;flex-wrap:wrap;font-size:.71rem;color:#b3c4c8}.studio-trust span:before{content:'✓';color:#b9edcf;margin-right:6px}.studio-portrait{background:#d9e4dd;position:relative;border-radius:14px;min-width:0;color:#153329;overflow:hidden;padding:24px 24px 0;isolation:isolate}.studio-portrait:before{content:'';position:absolute;width:370px;height:370px;border:1px solid #a2b5aa;border-radius:50%;left:70px;top:70px;z-index:-1}.portrait-heading{display:flex;justify-content:space-between;font-size:.61rem;font-weight:750;letter-spacing:.12em;gap:12px}.studio-portrait>img{width:100%;height:415px;object-fit:contain;object-position:bottom}.portrait-label{background:#f7f8f1;position:relative;margin:0 -24px;display:flex;justify-content:space-between;align-items:center;padding:20px 24px}.portrait-label strong{display:block;font-size:1.2rem}.portrait-label span{display:block;font-size:.73rem;color:#576b61}.portrait-label a{font-size:1.6rem}.portrait-note{position:absolute;bottom:116px;left:20px;background:#153329;color:#f1f3e8;padding:16px 20px;border-radius:8px;max-width:240px;box-shadow:0 6px 30px #15332922}.portrait-note span{display:block;font-size:.53rem;letter-spacing:.12em;color:#b9d4c6;margin-bottom:8px}.portrait-note strong{font-size:.83rem;line-height:1.4;display:block}.studio-proof{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);padding:26px 0;gap:28px}.studio-proof strong{display:block;font-size:1.18rem;letter-spacing:-.02em}.studio-proof span{display:block;font-size:.75rem;color:var(--muted);margin-top:4px}.studio-section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px}.studio-section-heading h2,.studio-feature h2{font-size:clamp(2rem,3.3vw,3.3rem);letter-spacing:-.045em;line-height:1.15;margin:14px 0 0}.studio-section-heading>p{max-width:340px;color:var(--muted);font-size:.9rem;margin:0}.studio-service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.studio-service{background:#182934;border:1px solid var(--line);border-radius:12px;padding:25px;display:flex;flex-direction:column;transition:background .2s,transform .2s}.studio-service:hover{background:#213a43;transform:translateY(-4px);color:inherit}.service-top{display:flex;justify-content:space-between;color:#b9edcf;font-size:.78rem}.studio-service h3{font-size:1.35rem;letter-spacing:-.035em;margin:36px 0 15px}.studio-service p{font-size:.84rem;line-height:1.8;color:var(--muted);flex:1}.service-tag{border-top:1px solid var(--line);padding-top:18px;margin-top:15px;font-size:.66rem;color:#c0d1d1}.studio-work{background:#f0eee6;color:#192f32}.studio-work .eyebrow{color:#486b5b}.studio-work em{color:#476b5b}.studio-project-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px 28px}.project-cover{display:block;border-radius:10px;overflow:hidden;background:#dce0d6;position:relative}.project-cover img{width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .5s}.project-cover:hover img{transform:scale(1.025)}.project-cover>span{position:absolute;right:16px;bottom:16px;background:#f0eee6;color:#153329;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;font-size:1.2rem}.project-info{padding-top:20px}.project-info>span{font-size:.65rem;text-transform:uppercase;letter-spacing:.12em;color:#526a65}.project-info h3{margin:8px 0;font-size:1.6rem;letter-spacing:-.03em}.project-info p{color:#526562;font-size:.85rem;max-width:540px}.studio-feature{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.studio-feature p{color:var(--muted);max-width:490px;margin:24px 0}.feature-links a{display:flex;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding:27px 4px}.feature-links a>span{font-size:.7rem;color:#9fafb0}.feature-links a>div{flex:1}.feature-links strong{display:block;font-size:1.3rem;letter-spacing:-.03em}.feature-links small{display:block;color:var(--muted);font-size:.77rem}.studio-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;border-top:1px solid var(--line);padding-top:28px}.studio-steps article>span{font-size:.75rem;color:#b9edcf}.studio-steps h3{font-size:1rem;margin:20px 0 12px}.studio-steps p{font-size:.83rem;color:var(--muted)}.resource-strip{display:flex;gap:30px;justify-content:space-between;align-items:center;border:1px solid #789c88;border-radius:14px;background:#1e3636;padding:40px}.resource-strip h2{font-size:2rem;letter-spacing:-.04em;margin:14px 0}.resource-strip p{max-width:640px;color:#c0d1cd;font-size:.88rem;margin:0}.resource-strip .btn{flex-shrink:0}.studio-guides{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.studio-guides>a{border-top:1px solid var(--line);padding-top:25px}.studio-guides span{font-size:.65rem;text-transform:uppercase;letter-spacing:.12em;color:#b9edcf}.studio-guides h3{font-size:1.35rem;line-height:1.4;letter-spacing:-.03em;margin:18px 0 12px}.studio-guides p{color:var(--muted);font-size:.83rem}.studio-guides b{font-size:.75rem;color:#c1efd4}.cta-console,.faq-console,.seo-panel,.seo-side-note,.contact-console{background:#182b35!important;border:1px solid var(--line);box-shadow:none!important}.cta-console:before,.cta-console:after{display:none}.site-footer{background:#0c1720}.footer-bottom span{font-size:.7rem}.wa-float{background:#c1efd4;color:#153329;box-shadow:0 3px 18px #0003}.page-hero h1{font-size:clamp(2.1rem,4.2vw,4rem);letter-spacing:-.045em}.page-hero-grid{gap:40px}.seo-side-note h3{font-size:1.6rem}.article-body h2{font-size:1.5rem;margin-top:38px}.article-body a,.faq-list a{color:#c1efd4;text-decoration:underline}.article-meta{font-size:.8rem;color:#bac9c8;margin-top:20px}.article-toc{background:#1b303a;padding:24px;border:1px solid var(--line);border-radius:10px;margin:25px 0}.article-toc a{display:block;padding:7px 0}.article-body{font-size:1rem;line-height:1.9}.article-container{max-width:850px}.check-layout{display:grid;grid-template-columns:1fr 320px;gap:35px;align-items:start}.check-group{margin-bottom:25px;padding:28px;background:#182b35;border:1px solid var(--line);border-radius:12px}.check-group h2{font-size:1.3rem;margin-bottom:20px}.check-row{display:flex;gap:14px;padding:15px 0;border-top:1px solid var(--line);cursor:pointer}.check-row input{width:20px;height:20px;accent-color:#b9edcf;flex:none;margin-top:3px}.check-row strong{font-size:.88rem;display:block}.check-row small{display:block;color:var(--muted);font-size:.78rem;margin-top:4px}.check-result{background:#dce9de;color:#17382a;padding:28px;border-radius:12px;position:sticky;top:100px}.check-result h2{font-size:1rem}.check-number{font-size:3.6rem;font-weight:700;letter-spacing:-.06em}.check-result p{font-size:.85rem}.check-result button,.check-result a{display:block;width:100%;margin-top:14px}.check-result progress{width:100%;height:8px;accent-color:#285d42}.check-result .btn-ghost{color:#17382a;border-color:#51785e}.check-result [role=status]{min-height:70px}.check-actions button{cursor:pointer}.privacy-note{font-size:.78rem!important}.site-header a:focus-visible,a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #b9edcf;outline-offset:5px}section[id]{scroll-margin-top:95px}
@media(min-width:1200px){.nav-icon-btn:has([href*='ext']){display:none}}
@media(max-width:1100px){.studio-hero-grid{gap:35px}.studio-service-grid{grid-template-columns:repeat(2,1fr)}.studio-copy h1{font-size:3.5rem}.studio-portrait>img{height:380px}.studio-actions{flex-wrap:wrap}.studio-feature{gap:40px}.studio-steps{gap:20px}}
@media(max-width:767px){.container-wide{padding-left:22px;padding-right:22px}.section{padding:46px 0}.studio-hero{padding:38px 0}.studio-hero-grid{grid-template-columns:1fr;gap:34px}.studio-copy h1{font-size:clamp(2.5rem,9vw,3.6rem);letter-spacing:-.05em}.studio-kicker{font-size:.58rem}.studio-copy p{font-size:.95rem}.studio-actions{gap:20px;margin:24px 0}.studio-actions .btn{font-size:.86rem}.studio-portrait>img{height:340px}.studio-portrait{max-width:480px;width:100%;margin:auto}.studio-proof{grid-template-columns:1fr;gap:19px}.studio-proof>div{display:flex;justify-content:space-between;gap:15px;align-items:center}.studio-proof strong{font-size:.9rem;white-space:nowrap}.studio-proof span{font-size:.68rem;max-width:155px;text-align:right}.studio-section-heading{align-items:start;flex-direction:column;gap:20px;margin-bottom:28px}.studio-service-grid,.studio-project-grid,.studio-feature,.studio-guides,.check-layout{grid-template-columns:1fr}.studio-service{padding:24px}.studio-service h3{margin-top:22px}.studio-service p{max-width:400px}.studio-steps{grid-template-columns:1fr 1fr;gap:25px}.studio-project-grid{gap:25px}.studio-feature{gap:20px}.resource-strip{flex-direction:column;align-items:start;padding:28px 24px;width:calc(100% - 44px)}.resource-strip h2{font-size:1.7rem}.studio-guides{gap:28px}.page-hero{padding-top:42px}.check-result{position:static}.check-group{padding:20px}.check-row{gap:12px}.wa-float{bottom:20px;right:18px}.top-btn{right:20px;bottom:86px}.cta-console{padding:28px!important}.faq-console{padding:26px!important}.portrait-heading{font-size:.55rem}.studio-trust{font-size:.68rem}.footer-bottom{padding-bottom:70px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media print{body{background:#fff!important;color:#111!important}.site-header,.site-footer,.wa-float,.top-btn,.scroll-progress,.section-compact,.check-actions,.check-result a,.offcanvas{display:none!important}.check-layout{display:block}.check-result{position:static;background:#fff;color:#111;border:1px solid #999}.check-group{background:#fff;border-color:#ccc;break-inside:avoid}.check-row small,.page-hero p,.eyebrow{color:#333!important}.check-row input{appearance:auto}.section,.page-hero{padding:15px 0!important}.container-wide{max-width:100%!important}.check-number{font-size:2rem}}
.page-hero h1{max-width:24ch;line-height:1.12}.article-hero h1{max-width:22ch;margin:18px 0 24px}.seo-landing-hero h1{max-width:22ch}.cta-copy h2{font-size:clamp(2rem,3.4vw,3.6rem);max-width:19ch;line-height:1.1}.insight-card{background:#182b35}.insight-card>span{color:#b9edcf}.insight-card:after{display:none}.mobile-panel{background:#101d27}.breadcrumb-list li:last-child{max-width:70ch}.studio-copy,.studio-project,.studio-service,.page-hero-grid>div{min-width:0}
.project-cover img{height:auto;aspect-ratio:16/10}.studio-portrait>img{aspect-ratio:auto}.footer-brand img{background:#e6ece3;border-radius:8px;padding:10px;max-width:160px}.footer-links a,.footer-links span{color:#b0bec5}.footer-brand p{color:#b0bec5}
.offcanvas{z-index:2100}.offcanvas-backdrop{z-index:2050}
.article-hero .back-link{display:block;margin-bottom:18px}.article-hero .eyebrow{display:flex}.section-no-top{padding-top:0}
@media(max-width:767px){.studio-copy h1{font-size:clamp(2rem,8.3vw,2.5rem)}body[data-route^="insight/"] .wa-float,body[data-route="checklist-website-sekolah"] .wa-float{display:none}}