/* AI Course Depok — premium responsive visual system */
:root{--ink:#07152e;--ink-2:#0b1e3d;--muted:#71809a;--paper:#f7f9fc;--white:#fff;--line:rgba(14,35,70,.11);--orange:#ff8746;--coral:#ff4e55;--teal:#21c8b0;--blue:#2588f4;--purple:#9364ee;--grad:linear-gradient(115deg,#ff8b45 0%,#ff5863 26%,#a15ff0 53%,#2f8ff5 76%,#24cbb4 100%);--font:'DM Sans',sans-serif;--display:'Space Grotesk',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;overflow-x:hidden}body.intro-active{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.skip-link{position:fixed;top:-60px;left:20px;z-index:10000;background:#fff;padding:12px 18px;border-radius:12px}.skip-link:focus{top:20px}.intro-screen{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 42%,#122d57 0%,#091a36 40%,#050d1d 100%);color:white;transition:opacity .9s ease,visibility .9s ease}.intro-screen.is-leaving{opacity:0;visibility:hidden;pointer-events:none}.intro-screen canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.9}.intro-grain{position:absolute;inset:0;opacity:.13;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.25'/%3E%3C/svg%3E")}.intro-content{position:relative;z-index:2;text-align:center;width:min(760px,90vw);padding:35px 0;animation:introRise 1.2s cubic-bezier(.2,.8,.2,1) both}.intro-logo{width:clamp(92px,12vw,150px);height:clamp(92px,12vw,150px);object-fit:contain;border-radius:28px;mix-blend-mode:screen;filter:drop-shadow(0 0 35px #3f8dff66);animation:logoFloat 5s ease-in-out infinite}.intro-eyebrow{margin:25px 0 16px;color:#b5c8e6}.eyebrow{font-size:10px;letter-spacing:.2em;font-weight:800;color:#6d7e98;display:flex;align-items:center;gap:11px}.live-dot{width:7px;height:7px;border-radius:50%;background:#30d9bd;box-shadow:0 0 14px #30d9bd;display:inline-block}.intro-title{font:600 clamp(42px,7vw,82px)/.98 var(--display);letter-spacing:-.065em;margin:0;color:#fff}.intro-title span{background:var(--grad);background-clip:text;-webkit-background-clip:text;color:transparent}.intro-copy{color:#bdcbe0;font-size:clamp(14px,2vw,17px);margin:22px 0 28px}.enter-button{border:1px solid #ffffff44;color:white;background:#ffffff12;backdrop-filter:blur(18px);border-radius:99px;padding:15px 18px 15px 25px;display:inline-flex;align-items:center;gap:22px;cursor:pointer;transition:.3s}.enter-button:hover{background:#fff;color:var(--ink);transform:translateY(-3px);box-shadow:0 12px 40px #0004}.button-arrow{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--grad);color:white}.intro-hint{font-size:10px;letter-spacing:.12em;color:#8195b4;margin-top:18px}.intro-footer{position:absolute;bottom:28px;left:5vw;right:5vw;display:flex;justify-content:space-between;color:#8296b5;font-size:9px;letter-spacing:.17em}.intro-orbit{position:absolute;left:50%;top:25%;border:1px solid #9ec9ff25;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.orbit-one{width:min(72vw,700px);aspect-ratio:1;animation:orbitSpin 35s linear infinite}.orbit-two{width:min(54vw,530px);aspect-ratio:1;border-style:dashed;animation:orbitSpin 50s linear infinite reverse}
.site-shell{opacity:0;visibility:hidden;transition:opacity .8s ease}.site-shell.is-visible{opacity:1;visibility:visible}.site-header{height:86px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;background:#f7f9fcdd;backdrop-filter:blur(20px);position:sticky;top:0;z-index:50;border-bottom:1px solid #dce3ed88}.brand{display:flex;align-items:center;gap:10px}.brand img{width:46px;height:46px;object-fit:contain;border-radius:12px}.brand span{display:flex;flex-direction:column;gap:2px}.brand strong{font:700 14px var(--display);letter-spacing:.06em}.brand small{font-size:9px;letter-spacing:.31em;color:#7d8ba0}.desktop-nav{display:flex;align-items:center;gap:clamp(17px,2.7vw,38px)}.desktop-nav a{font-size:12px;color:#52627a;transition:.2s}.desktop-nav a:hover{color:#217fe9}.header-cta{font-size:11px;font-weight:700;padding:13px 17px;border:1px solid var(--line);border-radius:99px;transition:.25s}.header-cta span{margin-left:12px;color:#2689ec}.header-cta:hover{background:var(--ink);color:#fff}.menu-toggle{display:none;border:0;background:none;width:42px;height:42px;cursor:pointer}.menu-toggle span{display:block;width:23px;height:2px;background:var(--ink);margin:6px auto;transition:.3s}.mobile-menu{display:none}.section-pad{padding-left:8vw;padding-right:8vw}.hero{min-height:690px;position:relative;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:5vw;padding-top:72px;padding-bottom:100px;overflow:hidden;background:radial-gradient(ellipse at 76% 47%,#dcecff 0%,#f7f9fc 45%,#f7f9fc 70%)}.hero-grid{position:absolute;inset:0;opacity:.24;background-image:linear-gradient(#b7c7dc33 1px,transparent 1px),linear-gradient(90deg,#b7c7dc33 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,transparent,#000 75%)}.hero-copy,.hero-art{position:relative;z-index:1}.hero-copy{max-width:650px}.hero-copy .eyebrow{margin-bottom:25px}.eyebrow-line{height:1px;width:28px;background:var(--grad)}.hero h2,.section-heading h2,.philosophy-copy h2,.vision-heading h2,.depok-intro h2,.contact-copy h2{font:600 clamp(42px,5.7vw,76px)/1.04 var(--display);letter-spacing:-.065em;margin:0;color:var(--ink)}.gradient-text{background:var(--grad);background-size:180% 180%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:gradientFlow 8s ease infinite}.hero-lead{font-size:16px;line-height:1.9;color:#687890;max-width:560px;margin:26px 0 30px}.hero-actions{display:flex;align-items:center;gap:27px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;gap:25px;padding:16px 19px;border-radius:99px;font-size:12px;font-weight:700;transition:.3s}.button-primary{background:var(--ink);color:white;box-shadow:0 12px 30px #0b1e3d22}.button-primary:hover{transform:translateY(-4px);box-shadow:0 18px 38px #0b1e3d35}.button-primary span{color:#7dc8ff}.text-link{font-size:12px;font-weight:700;color:#66768f}.text-link span{padding-left:9px;color:#2388ed}.hero-proof{display:flex;align-items:center;gap:14px;margin-top:50px;color:#8491a5;font-size:11px}.avatar-stack{display:flex;padding-left:4px}.avatar-stack i{font-style:normal;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;margin-left:-4px;border:2px solid var(--paper);background:linear-gradient(140deg,#ff9b56,#e95c73);color:white;font-size:10px;font-weight:800}.avatar-stack i:nth-child(2){background:linear-gradient(140deg,#36cbb9,#2184e9)}.avatar-stack i:nth-child(3){background:linear-gradient(140deg,#9364ee,#367fe9)}.hero-art{height:520px;display:grid;place-items:center}.art-glow{position:absolute;width:75%;aspect-ratio:1;border-radius:50%;background:conic-gradient(from 20deg,#20c8b055,#2c83f455,#a15ff055,#ff875455,#20c8b055);filter:blur(65px);opacity:.65;animation:glowPulse 8s ease-in-out infinite}.art-ring{position:absolute;border:1px solid #7da6d533;border-radius:50%;transform:rotate(-25deg)}.ring-a{width:390px;height:390px;animation:orbitSpin 30s linear infinite}.ring-b{width:470px;height:290px;border-style:dashed;animation:orbitSpin 42s linear infinite reverse}.art-core{width:260px;height:260px;border-radius:42%;display:grid;place-items:center;background:linear-gradient(145deg,#fff,#e8f1ff);box-shadow:0 35px 90px #466d9b33,inset 0 1px #fff;transform:rotate(-8deg);animation:coreFloat 7s ease-in-out infinite;overflow:hidden}.art-core img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;opacity:.92}.float-card{position:absolute;display:flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid #ffffffc9;background:#ffffffc9;backdrop-filter:blur(14px);box-shadow:0 15px 40px #34567a17;border-radius:15px;animation:cardFloat 6s ease-in-out infinite}.float-card b,.float-card small{display:block}.float-card b{font:700 9px var(--display);letter-spacing:.1em}.float-card small{font-size:9px;color:#8b98a9;margin-top:3px}.mini-icon{width:29px;height:29px;border-radius:10px;display:grid;place-items:center;background:#e5f5f3;color:#17a994;font-size:17px}.card-ai{top:17%;left:2%}.card-create{bottom:19%;right:0;animation-delay:-2s}.card-create .mini-icon{background:#f1eaff;color:#8c61df}.card-spark{top:25%;right:3%;font-size:10px;color:#7a6b9b;animation-delay:-3.5s}.card-spark span{font-size:20px;color:#ff8b55}.art-dots{position:absolute;width:100%;height:100%;background-image:radial-gradient(#8aa6c955 1.2px,transparent 1.2px);background-size:18px 18px;mask-image:radial-gradient(ellipse,black 0%,transparent 68%);z-index:-1}.hero-bottom{position:absolute;bottom:28px;left:8vw;right:8vw;display:flex;justify-content:space-between;color:#99a5b7;font-size:9px;letter-spacing:.17em}.hero-bottom b{color:#288af0;margin-left:8px}.marquee-band{overflow:hidden;background:var(--ink);color:#fff;padding:19px 0}.marquee-track{display:flex;align-items:center;gap:34px;width:max-content;animation:marquee 32s linear infinite}.marquee-track span{font:600 11px var(--display);letter-spacing:.2em}.marquee-track i{font-style:normal;color:#42cbb7;font-size:17px}.intro-section{padding-top:130px;padding-bottom:130px}.section-kicker{display:flex;gap:18px;align-items:center;color:#8a97aa;font-size:9px;letter-spacing:.18em;font-weight:800;margin-bottom:54px}.section-kicker span:first-child{color:#2389ec}.two-col{display:grid;grid-template-columns:.85fr 1.15fr;gap:10vw}.section-heading h2{font-size:clamp(38px,4.5vw,60px)}.section-heading .eyebrow,.philosophy-copy .eyebrow,.vision-heading .eyebrow,.depok-intro .eyebrow,.contact-copy .eyebrow{margin-bottom:23px}.long-copy{max-width:700px}.long-copy p,.philosophy-copy p,.city-history p{font-size:14px;line-height:2;color:#6e7d93;margin:0 0 18px}.long-copy .lead-paragraph,.lead-paragraph{font-size:18px;line-height:1.75;color:#243a59;font-weight:500}.value-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:76px}.value-card{position:relative;min-height:250px;padding:28px;border:1px solid #e5eaf1;border-radius:20px;background:#fff;transition:.35s;overflow:hidden}.value-card:hover{transform:translateY(-8px);box-shadow:0 24px 60px #223b5a12}.value-number{position:absolute;top:25px;right:25px;color:#b2bdcb;font-size:10px;letter-spacing:.1em}.value-symbol{font-size:29px;margin:10px 0 27px}.symbol-orange{color:#ff8951}.symbol-blue{color:#4388ec}.symbol-teal{color:#21bba9}.value-card h3{font:600 21px var(--display);margin:0 0 10px}.value-card p{font-size:12px;line-height:1.8;color:#7a8799;margin:0}.philosophy-section{padding-top:115px;padding-bottom:120px;background:#07152e;color:#fff;position:relative;overflow:hidden}.philosophy-section:before{content:"";position:absolute;width:650px;height:650px;right:-250px;top:-180px;background:radial-gradient(circle,#2469a933,transparent 70%);pointer-events:none}.philosophy-section .section-kicker{color:#8091ad}.philosophy-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw;align-items:start;position:relative}.philosophy-visual{position:sticky;top:130px;min-height:470px;display:grid;place-items:center;border:1px solid #ffffff16;border-radius:26px;background:radial-gradient(circle at 50% 45%,#173968 0%,#0a1c38 60%,#08162c 100%);overflow:hidden}.philosophy-visual img{width:min(80%,370px);aspect-ratio:1;object-fit:cover;border-radius:30px;mix-blend-mode:screen;filter:drop-shadow(0 20px 60px #2d90ff33);animation:coreFloat 8s ease-in-out infinite}.philosophy-aura{position:absolute;width:70%;aspect-ratio:1;border-radius:50%;background:var(--grad);filter:blur(75px);opacity:.23}.visual-caption{position:absolute;bottom:25px;color:#8197b8;font-size:8px;letter-spacing:.2em}.philosophy-copy h2{font-size:clamp(40px,4.5vw,62px);color:#fff;margin-bottom:27px}.philosophy-copy .lead-paragraph{color:#d3e0f2}.philosophy-copy p{color:#9aabc4}.palette-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:65px;padding-top:27px;border-top:1px solid #ffffff1c}.palette-row>div{display:grid;grid-template-columns:35px 1fr;column-gap:10px;align-items:center}.swatch{grid-row:span 2;width:32px;height:32px;border-radius:11px;background:var(--grad)}.sw-orange{background:linear-gradient(135deg,#ff9a4d,#ff4e55)}.sw-teal{background:linear-gradient(135deg,#5ce0bf,#008eaa)}.sw-blue{background:linear-gradient(135deg,#42a5ff,#243ac8)}.sw-purple{background:linear-gradient(135deg,#d28aff,#6841d9)}.palette-row b{font:700 9px var(--display);letter-spacing:.12em}.palette-row small{font-size:9px;color:#8294b0;margin-top:3px}.vision-section{padding-top:130px;padding-bottom:135px}.vision-heading{text-align:center;max-width:720px;margin:0 auto 70px}.vision-heading .eyebrow{justify-content:center}.vision-heading h2{font-size:clamp(40px,5vw,66px)}.vision-heading>p:last-child{font-size:14px;line-height:1.8;color:#8290a4;max-width:500px;margin:20px auto 0}.vision-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:22px}.vision-card{border-radius:24px;padding:35px;background:linear-gradient(145deg,#102c51,#07152e);color:#fff;position:relative;overflow:hidden;min-height:530px;display:flex;flex-direction:column}.vision-card:after{content:"";position:absolute;width:320px;height:320px;right:-140px;bottom:-120px;background:var(--grad);filter:blur(80px);opacity:.22}.card-topline,.vision-card-foot{display:flex;justify-content:space-between;align-items:center;color:#8ea5c6;font-size:9px;letter-spacing:.16em;font-weight:700}.card-topline span:last-child{font-size:20px;color:#49cbb8}.big-quote{font:100px/1 var(--display);color:#ff8a58;margin-top:65px;height:70px}.vision-card h3{font:500 clamp(22px,2.6vw,34px)/1.45 var(--display);letter-spacing:-.03em;max-width:480px;margin:0;position:relative;z-index:1}.vision-card-foot{margin-top:auto;padding-top:30px;border-top:1px solid #ffffff20}.vision-card-foot span{font-size:18px;color:#49cbb8}.mission-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mission-item{padding:23px 21px;border:1px solid #e5eaf1;border-radius:18px;background:#fff;display:flex;gap:15px;transition:.3s}.mission-item:hover{border-color:#9fc9f5;transform:translateY(-4px);box-shadow:0 15px 40px #203d5c0d}.mission-item>span{font:600 11px var(--display);color:#2a8bea;padding-top:3px}.mission-item h3{font:600 16px var(--display);margin:0 0 9px}.mission-item p{font-size:11px;line-height:1.8;color:#8190a4;margin:0}.depok-section{padding-top:115px;padding-bottom:130px;background:#eef3f9}.depok-intro{display:grid;grid-template-columns:1fr .85fr;gap:10vw;align-items:end;margin-bottom:60px}.depok-intro h2{font-size:clamp(40px,4.7vw,64px)}.depok-intro p{font-size:13px;line-height:1.9;color:#78869b;margin:0 0 12px}.depok-intro .lead-paragraph{font-size:17px;color:#344965}.city-story{display:grid;grid-template-columns:.82fr 1.18fr;gap:5vw;align-items:stretch}.city-story-image{position:relative;min-height:560px;border-radius:24px;overflow:hidden;background:radial-gradient(ellipse at 25% 25%,#47b9b1 0%,transparent 35%),radial-gradient(ellipse at 80% 60%,#367fe8 0%,transparent 40%),linear-gradient(145deg,#0d2746,#07152e)}.city-story-image:before,.city-story-image:after{content:"";position:absolute;border:1px solid #ffffff22;border-radius:50%;width:470px;height:470px;left:50%;top:50%;transform:translate(-50%,-50%)}.city-story-image:after{width:340px;height:340px;border-style:dashed}.city-image-overlay{position:absolute;inset:0;background-image:linear-gradient(130deg,transparent 35%,#ffffff0d 35.2%,transparent 35.5%),linear-gradient(40deg,transparent 55%,#ffffff0c 55.2%,transparent 55.5%)}.city-coordinate{position:absolute;top:30px;left:30px;color:#a9c4e5;font-size:8px;letter-spacing:.16em;line-height:1.8}.city-coordinate b{display:block;color:white;font:600 15px/1.4 var(--display);margin-top:8px}.city-word{position:absolute;left:30px;bottom:24px;font:700 clamp(55px,7vw,90px)/1 var(--display);letter-spacing:-.08em;color:#ffffff}.city-word span{color:#39cbb8}.city-history{padding:18px 0}.city-history h3{font:600 clamp(26px,3vw,38px)/1.15 var(--display);letter-spacing:-.04em;margin:0 0 23px;max-width:520px}.city-history .eyebrow{margin-bottom:18px}.city-history p{font-size:12px;line-height:1.9}.history-note{margin-top:25px;padding:18px 20px;border-left:3px solid #2c9beb;background:#fff;border-radius:0 12px 12px 0;display:grid;gap:5px}.history-note span{font-size:9px;letter-spacing:.16em;color:#2388e9;font-weight:800}.history-note b{font:600 16px var(--display)}.history-note small{font-size:10px;color:#8995a7}.depok-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:55px}.pillar{padding:24px 25px;border-top:1px solid #cbd6e4}.pillar>span{font-size:9px;letter-spacing:.15em;color:#2b8be9;font-weight:800}.pillar h3{font:600 20px var(--display);margin:20px 0 8px}.pillar p{font-size:11px;line-height:1.8;color:#7e8da2;margin:0}.future-section{position:relative;overflow:hidden;background:#081832;color:#fff;text-align:center;padding-top:115px;padding-bottom:120px}.future-content{position:relative;z-index:1;max-width:850px;margin:auto}.future-content .eyebrow{justify-content:center;color:#a2b5d0;margin-bottom:23px}.future-content h2{font:600 clamp(42px,6vw,76px)/1.04 var(--display);letter-spacing:-.06em;margin:0}.future-content>p:not(.eyebrow){font-size:14px;line-height:1.9;color:#a3b4cc;max-width:660px;margin:25px auto 30px}.button-light{background:#fff;color:var(--ink)}.button-light:hover{transform:translateY(-4px);box-shadow:0 14px 35px #0003}.button-light span{color:#2889e8}.future-orb{position:absolute;width:450px;height:450px;border-radius:50%;filter:blur(95px);opacity:.18}.orb-left{background:#ff784a;left:-230px;top:-250px}.orb-right{background:#2d8bff;right:-230px;bottom:-250px}.contact-section{padding-top:125px;padding-bottom:120px}.contact-layout{display:grid;grid-template-columns:1fr .85fr;gap:10vw}.contact-copy h2{font-size:clamp(45px,5vw,68px)}.contact-copy>p:not(.eyebrow){font-size:14px;line-height:1.9;color:#78869b;max-width:490px;margin-top:25px}.contact-stamp{font:700 12px/1.1 var(--display);letter-spacing:.15em;color:#b3c0d0;margin-top:45px;transform:rotate(-7deg);width:max-content}.contact-stamp span{background:var(--grad);background-clip:text;-webkit-background-clip:text;color:transparent}.contact-methods{display:grid;gap:13px;align-content:center}.contact-card{display:flex;align-items:center;gap:18px;padding:22px;border:1px solid #e4eaf1;background:#fff;border-radius:17px;transition:.3s}.contact-card:hover{transform:translateX(6px);border-color:#a8c9ef;box-shadow:0 15px 40px #18375c0c}.contact-icon{width:44px;height:44px;border-radius:14px;background:#edf5ff;color:#2988e8;display:grid;place-items:center;font-size:20px;flex:none}.contact-card>span:last-child{display:grid;gap:5px}.contact-card small{font-size:8px;letter-spacing:.16em;color:#8a98aa;font-weight:800}.contact-card b{font:600 15px var(--display)}.contact-card em{font-style:normal;font-size:10px;color:#8290a3}.contact-card-static{cursor:default}.contact-card-static:hover{transform:none;box-shadow:none}.site-footer{background:#061329;color:#fff;padding:50px 8vw 25px}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:35px;padding-bottom:40px}.footer-brand img{background:#fff}.footer-main>p{max-width:360px;color:#8fa1bb;font-size:11px;line-height:1.8}.back-top{font-size:9px;letter-spacing:.15em;color:#a8bad2}.footer-bottom{border-top:1px solid #ffffff1b;padding-top:22px;display:flex;justify-content:space-between;color:#7488a6;font-size:9px;letter-spacing:.1em}.footer-bottom i{font-style:normal;color:#36c9b6;margin-left:8px}
.reveal{opacity:0;transform:translateY(25px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;transform:translateY(0)}.value-card:nth-child(2),.mission-item:nth-child(2),.pillar:nth-child(2){transition-delay:.1s}.value-card:nth-child(3),.mission-item:nth-child(3),.pillar:nth-child(3){transition-delay:.2s}
@keyframes introRise{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@keyframes logoFloat{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-12px) rotate(2deg)}}@keyframes orbitSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes gradientFlow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes glowPulse{0%,100%{transform:scale(.9);opacity:.45}50%{transform:scale(1.12);opacity:.8}}@keyframes coreFloat{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-14px) rotate(-3deg)}}@keyframes cardFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(max-width:1000px){.desktop-nav{gap:16px}.desktop-nav a{font-size:11px}.hero{grid-template-columns:1fr 1fr;gap:2vw}.hero-art{transform:scale(.88)}.two-col,.philosophy-layout{gap:6vw}.vision-grid{grid-template-columns:1fr}.vision-card{min-height:420px}.city-story{gap:4vw}.section-pad{padding-left:6vw;padding-right:6vw}}
@media(max-width:760px){html{scroll-padding-top:72px}.site-header{height:72px;padding:0 5vw}.desktop-nav,.header-cta{display:none}.menu-toggle{display:block}.mobile-menu{position:fixed;z-index:49;top:72px;left:0;right:0;padding:18px 6vw 26px;background:#f7f9fcf5;backdrop-filter:blur(18px);border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:0;transform:translateY(-130%);opacity:0;visibility:hidden;transition:.35s}.mobile-menu.is-open{transform:translateY(0);opacity:1;visibility:visible}.mobile-menu a{padding:15px 0;border-bottom:1px solid var(--line);font:600 18px var(--display)}.mobile-menu p{font-size:9px;letter-spacing:.16em;color:#8997aa;margin:20px 0 0}.menu-toggle.is-open span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle.is-open span:last-child{transform:translateY(-4px) rotate(-45deg)}.hero{min-height:unset;grid-template-columns:1fr;padding-top:90px;padding-bottom:80px}.hero h2{font-size:clamp(45px,12vw,70px)}.hero-lead{font-size:14px}.hero-art{height:390px;margin-top:5px;transform:none}.art-core{width:210px;height:210px}.ring-a{width:300px;height:300px}.ring-b{width:350px;height:230px}.card-ai{left:0;top:12%}.card-create{right:0;bottom:12%}.card-spark{right:0;top:20%}.hero-bottom{left:6vw;right:6vw}.intro-section,.vision-section,.depok-section,.contact-section{padding-top:85px;padding-bottom:90px}.section-kicker{margin-bottom:38px}.two-col,.philosophy-layout,.depok-intro,.city-story,.contact-layout{grid-template-columns:1fr;gap:32px}.section-heading h2,.philosophy-copy h2,.depok-intro h2{font-size:clamp(39px,10vw,56px)}.long-copy .lead-paragraph,.lead-paragraph{font-size:16px}.value-cards{grid-template-columns:1fr;margin-top:45px}.value-card{min-height:210px}.philosophy-section{padding-top:85px;padding-bottom:90px}.philosophy-visual{position:relative;top:auto;min-height:350px}.philosophy-visual img{width:260px}.palette-row{grid-template-columns:1fr 1fr;row-gap:23px}.vision-heading{margin-bottom:45px}.mission-list{grid-template-columns:1fr}.vision-card{min-height:420px;padding:27px}.mission-item{padding:20px}.depok-intro{margin-bottom:35px}.city-story-image{min-height:390px}.city-history{padding:0}.depok-pillars{grid-template-columns:1fr;gap:0;margin-top:35px}.pillar{padding:20px 0}.future-section{padding-top:85px;padding-bottom:90px}.future-content h2{font-size:clamp(42px,11vw,62px)}.contact-stamp{margin-top:25px}.footer-main{align-items:flex-start;flex-direction:column;gap:18px}.footer-main>p{margin:0}.footer-bottom{flex-direction:column;gap:12px}.intro-footer{left:6vw;right:6vw;font-size:8px}}
@media(max-width:420px){.intro-title{font-size:43px}.intro-copy{font-size:13px}.hero-actions{gap:17px}.button{padding:14px 16px}.hero-art{height:330px}.art-core{width:175px;height:175px}.ring-a{width:255px;height:255px}.ring-b{width:295px;height:195px}.float-card{padding:9px 11px}.card-ai{left:-5px}.card-create{right:-5px}.card-spark{right:-4px}.float-card b{font-size:8px}.float-card small{font-size:8px}.hero-bottom{font-size:7px}.palette-row{gap:15px}.contact-card{padding:17px;gap:13px}.contact-card b{font-size:13px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}