:root{--navy: #0a2e5c;--navy-deep: #061c3f;--blue: #0a4d8c;--light-blue: #4a90d9;--cyan: #7dd3fc;--drop-blue: #19a8e9;--yellow: #f5b841;--yellow-dark: #e89a2a;--wa-green: #25d366;--white: #ffffff;--light-bg: #f0f7ff;--dark: #0b1e33;--gray: #64748b;--gray-light: #94a3b8;--border: #e2e8f0;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--sp-20: 80px;--sp-25: 100px;--r-sm: 8px;--r-md: 14px;--r-lg: 20px;--r-xl: 24px;--r-pill: 999px;--sh-sm: 0 2px 8px rgb(10 46 92 / 8%);--sh-md: 0 8px 24px rgb(10 46 92 / 10%);--sh-lg: 0 20px 40px rgb(10 46 92 / 12%);--sh-xl: 0 30px 60px rgb(10 46 92 / 18%);--header-h: 86px;--container: 1200px;--ease: cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}html,body{overflow-x:hidden;max-width:100%}body{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--dark);line-height:1.6;background:var(--white);-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column}main{flex:1 0 auto}img,svg,video{max-width:100%;height:auto;display:block}a{text-decoration:none;color:inherit}button{font:inherit;color:inherit}[id]{scroll-margin-top:calc(var(--header-h) + 16px)}.anchor-alias{display:block;height:0;overflow:hidden}:focus-visible{outline:3px solid var(--yellow);outline-offset:3px;border-radius:var(--r-sm)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.container{max-width:var(--container);margin:0 auto;padding:0 var(--sp-6)}.container-narrow{max-width:760px;margin:0 auto;padding:0 var(--sp-6)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100px;left:var(--sp-4);z-index:300;background:var(--yellow);color:var(--navy);padding:var(--sp-3) var(--sp-5);border-radius:var(--r-sm);font-weight:700;transition:top .2s}.skip-link:focus{top:var(--sp-4)}.site-header{position:fixed;inset:0 0 auto;z-index:100;background:#0a2e5c26;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgb(255 255 255 / 10%);transition:background .3s ease,box-shadow .3s ease}.site-header.scrolled,.site-header.solid{background:#0a2e5cf2;box-shadow:0 4px 20px #00000026}.nav-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-6);padding:var(--sp-4) 0}.logo{display:flex;align-items:center;gap:var(--sp-3);color:var(--white);flex-shrink:0}.logo__mark{width:46px;height:auto;filter:drop-shadow(0 3px 8px rgb(0 0 0 / 30%));flex-shrink:0}.logo__text{display:flex;flex-direction:column;line-height:1.05}.logo__name{font-size:21px;font-weight:800;letter-spacing:.06em}.logo__tagline{font-size:8.5px;font-weight:600;letter-spacing:.14em;color:var(--cyan);text-transform:uppercase;white-space:nowrap}.logo--footer .logo__mark{width:52px}nav ul{list-style:none;display:flex;gap:var(--sp-6);align-items:center}.nav-link{color:var(--white);font-weight:500;font-size:15px;position:relative;padding:var(--sp-2) 0;transition:color .2s;white-space:nowrap}.nav-link:hover{color:var(--yellow)}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--yellow);transition:width .3s}.nav-link:hover:after,.nav-link[aria-current=page]:after{width:100%}.nav-link[aria-current=page]{color:var(--yellow)}.wa-btn{background:var(--yellow);color:var(--navy);padding:10px 18px;border-radius:var(--r-pill);font-weight:700;font-size:14px;display:inline-flex;align-items:center;gap:var(--sp-2);white-space:nowrap;transition:transform .2s,box-shadow .2s}.wa-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #f5b84166}.wa-btn:after{display:none}.hamburger{display:none;background:none;border:none;color:var(--white);cursor:pointer;padding:var(--sp-2)}.hamburger svg{width:28px;height:28px}.btn{padding:15px 30px;border-radius:var(--r-pill);font-weight:700;font-size:15px;display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-3);min-height:48px;transition:transform .2s,box-shadow .3s,background .2s;cursor:pointer;border:none;text-align:center}.btn-primary{background:var(--yellow);color:var(--navy)}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 30px #f5b84166}.btn-ghost{background:transparent;color:var(--white);border:2px solid rgb(255 255 255 / 40%)}.btn-ghost:hover{background:#ffffff1a;border-color:var(--white)}.btn-wa{background:var(--wa-green);color:var(--white)}.btn-wa:hover{transform:translateY(-3px);box-shadow:0 10px 30px #25d36659}.btn-outline{background:var(--white);color:var(--navy);border:2px solid var(--border)}.btn-outline:hover{border-color:var(--drop-blue);color:var(--blue)}.hero{position:relative;height:100vh;min-height:640px;overflow:hidden;color:var(--white)}.slides{position:absolute;inset:0}.slide{position:absolute;inset:0;opacity:0;transition:opacity 1.2s ease-in-out;background-color:var(--navy);background-size:cover;background-position:center}.slide.active{opacity:1}.slide:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#061c3f8c,#061c3fd9),repeating-linear-gradient(45deg,transparent 0 10px,rgb(255 255 255 / 1.5%) 10px 12px)}.slide-1{background-image:radial-gradient(ellipse at 15% 30%,rgb(125 211 252 / 25%),transparent 55%),radial-gradient(ellipse at 85% 60%,rgb(245 184 65 / 10%),transparent 50%),linear-gradient(135deg,#061c3f,#0a2e5c 40%,#0a4d8c)}.slide-1 .scene{position:absolute;inset:0;z-index:2;opacity:.15;background-image:linear-gradient(180deg,transparent 65%,#061c3f 100%),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 60'><rect x='10' y='30' width='15' height='30' fill='%237DD3FC'/><rect x='25' y='20' width='4' height='40' fill='%237DD3FC'/><rect x='32' y='35' width='20' height='25' fill='%237DD3FC'/><rect x='55' y='25' width='18' height='35' fill='%237DD3FC'/><rect x='60' y='15' width='3' height='15' fill='%237DD3FC'/><rect x='75' y='30' width='15' height='30' fill='%237DD3FC'/></svg>");background-size:cover;background-position:bottom;background-repeat:no-repeat}.slide-2{background-image:radial-gradient(ellipse at 60% 40%,rgb(245 184 65 / 18%),transparent 55%),linear-gradient(160deg,#0a2e5c,#0a4d8c 60%,#19a8e9)}.slide-2 .scene{position:absolute;inset:0;z-index:2;opacity:.18;background-image:linear-gradient(180deg,transparent 60%,#061c3f 100%),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 60'><path d='M 5 55 L 5 40 L 20 25 L 35 40 L 35 55 Z' fill='%23F5B841'/><path d='M 45 55 L 45 35 L 65 20 L 85 35 L 85 55 Z' fill='%23F5B841'/><path d='M 35 55 L 45 55 L 45 45 L 35 45 Z' fill='%23F5B841'/><ellipse cx='15' cy='58' rx='8' ry='2' fill='%237DD3FC'/><ellipse cx='60' cy='58' rx='12' ry='2' fill='%237DD3FC'/></svg>");background-size:cover;background-position:bottom;background-repeat:no-repeat}.slide-3{background-image:radial-gradient(ellipse at 40% 50%,rgb(74 144 217 / 35%),transparent 65%),linear-gradient(180deg,#0a2e5c,#0a4d8c,#061c3f)}.slide-3 .scene{position:absolute;inset:0;z-index:2;opacity:.15;background-image:linear-gradient(180deg,transparent 60%,#061c3f 100%),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 60'><g fill='%233D8B3D'><ellipse cx='10' cy='50' rx='6' ry='10'/><rect x='9' y='50' width='2' height='10' fill='%23654321'/><ellipse cx='25' cy='48' rx='7' ry='12'/><rect x='24' y='48' width='2' height='12' fill='%23654321'/><ellipse cx='45' cy='50' rx='6' ry='10'/><rect x='44' y='50' width='2' height='10' fill='%23654321'/><ellipse cx='62' cy='47' rx='8' ry='13'/><rect x='61' y='47' width='2' height='13' fill='%23654321'/><ellipse cx='82' cy='49' rx='7' ry='11'/><rect x='81' y='49' width='2' height='11' fill='%23654321'/></g></svg>");background-size:cover;background-position:bottom;background-repeat:no-repeat}.hero-drops{position:absolute;inset:0;pointer-events:none;overflow:hidden}.hero-drop{position:absolute;opacity:.1;width:200px;height:260px;background:var(--cyan);clip-path:polygon(50% 0%,100% 55%,85% 100%,15% 100%,0% 55%)}.hero-content{position:relative;z-index:5;height:100%;display:flex;align-items:center;padding-top:60px}.hero-inner{max-width:820px;margin-left:5%}.hero-tag{display:inline-block;background:var(--yellow);color:var(--navy);padding:6px var(--sp-4);border-radius:var(--r-pill);font-size:13px;font-weight:800;letter-spacing:.12em;margin-bottom:var(--sp-6);animation:fadeInUp .6s ease both}.hero-title{font-size:clamp(38px,6vw,66px);font-weight:900;line-height:1.06;margin-bottom:var(--sp-6);letter-spacing:-.02em;text-wrap:balance}.hero-title span{color:var(--yellow)}.hero-sub{font-size:clamp(16px,2vw,20px);color:#ffffffe0;margin-bottom:var(--sp-10);max-width:620px;animation:fadeInUp .6s ease .1s both}.hero-ctas{display:flex;gap:var(--sp-4);flex-wrap:wrap;animation:fadeInUp .6s ease .2s both}.hero-trust{display:flex;flex-wrap:wrap;gap:var(--sp-3) var(--sp-6);margin-top:var(--sp-8);font-size:13.5px;font-weight:600;color:#ffffffbf;animation:fadeInUp .6s ease .3s both}.hero-trust li{display:flex;align-items:center;gap:var(--sp-2);list-style:none}.hero-trust svg{width:16px;height:16px;color:var(--yellow);flex-shrink:0}.slide-dots{display:flex;gap:var(--sp-3);margin-top:var(--sp-10);z-index:5}.dot{position:relative;width:40px;height:4px;min-height:4px;background:#ffffff4d;border:none;border-radius:2px;padding:0;cursor:pointer;transition:background .3s}.dot.active{background:var(--yellow)}.dot:after,.pf-dot:after{content:"";position:absolute;inset:-20px -4px}.page-hero{position:relative;padding:calc(var(--header-h) + var(--sp-16)) 0 var(--sp-16);background:radial-gradient(ellipse at 20% 20%,rgb(125 211 252 / 18%),transparent 55%),radial-gradient(ellipse at 85% 70%,rgb(245 184 65 / 10%),transparent 50%),linear-gradient(135deg,var(--navy-deep) 0%,var(--navy) 45%,var(--blue) 100%);color:var(--white);overflow:hidden}.page-hero:after{content:"";position:absolute;right:-70px;bottom:-160px;width:340px;height:440px;background:var(--cyan);clip-path:polygon(50% 0%,100% 55%,85% 100%,15% 100%,0% 55%);opacity:.07;pointer-events:none}.page-hero__inner{position:relative;z-index:1;max-width:800px}.page-hero h1{font-size:clamp(30px,4.6vw,50px);font-weight:900;line-height:1.12;letter-spacing:-.02em;margin-bottom:var(--sp-4);text-wrap:balance}.page-hero h1 span{color:var(--yellow)}.page-hero__lead{font-size:clamp(15px,1.8vw,18px);color:#ffffffd1;max-width:640px}.page-hero .section-tag{background:#ffffff1f;color:var(--cyan)}.breadcrumbs{position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);list-style:none;font-size:13px;font-weight:600;color:#fff9;margin-bottom:var(--sp-5)}.breadcrumbs a{color:#fffc}.breadcrumbs a:hover{color:var(--yellow)}.breadcrumbs [aria-current=page]{color:var(--cyan)}.breadcrumbs svg{width:14px;height:14px;opacity:.5}section{padding:var(--sp-25) 0}.section-tag{display:inline-block;background:var(--light-bg);color:var(--blue);padding:6px var(--sp-4);border-radius:var(--r-pill);font-size:13px;font-weight:700;letter-spacing:.12em;margin-bottom:var(--sp-4)}.section-title{font-size:clamp(30px,4vw,44px);font-weight:900;color:var(--navy);letter-spacing:-.02em;line-height:1.16;margin-bottom:var(--sp-4);text-wrap:balance}.section-title span{color:var(--drop-blue)}.section-sub{color:var(--gray);font-size:17px;max-width:620px;margin-bottom:var(--sp-12)}.section-center{text-align:center}.section-center .section-sub{margin-inline:auto}#tentang{background:var(--light-bg)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-16);align-items:center}.about-visual{position:relative;aspect-ratio:1 / 1;background:radial-gradient(circle at 30% 30%,rgb(245 184 65 / 12%),transparent 60%),radial-gradient(circle at 70% 80%,rgb(125 211 252 / 12%),transparent 60%),linear-gradient(135deg,var(--navy),var(--blue));border-radius:var(--r-xl);overflow:hidden;padding:var(--sp-10) var(--sp-8);display:flex;flex-direction:column;justify-content:center}.about-visual .route-heading{color:var(--cyan);font-size:13px;font-weight:800;letter-spacing:.16em;margin-bottom:6px}.about-visual .route-title{color:var(--white);font-size:24px;font-weight:900;line-height:1.2;margin-bottom:var(--sp-10)}.about-visual .route-title em{color:var(--yellow);font-style:normal}.about-visual svg.route-svg{width:100%;height:auto}.about-visual .route-legend{display:flex;justify-content:space-between;margin-top:var(--sp-5);color:#ffffff8c;font-size:11px;font-weight:600;letter-spacing:.12em}.about-visual .route-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-3);margin-top:var(--sp-8);padding-top:var(--sp-6);border-top:1px solid rgb(255 255 255 / 12%)}.about-visual .r-stat b{display:block;color:var(--yellow);font-size:26px;font-weight:900;line-height:1}.about-visual .r-stat span{color:#fff9;font-size:11px;font-weight:600;letter-spacing:.08em}.about-visual .years-badge{position:absolute;top:28px;right:28px;background:var(--yellow);color:var(--navy);padding:var(--sp-3) var(--sp-5);border-radius:var(--r-md);text-align:center;box-shadow:0 12px 28px #00000040}.about-visual .years-badge b{display:block;font-size:34px;font-weight:900;line-height:1}.about-visual .years-badge span{font-size:11px;font-weight:700;letter-spacing:.12em}.about-content p{color:var(--gray);font-size:17px;margin-bottom:var(--sp-5)}.about-content strong{color:var(--navy);font-weight:700}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-6);margin-top:var(--sp-8);padding-top:var(--sp-8);border-top:2px solid var(--border)}.stat b{display:block;font-size:34px;font-weight:900;color:var(--drop-blue);line-height:1;margin-bottom:var(--sp-1)}.stat span{font-size:13px;color:var(--gray);font-weight:600}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-6);list-style:none}.service-card{background:var(--white);border:2px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-8) var(--sp-6);transition:transform .3s,border-color .3s,box-shadow .3s;display:flex;flex-direction:column}.service-card:hover{transform:translateY(-6px);border-color:var(--drop-blue);box-shadow:var(--sh-lg)}.service-icon{width:60px;height:60px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;margin-bottom:var(--sp-5);color:var(--white);flex-shrink:0}.service-icon svg{width:30px;height:30px}.si-1{background:var(--light-blue)}.si-2{background:var(--blue)}.si-3{background:var(--navy)}.si-4{background:var(--yellow);color:var(--navy)}.service-card h3{font-size:19px;color:var(--navy);font-weight:800;line-height:1.3;margin-bottom:6px}.service-depth{color:var(--drop-blue);font-weight:700;font-size:14px;margin-bottom:var(--sp-3)}.service-card p{color:var(--gray);font-size:15px;line-height:1.55}.why-block{margin-top:var(--sp-16);padding-top:var(--sp-12);border-top:2px solid var(--border)}.why-block__title{font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--drop-blue);margin-bottom:var(--sp-8)}.why-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-8) var(--sp-16);list-style:none}.why-item{display:flex;gap:var(--sp-5);align-items:flex-start}.why-item .check{flex-shrink:0;width:44px;height:44px;border-radius:var(--r-sm);background:linear-gradient(135deg,var(--drop-blue),var(--blue));color:var(--white);display:flex;align-items:center;justify-content:center}.why-item h4{color:var(--navy);font-size:18px;font-weight:800;margin-bottom:var(--sp-1)}.why-item p{color:var(--gray);font-size:14.5px}.why-item strong{color:var(--navy)}#proses{background:var(--white)}.process-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--sp-5);position:relative;list-style:none}.process-grid:before{content:"";position:absolute;top:40px;left:10%;right:10%;height:2px;background:repeating-linear-gradient(90deg,var(--light-blue) 0 8px,transparent 8px 16px);z-index:0}.process-step{text-align:center;position:relative;z-index:1}.process-num{width:80px;height:80px;margin:0 auto var(--sp-5);border-radius:50%;background:var(--white);color:var(--navy);font-size:30px;font-weight:900;display:flex;align-items:center;justify-content:center;border:3px solid var(--drop-blue);box-shadow:0 8px 20px #0a4d8c26;transition:background .3s,border-color .3s,transform .3s}.process-step:hover .process-num{background:var(--yellow);border-color:var(--yellow);transform:scale(1.08)}.process-step h3{color:var(--navy);font-size:17px;font-weight:800;margin-bottom:var(--sp-2)}.process-step p{color:var(--gray);font-size:13.5px;line-height:1.5;padding:0 var(--sp-1)}#portofolio{background:var(--light-bg);overflow:hidden}.pf-carousel{position:relative;max-width:1100px;margin:0 auto}.pf-viewport{overflow:hidden;border-radius:var(--r-xl);box-shadow:var(--sh-xl);background:var(--navy)}.pf-track{display:flex;transition:transform .6s cubic-bezier(.65,.05,.36,1);will-change:transform}.pf-slide{flex:0 0 100%;position:relative;aspect-ratio:16 / 10;background:var(--navy-deep);overflow:hidden}.pf-slide img{width:100%;height:100%;object-fit:cover}.pf-caption{position:absolute;inset:auto 0 0;padding:var(--sp-8) var(--sp-8) var(--sp-6);background:linear-gradient(180deg,transparent 0%,rgb(6 28 63 / 92%) 60%);color:var(--white)}.pf-tag{display:inline-block;background:var(--yellow);color:var(--navy);padding:var(--sp-1) var(--sp-3);border-radius:var(--sp-1);font-size:11px;font-weight:800;letter-spacing:.12em;margin-bottom:var(--sp-2)}.pf-caption h3{font-size:23px;font-weight:800;line-height:1.25;margin-bottom:var(--sp-1)}.pf-caption p{font-size:14px;color:#ffffffd9}.pf-arrow{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;background:var(--white);border:none;color:var(--navy);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--sh-md);transition:transform .2s,background .2s;z-index:5}.pf-arrow:hover{background:var(--yellow);transform:translateY(-50%) scale(1.08)}.pf-arrow svg{width:22px;height:22px}.pf-arrow.prev{left:-26px}.pf-arrow.next{right:-26px}.pf-dots{display:flex;justify-content:center;gap:var(--sp-2);margin-top:var(--sp-6)}.pf-dot{position:relative;width:30px;height:4px;border-radius:2px;background:#0a2e5c33;border:none;cursor:pointer;transition:background .3s,width .3s;padding:0}.pf-dot.active{background:var(--yellow);width:50px}.pf-counter{position:absolute;top:var(--sp-6);right:var(--sp-6);background:#0a2e5ca6;backdrop-filter:blur(8px);color:var(--white);padding:6px var(--sp-3);border-radius:var(--r-pill);font-size:12px;font-weight:700;letter-spacing:.08em;z-index:4}#kontak{background:linear-gradient(135deg,var(--navy) 0%,var(--blue) 100%);color:var(--white);position:relative;overflow:hidden}#kontak:before,#kontak:after{content:"";position:absolute;width:400px;height:500px;background:var(--cyan);clip-path:polygon(50% 0%,100% 55%,85% 100%,15% 100%,0% 55%);opacity:.06;pointer-events:none}#kontak:before{top:-80px;right:-60px}#kontak:after{bottom:-140px;left:-80px}.on-dark .section-title,#kontak .section-title{color:var(--white)}.on-dark .section-title span,#kontak .section-title span{color:var(--yellow)}.on-dark .section-sub,#kontak .section-sub{color:#ffffffbf}.on-dark .section-tag,#kontak .section-tag{background:#ffffff1a;color:var(--cyan)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-16);position:relative;z-index:1}.contact-list{list-style:none}.contact-info-item{display:flex;gap:var(--sp-5);align-items:flex-start;margin-bottom:var(--sp-8)}.contact-info-item .icon{width:50px;height:50px;border-radius:var(--r-md);background:#ffffff1a;display:flex;align-items:center;justify-content:center;flex-shrink:0}.contact-info-item .icon svg{width:24px;height:24px}.contact-info-item h3{font-size:13px;font-weight:700;margin-bottom:var(--sp-1);letter-spacing:.1em;text-transform:uppercase;color:var(--cyan)}.contact-info-item p{font-size:17px}.contact-info-item a{text-decoration:underline;text-decoration-color:#fff6;text-underline-offset:3px}.contact-info-item a:hover{color:var(--yellow)}.contact-cta-card{background:#ffffff14;backdrop-filter:blur(12px);border:1px solid rgb(255 255 255 / 15%);border-radius:var(--r-xl);padding:var(--sp-10);align-self:start}.contact-cta-card h3{font-size:24px;font-weight:800;margin-bottom:var(--sp-3)}.contact-cta-card p{color:#fffc;margin-bottom:var(--sp-6)}.contact-cta-card .btn{width:100%;margin-bottom:var(--sp-3)}.contact-cta-card .note{font-size:13px;color:#fff9;margin-bottom:0;text-align:center}.cta-banner{background:linear-gradient(135deg,var(--navy) 0%,var(--blue) 100%);color:var(--white);border-radius:var(--r-xl);padding:var(--sp-12) var(--sp-10);text-align:center;position:relative;overflow:hidden}.cta-banner:after{content:"";position:absolute;right:-60px;bottom:-120px;width:280px;height:360px;background:var(--cyan);clip-path:polygon(50% 0%,100% 55%,85% 100%,15% 100%,0% 55%);opacity:.08;pointer-events:none}.cta-banner>*{position:relative;z-index:1}.cta-banner h2{font-size:clamp(23px,3vw,32px);font-weight:900;line-height:1.2;margin-bottom:var(--sp-3);text-wrap:balance}.cta-banner h2 span{color:var(--yellow)}.cta-banner p{color:#fffc;max-width:560px;margin:0 auto var(--sp-8)}.cta-banner__actions{display:flex;gap:var(--sp-4);justify-content:center;flex-wrap:wrap}.article-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--sp-8)}.article-card{position:relative;display:flex;flex-direction:column;background:var(--white);border:2px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-8) var(--sp-6);transition:transform .3s,border-color .3s,box-shadow .3s}.article-card:hover{transform:translateY(-5px);border-color:var(--drop-blue);box-shadow:var(--sh-lg)}.article-card__meta{display:flex;align-items:center;gap:var(--sp-2);font-size:12px;font-weight:700;letter-spacing:.06em;color:var(--drop-blue);text-transform:uppercase;margin-bottom:var(--sp-3)}.article-card__meta .sep{color:var(--border)}.article-card__meta time{color:var(--gray-light);letter-spacing:0;text-transform:none;font-weight:600}.article-card h2,.article-card h3{font-size:20px;font-weight:800;color:var(--navy);line-height:1.3;margin-bottom:var(--sp-3)}.article-card h2 a:hover,.article-card h3 a:hover{color:var(--blue)}.article-card h2 a:after{content:"";position:absolute;inset:0}.article-card p{color:var(--gray);font-size:15px;line-height:1.6;margin-bottom:var(--sp-5);flex-grow:1}.article-card__more{font-weight:700;font-size:14.5px;color:var(--blue);display:inline-flex;align-items:center;gap:6px}.article-card:hover .article-card__more{color:var(--drop-blue);gap:var(--sp-3)}.article-card__more svg{width:16px;height:16px;transition:transform .2s}.prose{font-size:17px;line-height:1.75;color:#334155}.prose>*+*{margin-top:var(--sp-5)}.prose h2{font-size:clamp(23px,3vw,30px);font-weight:800;color:var(--navy);line-height:1.25;letter-spacing:-.01em;margin-top:var(--sp-12);margin-bottom:var(--sp-4);padding-top:var(--sp-2)}.prose h3{font-size:20px;font-weight:800;color:var(--navy);margin-top:var(--sp-10);margin-bottom:var(--sp-3)}.prose p{margin-top:var(--sp-5)}.prose strong{color:var(--navy);font-weight:700}.prose a{color:var(--blue);font-weight:600;text-decoration:underline;text-decoration-color:#0a4d8c59;text-underline-offset:3px}.prose a:hover{color:var(--drop-blue);text-decoration-color:currentcolor}.prose ul,.prose ol{padding-left:var(--sp-6);margin-top:var(--sp-4)}.prose li{margin-bottom:var(--sp-3)}.prose li::marker{color:var(--drop-blue);font-weight:700}.prose blockquote{border-left:4px solid var(--yellow);background:var(--light-bg);padding:var(--sp-5) var(--sp-6);border-radius:0 var(--r-md) var(--r-md) 0;color:var(--navy);font-weight:500}.prose blockquote p{margin:0}.prose table{width:100%;border-collapse:collapse;font-size:15px;margin-top:var(--sp-6);display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--border);padding:var(--sp-3) var(--sp-4);text-align:left}.prose th{background:var(--light-bg);color:var(--navy);font-weight:700;white-space:nowrap}.prose hr{border:none;border-top:2px solid var(--border);margin:var(--sp-10) 0}.toc{background:var(--light-bg);border-radius:var(--r-md);padding:var(--sp-6);margin-bottom:var(--sp-10)}.toc h2{font-size:13px!important;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--blue);margin:0 0 var(--sp-3)!important;padding:0!important}.toc ol{padding-left:var(--sp-5);margin:0}.toc li{margin-bottom:6px;font-size:15px}.toc a{color:var(--navy);font-weight:600}.toc a:hover{color:var(--drop-blue)}.article-header__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2) var(--sp-4);font-size:13.5px;color:#ffffffb3;font-weight:600;margin-top:var(--sp-5)}.article-header__meta .pill{background:#ffffff1f;color:var(--cyan);padding:4px var(--sp-3);border-radius:var(--r-pill);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.faq-list{display:flex;flex-direction:column;gap:var(--sp-3);list-style:none}.faq-item{border:2px solid var(--border);border-radius:var(--r-md);background:var(--white);transition:border-color .25s,box-shadow .25s}.faq-item[open]{border-color:var(--drop-blue);box-shadow:var(--sh-md)}.faq-item summary{cursor:pointer;padding:var(--sp-5) var(--sp-6);font-weight:700;font-size:16.5px;color:var(--navy);display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-4);list-style:none;line-height:1.45}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary h3{font:inherit;color:inherit;margin:0;flex:1}.faq-item summary:after{content:"";flex-shrink:0;width:12px;height:12px;margin-top:5px;border-right:2.5px solid var(--drop-blue);border-bottom:2.5px solid var(--drop-blue);transform:rotate(45deg);transition:transform .25s}.faq-item[open] summary:after{transform:rotate(-135deg)}.faq-item__body{padding:0 var(--sp-6) var(--sp-6);color:var(--gray);font-size:15.5px;line-height:1.7}.faq-item__body>*+*{margin-top:var(--sp-3)}.faq-item__body strong{color:var(--navy)}.faq-item__body a{color:var(--blue);font-weight:600;text-decoration:underline;text-underline-offset:3px}.faq-group+.faq-group{margin-top:var(--sp-12)}.faq-group__title{font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--drop-blue);margin-bottom:var(--sp-5);padding-bottom:var(--sp-3);border-bottom:2px solid var(--border)}.gbp-card{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--sp-8);max-width:820px;margin-inline:auto;background:var(--white);border:2px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-8);box-shadow:var(--sh-sm)}.gbp-card__score{text-align:center;flex-shrink:0;padding-right:var(--sp-8);border-right:2px solid var(--border)}.gbp-card--plain .gbp-card__score{padding-right:0;border-right:none}.gbp-card__score b{display:block;font-size:52px;font-weight:900;color:var(--navy);line-height:1}.gbp-card__score span{display:block;font-size:13px;color:var(--gray);font-weight:600;max-width:150px}.gbp-card__actions{display:flex;flex-wrap:wrap;gap:var(--sp-3)}.stars{display:inline-flex;gap:3px;margin:var(--sp-2) 0}.stars svg{width:20px;height:20px;color:var(--yellow)}.review-note{margin-top:var(--sp-8);text-align:center;font-size:14px;color:var(--gray)}.review-note a{color:var(--blue);font-weight:600;text-decoration:underline;text-underline-offset:3px}.review-note a:hover{color:var(--drop-blue)}.review-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--sp-6)}.review-card{background:var(--white);border:2px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-6);display:flex;flex-direction:column}.review-card__head{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-4)}.review-card__avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--drop-blue),var(--blue));color:var(--white);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:17px;flex-shrink:0}.review-card__who b{display:block;color:var(--navy);font-size:15.5px;font-weight:700;line-height:1.3}.review-card__who b a:hover{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.review-card__who span{font-size:12.5px;color:var(--gray-light);font-weight:600}.review-card blockquote{color:var(--gray);font-size:15px;line-height:1.7;flex-grow:1}.review-card .stars svg{width:16px;height:16px}.review-card__foot{margin-top:var(--sp-5);padding-top:var(--sp-4);border-top:1px solid var(--border);font-size:12.5px;color:var(--gray-light);font-weight:600;display:flex;align-items:center;gap:6px}.review-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-6);list-style:none}.review-step{background:var(--light-bg);border-radius:var(--r-md);padding:var(--sp-6)}.review-step b{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--drop-blue);color:var(--white);font-weight:900;margin-bottom:var(--sp-3)}.review-step h3{font-size:16.5px;font-weight:800;color:var(--navy);margin-bottom:6px}.review-step p{font-size:14.5px;color:var(--gray);line-height:1.6}.site-footer{background:var(--navy-deep);color:#ffffffb3;padding:var(--sp-16) 0 var(--sp-8)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:var(--sp-10);margin-bottom:var(--sp-10)}.footer-brand p{font-size:14px;margin:var(--sp-5) 0;max-width:320px;line-height:1.65}.site-footer h2{color:var(--white);font-size:13px;font-weight:700;letter-spacing:.12em;margin-bottom:var(--sp-5);text-transform:uppercase}.site-footer ul{list-style:none}.site-footer li{margin-bottom:var(--sp-3);font-size:14px}.site-footer a:hover{color:var(--yellow)}.footer-social{display:flex;gap:var(--sp-3);margin-top:var(--sp-5)}.footer-social a{width:40px;height:40px;border-radius:var(--r-sm);background:#ffffff0d;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .2s,color .2s}.footer-social a:hover{background:var(--yellow);color:var(--navy);transform:translateY(-2px)}.footer-social svg{width:20px;height:20px}.footer-contact li{display:flex;gap:var(--sp-3);align-items:flex-start;line-height:1.55}.footer-contact svg{width:16px;height:16px;color:var(--cyan);flex-shrink:0;margin-top:4px}.footer-bottom{border-top:1px solid rgb(255 255 255 / 10%);padding-top:var(--sp-6);display:flex;flex-wrap:wrap;gap:var(--sp-3) var(--sp-6);justify-content:space-between;align-items:center;font-size:13px}.float-wa{position:fixed;bottom:var(--sp-6);right:var(--sp-6);width:58px;height:58px;background:var(--wa-green);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);box-shadow:0 10px 30px #25d3667f;z-index:90;transition:transform .3s;animation:pulse 2.4s infinite}.float-wa:hover{transform:scale(1.1)}.float-wa svg{width:29px;height:29px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{box-shadow:0 10px 30px #25d3667f}50%{box-shadow:0 10px 30px #25d3667f,0 0 0 12px #25d36600}}.btn,.nav-link,.wa-btn,.pf-arrow,.faq-item summary{min-height:44px}@media(max-width:980px){.footer-grid{grid-template-columns:1fr 1fr;gap:var(--sp-8)}.services-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){:root{--header-h: 78px}.site-header,.site-header.scrolled{background:var(--navy)}nav ul{position:fixed;inset:var(--header-h) 0 auto;background:var(--navy);flex-direction:column;padding:var(--sp-5) var(--sp-6) var(--sp-8);gap:var(--sp-1);align-items:stretch;transform:translateY(-135%);transition:transform .35s var(--ease);box-shadow:0 20px 40px #0006;max-height:calc(100vh - var(--header-h));overflow-y:auto;z-index:200;border-top:1px solid rgb(255 255 255 / 8%)}nav ul.open{transform:translateY(0)}.nav-link{padding:var(--sp-3) var(--sp-1);font-size:16px}.nav-link:after{display:none}.wa-btn{margin-top:var(--sp-2);justify-content:center}.hamburger{display:block}.about-grid,.contact-grid{grid-template-columns:1fr;gap:var(--sp-10)}.why-grid{grid-template-columns:1fr}.why-block{margin-top:var(--sp-12)}.process-grid{grid-template-columns:repeat(2,1fr);gap:var(--sp-8) var(--sp-5)}.process-grid:before{display:none}.review-steps{grid-template-columns:1fr}section{padding:var(--sp-16) 0}.hero{height:auto;padding:calc(var(--header-h) + var(--sp-12)) 0 var(--sp-16);min-height:620px}.hero-inner{margin-left:0}.page-hero{padding:calc(var(--header-h) + var(--sp-10)) 0 var(--sp-12)}.pf-arrow{display:none}.pf-caption{padding:var(--sp-6) var(--sp-5) var(--sp-5)}.pf-caption h3{font-size:20px}.about-visual{padding:var(--sp-8) var(--sp-6)}.about-visual .years-badge{top:auto;bottom:var(--sp-5);right:var(--sp-5);padding:var(--sp-3) var(--sp-4)}.about-visual .years-badge b{font-size:24px}.about-visual .years-badge span{font-size:10px}.about-visual .route-title{font-size:20px;margin-bottom:var(--sp-8)}}@media(max-width:600px){.container,.container-narrow{padding:0 var(--sp-5)}section{padding:var(--sp-12) 0}.section-title{font-size:27px;line-height:1.22}.section-sub{font-size:15px;margin-bottom:var(--sp-10)}.section-tag{font-size:11px;padding:5px var(--sp-3)}.hero{min-height:560px;padding:calc(var(--header-h) + var(--sp-6)) 0 var(--sp-16)}.hero-title{font-size:31px;line-height:1.14}.hero-sub{font-size:15px;margin-bottom:var(--sp-6)}.hero-tag{font-size:12px;padding:5px var(--sp-3);margin-bottom:var(--sp-4)}.hero-ctas{flex-direction:column;align-items:stretch;gap:var(--sp-3)}.hero-ctas .btn{width:100%}.hero-trust{gap:var(--sp-2) var(--sp-5);font-size:12.5px;margin-top:var(--sp-6)}.btn{padding:13px 22px;font-size:14px}.logo__mark{width:40px}.logo__name{font-size:17px}.logo__tagline{display:none}.slide-dots{justify-content:center;margin-top:var(--sp-8)}.dot{width:32px}.services-grid{grid-template-columns:1fr;gap:var(--sp-4)}.service-card{padding:var(--sp-6) var(--sp-5)}.service-card h3{font-size:18px}.process-grid{grid-template-columns:1fr;gap:var(--sp-6)}.process-num{width:62px;height:62px;font-size:23px;margin-bottom:var(--sp-3)}.process-step h3{font-size:16px}.stats{grid-template-columns:1fr 1fr;gap:var(--sp-5)}.stat b{font-size:26px}.about-visual{padding:var(--sp-6) var(--sp-5);aspect-ratio:auto;min-height:470px}.about-visual .route-title{font-size:18px;margin-bottom:var(--sp-6)}.about-visual .years-badge{bottom:var(--sp-4);right:var(--sp-4);padding:var(--sp-2) var(--sp-3)}.about-visual .years-badge b{font-size:20px}.about-visual .years-badge span{font-size:11px}.about-visual .r-stat b{font-size:20px}.about-visual .r-stat span{font-size:11px}.pf-viewport{border-radius:var(--r-md)}.pf-counter{top:var(--sp-4);right:var(--sp-4);font-size:11px;padding:4px var(--sp-2)}.pf-caption{padding:var(--sp-5) var(--sp-4) var(--sp-4)}.pf-tag{font-size:11px;padding:3px var(--sp-2)}.pf-caption h3{font-size:17px}.pf-caption p{font-size:12.5px}.pf-dots{margin-top:var(--sp-5)}.pf-dot{width:24px}.pf-dot.active{width:40px}.contact-cta-card{padding:var(--sp-6) var(--sp-5)}.contact-cta-card h3{font-size:20px}.contact-info-item{gap:var(--sp-4);margin-bottom:var(--sp-6)}.contact-info-item .icon{width:44px;height:44px}.contact-info-item p{font-size:15px;overflow-wrap:anywhere}.why-item .check{width:40px;height:40px}.why-item h4{font-size:16px}.why-item p{font-size:13.5px}.cta-banner{padding:var(--sp-8) var(--sp-5)}.cta-banner__actions{flex-direction:column}.footer-grid{grid-template-columns:1fr;gap:var(--sp-8)}.footer-brand p{font-size:13.5px}.site-footer li{margin-bottom:var(--sp-4)}.site-footer li a{display:inline-block;padding:var(--sp-1) 0}.footer-bottom{justify-content:center;text-align:center}.float-wa{width:52px;height:52px;bottom:var(--sp-5);right:var(--sp-4)}.float-wa svg{width:26px;height:26px}.prose{font-size:16px}.prose table{font-size:14px}.prose th,.prose td{padding:var(--sp-2) var(--sp-3)}.prose th{white-space:normal}.gbp-card{padding:var(--sp-6) var(--sp-5);gap:var(--sp-5)}.gbp-card__score{padding-right:0;padding-bottom:var(--sp-5);border-right:none;border-bottom:2px solid var(--border);width:100%}.gbp-card--plain .gbp-card__score{padding-bottom:0;border-bottom:none}.gbp-card__score b{font-size:42px}.gbp-card__score span{max-width:none}.gbp-card__actions,.gbp-card__actions .btn{width:100%}.faq-item summary{padding:var(--sp-4) var(--sp-5);font-size:15.5px}.faq-item__body{padding:0 var(--sp-5) var(--sp-5);font-size:15px}.article-grid{grid-template-columns:1fr;gap:var(--sp-5)}}@media(max-width:360px){.container,.container-narrow{padding:0 var(--sp-4)}.hero-title{font-size:27px}.section-title{font-size:24px}.btn{padding:12px 18px;font-size:13px}.stats{grid-template-columns:1fr}.about-visual .route-stats{grid-template-columns:1fr 1fr}.about-visual .r-stat:nth-child(3){grid-column:span 2;text-align:center}}@media(max-height:500px)and (orientation:landscape){.hero{min-height:unset;padding:calc(var(--header-h) + var(--sp-6)) 0 var(--sp-10)}}@media print{.site-header,.float-wa,.hero-drops,.pf-arrow,.pf-dots{display:none!important}}