/* ================================================================
   G-SMART — PPDB 2027/2028 | Design System v1.0
   Pure HTML/CSS/JavaScript; no frameworks and no online dependencies.
   Palette follows the approved G-SMART brand direction.
   ================================================================ */
:root{
  --forest:#063f3a; --deep:#042e2d; --green:#0b6b5b;
  --fresh:#22c55e; --gold:#f59e0b; --gold-light:#ffc550;
  --navy:#112b33; --body:#526269; --quiet:#74858a;
  --line:#e5ebe9; --paper:#fff; --mist:#f6f8f7;
  --max:1220px; --round:14px; --ease:cubic-bezier(.2,.7,.1,1)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:108px}
body{margin:0;background:#fff;color:var(--navy);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:15px;-webkit-font-smoothing:antialiased}
body.locked{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{cursor:pointer}
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
img{max-width:100%;display:block}
.wrap{width:min(var(--max),calc(100% - 80px));margin-inline:auto}
.skip-link{position:fixed;top:-60px;left:10px;z-index:500;background:var(--gold);color:#102b2a;padding:12px 18px}
.skip-link:focus{top:8px}
.top-ribbon{background:var(--deep);color:#a4d1c8;font-size:9px;letter-spacing:1.45px;font-weight:750}
.ribbon-inner{height:30px;display:flex;align-items:center;justify-content:space-between;gap:15px}
.ribbon-inner>span:last-child{opacity:.75}
.ribbon-dot{width:5px;height:5px;border-radius:50%;display:inline-block;background:#30d6a5;vertical-align:middle;margin-right:7px;box-shadow:0 0 0 4px #30d6a51d}
.ribbon-divider{margin:0 9px;color:#5a9489}
.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.97);backdrop-filter:blur(18px);border-bottom:1px solid #e8eeee;box-shadow:0 3px 22px #0c28230c}
.header-inner{height:76px;display:flex;align-items:center;gap:32px}
.logo{display:flex;align-items:center;gap:9px;flex-shrink:0}
.logo img{width:44px;height:47px;object-fit:contain}
.logo-word{display:flex;flex-direction:column;gap:0}
.logo-word strong{font-weight:950;color:#064940;font-size:26px;letter-spacing:-1.9px;line-height:1}
.logo-word small{font-size:10px;letter-spacing:.2px;color:#52736c;font-weight:750;padding-top:4px}
.site-nav{display:flex;align-items:center;justify-content:center;gap:29px;flex:1}
.site-nav a{position:relative;font-size:12px;font-weight:760;color:#43565b;white-space:nowrap;padding:29px 0;transition:color .2s}
.site-nav a:hover,.site-nav a.active{color:#087667}
.site-nav a.active:after,.site-nav a:hover:after{content:"";position:absolute;bottom:21px;height:2px;background:var(--green);left:0;right:0}
.header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}
.login-link{background:transparent;color:#125e56;border:0;padding:12px;font-size:12px;font-weight:750}
.login-link span{margin-left:6px}
.header-cta{background:var(--green);color:#fff;border:0;border-radius:6px;padding:14px 17px;font-size:12px;font-weight:760;box-shadow:0 6px 14px #00534e1e}
.header-cta span{margin-left:15px}
.header-cta:hover{background:#075448}
.nav-toggle{display:none;border:0;background:none;width:42px;height:42px;padding:12px 8px;flex-direction:column;justify-content:space-between}
.nav-toggle span{display:block;height:2px;width:26px;border-radius:2px;background:#063e39}

/* CINEMATIC HERO */
.hero{min-height:635px;position:relative;overflow:hidden;background:var(--deep);isolation:isolate;color:#fff}
.hero-photo{position:absolute;inset:0 0 0 38%;background-image:url('assets/hero-granada.jpg');background-size:cover;background-position:56% 42%;z-index:-3}
.hero-overlay{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#03362f 0%,#045044 30%,rgba(3,59,52,.96) 35%,rgba(4,47,40,.68) 52%,rgba(5,33,30,.18) 76%,rgba(5,35,31,.11) 100%),linear-gradient(0deg,rgba(0,29,27,.45),transparent 40%)}
.hero-pattern{pointer-events:none;position:absolute;z-index:-1;inset:0;opacity:.13;background:repeating-linear-gradient(135deg,transparent 0px,transparent 130px,rgba(255,255,255,.10) 131px,transparent 132px)}
.hero-inner{min-height:635px;display:flex;align-items:center;justify-content:space-between;position:relative;padding-top:50px;padding-bottom:65px}
.hero-content{width:min(690px,61%);padding:10px 0}
.hero-kicker{font-size:12px;font-weight:800;letter-spacing:2.8px;color:#b6f2de;display:flex;align-items:center;gap:14px}
.kicker-dash{height:1px;width:31px;background:var(--gold)}
.hero-year{font-size:15px;letter-spacing:1.8px;font-weight:700;margin-top:18px;color:#e6f5eb}
.hero-year strong{color:var(--gold-light);font-weight:850}
.hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(47px,4.75vw,72px);font-weight:500;line-height:1.09;letter-spacing:-2.7px;margin:24px 0;max-width:820px;text-wrap:balance}
.hero h1 em{font-style:italic;color:#f4c45f}
.hero-content>p{max-width:540px;color:#d7e9e4;font-size:15px;line-height:1.85;margin:0}
.hero-buttons{display:flex;gap:12px;align-items:center;margin-top:30px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:15px 21px;border-radius:7px;border:1px solid transparent;font-size:12px;font-weight:800;transition:transform .2s var(--ease),background .2s var(--ease),box-shadow .2s var(--ease)}
.btn:hover{transform:translateY(-2px)}
.btn-gold{color:#0b322b;background:linear-gradient(120deg,#ffb72c,#ffcf65);box-shadow:0 10px 25px #092c2722}
.btn-gold:hover{box-shadow:0 11px 30px #f59e0b44}
.btn-ghost{border-color:#ffffff77;background:#ffffff06;color:#fff}
.btn-ghost:hover{background:#ffffff18}
.play-ring{display:inline-flex;width:25px;height:25px;align-items:center;justify-content:center;border-radius:50%;background:#fff;color:#0b5147;font-size:17px}
.hero-meta{display:flex;align-items:center;gap:15px;margin-top:53px;color:#c6d8d3;font-size:9px;letter-spacing:1.55px;font-weight:800}
.hero-meta-line{width:35px;height:1px;background:#acc8bd}
.hero-sidecard{display:flex;align-items:center;gap:13px;position:absolute;right:0;bottom:46px;background:#ffffffee;color:#114039;border-radius:9px;padding:17px 18px;box-shadow:0 20px 45px #001e1b40;min-width:310px}
.sidecard-icon{display:grid;place-items:center;width:36px;height:36px;background:#dbf4e9;color:#126b5d;font-size:23px;border-radius:9px}
.hero-sidecard strong,.hero-sidecard small{display:block}
.hero-sidecard strong{font-size:12px;margin-bottom:4px}
.hero-sidecard small{font-size:10px;color:#667776;line-height:1.5}
.hero-sidecard a{margin-left:auto;color:#085b50;border:1px solid #dae4e0;border-radius:50%;width:31px;height:31px;display:grid;place-items:center}
.hero-scroll{position:absolute;right:40px;top:50%;transform:translate(50%,-50%) rotate(90deg);font-size:9px;letter-spacing:1.9px;font-weight:700;color:#fff8;display:flex;gap:14px}

/* COMMON SECTION STYLES */
.section{padding:105px 0}
.section-topline{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e1e8e4;padding-bottom:14px;margin-bottom:47px;color:#7a8988;font-size:10px;letter-spacing:1.65px;font-weight:800}
.section-topline span:first-child{color:#0b7664}
.section-topline.light{border-color:#ffffff30;color:#9ccac0}
.section-topline.light span:first-child{color:#bcffdf}
.eyebrow{font-size:10px;letter-spacing:2.2px;color:#0c8c72;font-weight:850;display:inline-block;margin-bottom:17px}
.section h2,.final-cta h2{font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:clamp(39px,3.9vw,56px);line-height:1.15;letter-spacing:-1.7px;margin:0}
.section h2 em,.final-cta h2 em{font-style:italic;color:var(--green)}
.info-heading-grid{display:grid;grid-template-columns:1.1fr .8fr;align-items:end;gap:70px;margin-bottom:36px}
.info-heading-grid p{max-width:410px;color:var(--body);line-height:1.85;font-size:14px;margin:0 0 5px}
.information-cards{display:grid;grid-template-columns:1.32fr 1fr 1fr;gap:16px}
.info-card{background:#fff;border:1px solid #e3ebe8;border-radius:12px;padding:27px 27px 25px;display:flex;flex-direction:column;justify-content:space-between;min-height:260px;position:relative;overflow:hidden;transition:border-color .2s,transform .2s}
.info-card:hover{transform:translateY(-3px);border-color:#9ad5bd}
.info-card.featured{background:linear-gradient(145deg,#073b37,#076b5b);color:white;border:0}
.info-no{font-size:10px;letter-spacing:1.5px;color:#778b86;font-weight:850;position:relative;z-index:1}
.featured .info-no{color:#9ce0c6}
.info-art{position:absolute;font-size:130px;line-height:1;letter-spacing:-16px;font-weight:850;color:#ffffff19;right:26px;top:36px}
.info-art span{font-weight:200;color:#f9c85f66}
.info-icon{margin-top:30px;width:53px;height:53px;color:#0b7d6a}
.info-icon svg{width:100%;height:100%}
.info-card-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;position:relative;z-index:1}
.info-card-footer strong{display:block;font-size:18px;letter-spacing:-.4px;margin-bottom:7px}
.info-card-footer small{display:block;color:#78908a;font-size:12px}
.featured .info-card-footer small{color:#9cd6c8}
.circle-arrow{display:grid;width:35px;height:35px;flex-shrink:0;place-items:center;border-radius:50%;background:#f0f6f2;color:#0e7765;font-weight:800;font-size:20px}
.featured .circle-arrow{background:#ffffff1e;color:#fff}
.official-note{border-left:3px solid #e6ac4c;background:#fffbf3;padding:18px 20px;display:flex;align-items:start;gap:15px;margin-top:24px;border-radius:0 8px 8px 0}
.official-note>span{font-size:25px;color:#b78735;line-height:1}
.official-note p{color:#6b6252;font-size:12px;line-height:1.7;margin:0}

/* ADMISSION JOURNEY */
.section-journey{background:linear-gradient(115deg,#063b35,#064f44 55%,#053e38);color:#fff}
.journey-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:end;margin-bottom:46px}
.journey-heading h2 em{color:#f6c45b}
.journey-heading p{margin:0 0 8px;max-width:450px;color:#bad7cf;font-size:14px;line-height:1.8}
.light-txt{color:#a6e4ce}
.journey-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px}
.journey-step{appearance:none;display:flex;flex-direction:column;align-items:flex-start;text-align:left;border:1px solid #ffffff2a;background:#ffffff0d;color:#fff;border-radius:8px;padding:21px 16px;min-height:190px;transition:background .2s,transform .2s,border-color .2s}
.journey-step:hover,.journey-step.chosen{background:#ffffff1c;border-color:#acd5c777;transform:translateY(-3px)}
.step-index{font-size:10px;letter-spacing:1.4px;color:#96cfc0;font-weight:800}
.step-icon{font-family:Georgia,serif;font-size:32px;height:64px;display:flex;align-items:center;color:#d3efdf}
.journey-step strong{font-size:13px;margin:0 0 6px}
.journey-step small{font-size:10px;line-height:1.5;color:#a6c9be}
.step-detail{margin-top:22px;padding:24px 26px;border:1px solid #ffffff24;background:#ffffff0b;border-radius:9px;display:flex;align-items:center;justify-content:space-between;gap:26px}
.step-detail>div{max-width:680px}
.step-detail>div>span{font-size:9px;letter-spacing:1.75px;color:#a5ddc9;font-weight:800}
.step-detail h3{font-size:18px;margin:9px 0 7px}
.step-detail p{margin:0;font-size:12px;line-height:1.6;color:#bbd5cc}
.detail-button{border:1px solid #ffffff5a;padding:13px 18px;color:#fff;background:transparent;border-radius:5px;font-size:12px;font-weight:750;white-space:nowrap}
.detail-button span{margin-left:12px}
.detail-button:hover{background:#ffffff21}

/* REQUIREMENTS */
.section-requirements{background:#f8faf9}
.requirements-layout{display:grid;grid-template-columns:.88fr 1.12fr;gap:85px;align-items:center}
.req-visual{height:610px;overflow:hidden;border-radius:10px;position:relative;background:#0b6353}
.req-visual img{width:100%;height:100%;object-fit:cover;object-position:center 45%}
.req-visual:after{content:"";position:absolute;inset:30% 0 0;background:linear-gradient(transparent,#041f1ad9)}
.image-caption{position:absolute;z-index:1;bottom:23px;left:25px;color:#fff;font-size:10px;font-weight:800;letter-spacing:1.5px}
.req-content>p{color:var(--body);font-size:14px;line-height:1.85;margin:24px 0 26px}
.req-list{border-top:1px solid #dce6df}
.req-list label{display:flex;align-items:center;gap:12px;border-bottom:1px solid #dce6df;padding:17px 0;font-size:13px;font-weight:650;cursor:pointer}
.req-list label input{position:absolute;opacity:0;width:1px;height:1px}
.custom-check{width:20px;height:20px;border-radius:5px;border:1px solid #a2beb2;display:grid;place-items:center;flex-shrink:0;background:#fff;transition:background .15s}
.req-list input:checked +.custom-check{background:#087e6c;border-color:#087e6c}
.req-list input:checked +.custom-check:after{content:'✓';font-size:13px;color:white;font-weight:800}
.req-list input:focus-visible +.custom-check{outline:3px solid #f59e0b;outline-offset:3px}
.req-list input:checked~span:last-child{color:#0b6657}
.req-progress{margin-top:22px}
.progress-header{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:11px;margin-bottom:10px;color:#60746c}
.progress-header strong{color:#0a6859}
.progress-track{height:5px;border-radius:5px;background:#dfeae3;overflow:hidden}
.progress-track span{display:block;width:0;height:100%;background:linear-gradient(90deg,#0a7060,#2fca90);transition:width .3s ease}

/* ABOUT */
.section-intro{background:#fff}
.intro-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}
.intro-copy>p{color:var(--body);line-height:1.9;font-size:14px;margin:25px 0}
.intro-badges{display:flex;gap:9px;flex-wrap:wrap;margin:26px 0 35px}
.intro-badges span{padding:10px 14px;border:1px solid #dce9e2;background:#f8faf8;border-radius:40px;color:#355c52;font-size:11px;font-weight:800}
.underlink{font-size:12px;font-weight:800;color:#0a7460;border-bottom:1px solid #0a7460;padding-bottom:5px}
.underlink span{padding-left:12px}
.intro-photo{height:435px;overflow:hidden;position:relative;border-radius:10px;background:#0e554a}
.intro-photo img{height:100%;width:100%;object-fit:cover}
.intro-photo-badge{position:absolute;bottom:20px;left:19px;padding:13px 17px;border-radius:5px;background:#fff;color:#155247;font-size:10px;letter-spacing:1.3px;font-weight:850}

/* FAQ */
.section-faq{background:#f7f9f7}
.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}
.faq-layout>div:first-child>p{color:#657870;font-size:14px;line-height:1.85;max-width:330px}
.faq-items details{border-bottom:1px solid #dce5e0}
.faq-items details:first-child{border-top:1px solid #dce5e0}
.faq-items summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:15px;cursor:pointer;padding:22px 3px;font-weight:750;color:#1e4440;font-size:14px}
.faq-items summary::-webkit-details-marker{display:none}
.faq-items summary span{display:grid;place-items:center;min-width:25px;min-height:25px;border:1px solid #adc8be;border-radius:50%;font-size:18px;color:#0d7b64}
.faq-items details[open] summary span{transform:rotate(45deg)}
.faq-items details p{font-size:13px;color:#677c74;line-height:1.8;margin:0;padding:0 45px 24px 3px}

/* CLOSING */
.final-cta{position:relative;overflow:hidden;background:#063a36;color:#fff;padding:87px 0;isolation:isolate}
.final-bg{position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,#042f2df5 10%,#07483fef 65%,#064038b8),url('assets/kampus-ilustrasi.jpg') center/cover no-repeat}
.final-inner{display:grid;grid-template-columns:1.3fr .7fr;gap:75px;align-items:center}
.final-cta h2 em{color:#fac86c}
.final-cta p{font-size:14px;line-height:1.8;color:#cde6de;max-width:550px;margin:22px 0 0}
.final-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:30px}
.contact-box{border:1px solid #ffffff55;background:#ffffff0d;padding:35px 30px;border-radius:10px}
.contact-box>span{font-size:9px;color:#b7e6d5;letter-spacing:1.8px;font-weight:800}
.contact-box strong{display:block;font-family:Georgia,serif;font-weight:500;font-size:27px;line-height:1.3;margin:16px 0}
.contact-box p{font-size:12px;margin:0 0 20px}
.contact-box small{color:#98c0b5;font-size:11px;line-height:1.65;display:block}
.footer{background:#042a27;color:#fff;padding:50px 0 24px}
.footer-main{display:grid;grid-template-columns:1.1fr 1fr .75fr;gap:50px;align-items:start;padding-bottom:52px}
.footer-logo{display:flex;align-items:center;gap:12px}
.footer-logo img{width:46px;height:46px;object-fit:contain;background:white;border-radius:7px}
.footer-logo strong{display:block;font-weight:900;font-size:25px;letter-spacing:-1.5px}
.footer-logo small{display:block;font-size:8px;color:#a1c9bf;max-width:260px;line-height:1.5}
.footer-main p{font-size:12px;line-height:1.9;color:#9fc4bb;margin:0}
.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:14px;font-size:12px;color:#bbd7cf}
.footer-links a:hover{color:#fff}
.footer-bottom{border-top:1px solid #ffffff2b;display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:24px;font-size:10px;color:#8cb4ab}
.footer-bottom a{color:#bedbd3}

/* MODAL */
.modal-backdrop[hidden]{display:none}
.modal-backdrop{position:fixed;inset:0;z-index:250;background:#051c1bcf;display:grid;place-items:center;padding:18px;backdrop-filter:blur(7px)}
.modal{background:#fff;border-radius:14px;padding:40px 38px 35px;color:#173d34;width:min(100%,490px);position:relative;box-shadow:0 35px 110px #0004}
.modal-x{position:absolute;top:15px;right:15px;border:0;background:#f0f5f2;border-radius:50%;height:33px;width:33px;font-size:24px;color:#43605a;line-height:1}
.modal-symbol{width:48px;height:48px;display:grid;place-items:center;background:#dff3eb;color:#087a65;border-radius:11px;font-size:27px;margin-bottom:20px}
.modal-kicker{color:#11806b;letter-spacing:1.4px;font-size:10px;font-weight:850}
.modal h2{font-family:Georgia,serif;letter-spacing:-.6px;font-size:29px;font-weight:500;margin:12px 0}
.modal p{font-size:14px;line-height:1.8;color:#657970}
.modal-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:25px}
.btn-solid{background:#087461;color:#fff}
.btn-muted{border-color:#e3e8e5;background:#f4f7f5;color:#355b52}

/* INTERSECTION REVEAL */
@media(prefers-reduced-motion:no-preference){.reveal{animation:appear .85s var(--ease) both}@keyframes appear{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}}

@media(max-width:1200px){.site-nav{gap:18px}.wrap{width:min(var(--max),calc(100% - 58px))}.hero h1{font-size:58px}.hero-sidecard{bottom:22px}.requirements-layout,.intro-layout{gap:50px}.faq-layout{gap:55px}}
@media(max-width:1050px){.header-inner{gap:13px}.site-nav{gap:14px}.site-nav a{font-size:11px}.login-link{display:none}.hero-content{width:62%}.hero h1{font-size:52px}.hero-sidecard{min-width:250px;padding:12px}.hero-scroll{display:none}.information-cards{grid-template-columns:1.2fr 1fr 1fr}.journey-grid{grid-template-columns:repeat(3,1fr)}.journey-step{min-height:150px}.step-icon{height:45px}}
@media(max-width:850px){
 .top-ribbon .ribbon-inner>span:last-child{display:none}
 .header-inner{height:70px}.nav-toggle{display:flex}.header-cta{padding:12px}.logo-word strong{font-size:23px}
 .site-nav{display:none;position:absolute;top:70px;left:0;right:0;background:#fff;box-shadow:0 15px 24px #071d1b21;padding:10px 29px 20px;z-index:30;flex-direction:column;align-items:stretch;gap:0}
 .site-nav.open{display:flex}.site-nav a{padding:13px 0;font-size:13px;border-bottom:1px solid #ebeeee}.site-nav a.active:after,.site-nav a:hover:after{bottom:8px;right:auto;width:40px}
 .hero-photo{left:22%;opacity:.75;background-position:58% 50%}.hero-overlay{background:linear-gradient(90deg,#03372f 0%,#044c41ea 34%,#04382f80 70%,#073d34a0),linear-gradient(0deg,#04372d88,transparent 75%)}
 .hero-inner{min-height:590px}.hero{min-height:590px}.hero-content{width:83%}.hero h1{max-width:620px;font-size:55px}.hero-sidecard{display:none}
 .section{padding:75px 0}.info-heading-grid{gap:35px}.information-cards{gap:10px}.info-card{padding:23px 17px}.info-card-footer strong{font-size:15px}.info-card-footer small{font-size:10px}
 .requirements-layout{grid-template-columns:1fr 1.15fr;gap:30px}.req-visual{height:520px}.intro-layout{gap:30px}.intro-photo{height:390px}.faq-layout{gap:30px}
}
@media(max-width:650px){
 .wrap{width:calc(100% - 34px)}.top-ribbon{font-size:8px;letter-spacing:.6px}
 .header-inner{height:66px}.site-nav{top:66px;padding-inline:17px}.logo img{width:39px;height:42px}.logo-word strong{font-size:22px}.logo-word small{font-size:9px}.header-cta{font-size:11px;padding:11px 12px}.header-cta span{display:none}.header-actions{margin-left:auto;gap:5px}
 .hero{min-height:680px}.hero-inner{min-height:680px;align-items:flex-start;padding-top:76px;padding-bottom:50px}.hero-photo{inset:33% 0 0 0;background-size:cover;background-position:55% 48%;opacity:.8}.hero-overlay{background:linear-gradient(180deg,#053f37 0%,#05463cf7 31%,rgba(4,57,49,.65) 54%,rgba(2,35,30,.53) 82%,#052f2ae8 100%),linear-gradient(90deg,#03362e6b,transparent)}
 .hero-content{width:100%}.hero-kicker{font-size:10px;letter-spacing:1.5px}.hero-year{font-size:12px;margin-top:15px}.hero h1{font-size:clamp(40px,10vw,58px);margin:18px 0;letter-spacing:-1.7px}.hero-content>p{font-size:13px;line-height:1.72;max-width:420px}.hero-buttons{margin-top:24px}.btn{padding:13px 15px;font-size:11px;gap:12px}.hero-meta{position:absolute;bottom:32px;left:0;font-size:8px;flex-wrap:wrap;gap:9px;margin:0}
 .section{padding:65px 0}.section-topline{margin-bottom:27px;font-size:8px;letter-spacing:1px}.section-topline>span:last-child{display:none}
 .section h2,.final-cta h2{font-size:clamp(36px,8.1vw,46px)}.info-heading-grid,.journey-heading,.intro-layout,.faq-layout{grid-template-columns:1fr;gap:19px}.info-heading-grid p,.journey-heading p{font-size:13px}
 .information-cards{grid-template-columns:1fr 1fr;gap:10px}.info-card.featured{grid-column:1/-1;min-height:174px}.info-card{min-height:205px;padding:21px 17px}.info-art{right:40px;top:15px;font-size:110px}.info-icon{width:44px;height:44px}.circle-arrow{width:28px;height:28px}.official-note{padding:15px}
 .journey-grid{grid-template-columns:repeat(2,1fr);gap:8px}.journey-step{padding:15px;min-height:145px}.step-detail{flex-direction:column;align-items:flex-start;padding:20px}.step-detail h3{font-size:17px}.step-detail p{font-size:12px}.detail-button{width:100%}
 .requirements-layout{grid-template-columns:1fr;gap:30px}.req-visual{height:280px}.req-visual img{object-position:50% 31%}.req-content>p{margin-top:20px}.req-list label{font-size:12px}.progress-header{font-size:10px}
 .intro-photo{height:310px}.intro-layout .intro-copy{order:1}.intro-layout .intro-photo{order:2}.faq-layout{gap:25px}.faq-items summary{font-size:13px}
 .final-cta{padding:65px 0}.final-inner{grid-template-columns:1fr;gap:38px}.final-actions{gap:10px}.contact-box{padding:24px}.contact-box strong{font-size:24px}
 .footer{padding-top:38px}.footer-main{grid-template-columns:1fr;gap:22px;padding-bottom:28px}.footer-links{gap:10px}.footer-bottom{flex-direction:column;align-items:flex-start;font-size:9px}.modal{padding:35px 23px 27px}.modal-actions .btn{flex:1}
}
@media(max-width:390px){.header-cta{font-size:10px;padding:11px 8px}.logo-word strong{font-size:19px}.logo-word small{font-size:8px}.logo img{width:34px;height:36px}.hero h1{font-size:39px}.hero-meta{display:none}.hero-buttons{gap:9px}.hero-buttons .btn{padding:12px 10px}.information-cards{grid-template-columns:1fr}.info-card.featured{grid-column:1}.info-card{min-height:185px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}