/* Wartek Jakarta Utara — Pesisir Profesional. Keep the reference class structure; adapt color and composition with editorial coastal wayfinding. */
:root{--primary-dark:#083344;--primary:#0e7490;--primary-light:#22a6b3;--accent-green:#0f9f87;--accent-green-dark:#087f6c;--coral:#f26b5b;--sand:#fff7ed;--seafoam:#ecfdf5;--white:#fff;--gray-50:#f7fbfb;--gray-100:#edf4f4;--gray-200:#d8e5e5;--gray-300:#bed0d1;--gray-400:#8ca5a7;--gray-500:#60777a;--gray-600:#466064;--gray-700:#29474b;--gray-800:#17363b;--gray-900:#09262d;--shadow-sm:0 1px 2px rgb(8 51 68 / .06);--shadow:0 5px 14px rgb(8 51 68 / .08);--shadow-md:0 10px 24px rgb(8 51 68 / .12);--shadow-lg:0 18px 34px rgb(8 51 68 / .15);--shadow-xl:0 28px 58px rgb(8 51 68 / .22);--radius-sm:.375rem;--radius:.65rem;--radius-md:1rem;--radius-lg:1.35rem;--transition:all .22s cubic-bezier(.23,1,.32,1)}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:16px;line-height:1.6;color:var(--gray-700);background:var(--white);overflow-x:hidden}img,svg{max-width:100%;height:auto;display:block}a{color:var(--primary);text-decoration:none;transition:var(--transition)}a:hover{color:var(--primary-dark)}button,input,textarea{font:inherit}button:not(:disabled),a[href],summary{cursor:pointer}h1,h2,h3,h4,h5,h6{font-family:'Manrope',sans-serif;color:var(--gray-900);font-weight:800;line-height:1.14}h1{font-size:clamp(2.1rem,4.8vw,3.65rem);margin-bottom:1rem}h2{font-size:clamp(1.65rem,3vw,2.55rem);margin-bottom:.875rem}h3{font-size:clamp(1.18rem,2.2vw,1.5rem);margin-bottom:.75rem}h4{font-size:1.08rem;margin-bottom:.5rem}p{margin-bottom:1rem}.container{width:100%;max-width:1240px;margin:0 auto;padding:0 1.5rem}.section{padding:5.5rem 0}.section-alt{background:var(--gray-50)}.section-header{text-align:left;max-width:720px;margin:0 0 2.75rem}.section-header p{color:var(--gray-600);font-size:1.05rem}.eyebrow{display:inline-block;color:var(--primary);font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.14em;margin-bottom:.78rem}.eyebrow-light{color:#9ff4dc}.skip-link{position:absolute;left:1rem;top:-4rem;background:var(--gray-900);color:var(--white);padding:.75rem 1rem;z-index:200}.skip-link:focus{top:1rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:.86rem 1.4rem;border-radius:999px;font-weight:800;font-size:.95rem;cursor:pointer;border:2px solid transparent;transition:var(--transition);text-align:center;line-height:1.2;white-space:nowrap}.btn svg{width:1.1rem;height:1.1rem}.btn:active{transform:scale(.97)}.btn-primary{background:var(--primary);color:var(--white);border-color:var(--primary)}.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark);color:var(--white);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background:var(--white);color:var(--primary);border-color:var(--primary)}.btn-secondary:hover{background:var(--seafoam);color:var(--primary-dark);transform:translateY(-2px)}.btn-whatsapp{background:var(--accent-green);color:var(--white);border-color:var(--accent-green)}.btn-whatsapp:hover{background:var(--accent-green-dark);border-color:var(--accent-green-dark);color:var(--white);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-large{padding:1.05rem 1.65rem;font-size:1rem}.header{position:sticky;top:0;z-index:100;background:rgb(255 255 255 / .94);backdrop-filter:blur(14px);box-shadow:var(--shadow-sm);border-bottom:1px solid var(--gray-100)}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:.8rem 0}.logo{display:flex;align-items:center;gap:.7rem;font-weight:800;font-family:'Manrope',sans-serif;font-size:1.05rem;color:var(--gray-900)}.logo img{width:44px;height:44px}.logo-text{line-height:1.04}.logo-text small{display:block;font-family:'Inter',sans-serif;font-size:.65rem;color:var(--gray-500);font-weight:700;margin-top:.28rem;letter-spacing:.02em}.nav-list{display:flex;list-style:none;gap:.1rem;align-items:center}.nav-list a{color:var(--gray-700);font-weight:700;padding:.5rem .68rem;border-radius:var(--radius-sm);font-size:.83rem}.nav-list a:hover,.nav-list a.active{color:var(--primary);background:var(--seafoam)}.nav-cta{margin-left:.45rem}.nav-cta a{color:var(--white)}.nav-toggle{display:none;background:transparent;border:0;cursor:pointer;padding:.5rem;color:var(--gray-800);font-size:1.55rem;line-height:1}.hero{position:relative;background:linear-gradient(125deg,var(--primary-dark) 0%,#0a536b 58%,var(--primary) 100%);color:var(--white);padding:5.5rem 0 5.8rem;overflow:hidden}.hero:after{content:'';position:absolute;width:520px;height:220px;right:-110px;bottom:-74px;border:1px solid rgb(159 244 220 / .25);border-radius:50%;transform:rotate(-9deg);box-shadow:0 -28px 0 -1px transparent,0 -57px 0 -1px rgb(159 244 220 / .13),0 -86px 0 -1px transparent,0 -115px 0 -1px rgb(159 244 220 / .08)}.hero-contour{position:absolute;inset:0;opacity:.6;background-image:radial-gradient(circle at 7% 18%,rgb(242 107 91 / .34) 0 3px,transparent 4px),linear-gradient(155deg,transparent 42%,rgb(159 244 220 / .09) 42.1%,transparent 42.35%),linear-gradient(165deg,transparent 68%,rgb(159 244 220 / .08) 68.1%,transparent 68.35%);pointer-events:none}.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1.04fr .96fr;gap:4rem;align-items:center}.hero-content h1{color:var(--white);font-size:clamp(2.2rem,5vw,4rem);letter-spacing:-.05em}.hero-content h1 span{color:#ffc978}.hero-subtitle{font-size:1.08rem;max-width:660px;margin-bottom:2rem;opacity:.94;line-height:1.7}.hero-cta{display:flex;flex-wrap:wrap;gap:.7rem;margin-bottom:2.2rem}.hero-features{display:grid;grid-template-columns:repeat(2,1fr);gap:.85rem;max-width:600px}.hero-feature{display:flex;align-items:center;gap:.55rem;font-size:.88rem;color:#effffd}.hero-feature svg{width:18px;height:18px;flex-shrink:0;color:#ffc978}.hero-image{position:relative;border-radius:1.2rem;overflow:hidden;box-shadow:var(--shadow-xl);background:var(--sand);transform:rotate(1.2deg)}.hero-image img{width:100%;height:auto}.section-intro{padding:0;background:var(--sand)}.intro-ribbon{display:flex;align-items:center;gap:1.2rem;padding:1.15rem 1.4rem;border-left:4px solid var(--coral);color:var(--gray-800)}.intro-ribbon .eyebrow{margin:0;color:var(--coral)}.intro-ribbon strong{font-family:'Manrope',sans-serif;font-size:1.15rem}.intro-ribbon span:last-child{font-size:.9rem;color:var(--gray-600)}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.service-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);padding:1.6rem;transition:var(--transition);position:relative;display:flex;flex-direction:column;min-height:100%}.service-card:hover{border-color:var(--primary-light);transform:translateY(-5px);box-shadow:var(--shadow-lg)}.service-icon{width:54px;height:54px;background:var(--seafoam);border:1px solid rgb(14 116 144 / .12);border-radius:1rem;display:flex;align-items:center;justify-content:center;color:var(--primary);margin-bottom:1.1rem}.service-icon svg{width:27px;height:27px}.service-card h3{font-size:1.13rem}.service-card p{color:var(--gray-600);font-size:.92rem;margin-bottom:1rem}.service-card .read-more{color:var(--primary);font-weight:800;font-size:.88rem;display:inline-flex;align-items:center;gap:.3rem;margin-top:auto}.read-more svg{width:16px;height:16px}.split-heading{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2.4rem}.split-heading .section-header{margin:0}.split-note{display:flex;align-items:center;gap:.7rem;color:var(--gray-600);font-size:.85rem;padding-bottom:.4rem}.split-note strong{color:var(--gray-900)}.route-dot{display:block;width:13px;height:13px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 7px rgb(242 107 91 / .14)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}.feature-card{text-align:left;padding:1.2rem 0 1.2rem 1rem;border-left:2px solid var(--gray-200)}.feature-icon{width:48px;height:48px;background:var(--white);border:1px solid var(--gray-200);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-bottom:.8rem;color:var(--primary)}.feature-icon svg{width:23px;height:23px}.feature-card h3{font-size:1.02rem;margin-bottom:.4rem}.feature-card p{color:var(--gray-600);font-size:.9rem;margin:0}.process-section{background:var(--sand)}.process-intro{display:grid;grid-template-columns:1fr 320px;align-items:end;gap:3rem;margin-bottom:2rem}.process-intro .section-header{margin:0}.process-intro img{width:100%;border-radius:1rem;box-shadow:var(--shadow);background:var(--white)}.process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;counter-reset:step}.process-step{position:relative;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);padding:1.5rem 1.25rem 1.2rem;min-height:145px}.process-step:before{counter-increment:step;content:counter(step,decimal-leading-zero);position:absolute;top:-13px;left:1.15rem;color:var(--coral);font-family:'Manrope',sans-serif;font-weight:800;font-size:.84rem;background:var(--sand);padding:0 .3rem}.process-step h3{margin-top:.35rem;font-size:1rem}.process-step p{font-size:.88rem;color:var(--gray-600);margin:0}.area-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:3rem;align-items:center}.area-layout .section-header{margin-bottom:2rem}.areas-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.65rem;margin-bottom:1.4rem}.area-card{display:flex;align-items:center;gap:.55rem;border:1px solid var(--gray-200);background:var(--white);border-radius:.7rem;padding:.78rem .9rem;color:var(--gray-800);font-weight:700;font-size:.9rem}.area-card:hover{color:var(--primary);border-color:var(--primary-light);transform:translateX(3px)}.area-card svg{width:17px;height:17px;color:var(--coral);flex-shrink:0}.area-image{width:100%;border-radius:1rem;box-shadow:var(--shadow-md)}.cta-section{background:linear-gradient(to right,#083344,#0e7490);color:var(--white);padding:4.3rem 0;position:relative;overflow:hidden}.cta-section:after{content:'';position:absolute;width:500px;height:180px;right:-160px;top:-60px;border:1px solid rgb(255 255 255 / .16);border-radius:50%;transform:rotate(-13deg);box-shadow:0 38px 0 -1px transparent,0 76px 0 -1px rgb(255 255 255 / .1)}.cta-section .container{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:2rem}.cta-section h2{color:var(--white);max-width:650px}.cta-section p{color:#d7f8ef;max-width:640px;margin:0}.cta-buttons{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.65rem}.cta-buttons .btn-secondary{border-color:rgb(255 255 255 / .7);background:transparent;color:var(--white)}.cta-buttons .btn-secondary:hover{background:var(--white);color:var(--primary)}.faq-list{max-width:880px;margin:0 0 1.6rem}.faq-item{border-bottom:1px solid var(--gray-200);padding:1.05rem 0}.faq-question{list-style:none;font-family:'Manrope',sans-serif;font-weight:800;color:var(--gray-900);display:flex;justify-content:space-between;gap:1rem}.faq-question::-webkit-details-marker{display:none}.faq-question:after{content:'+';color:var(--coral);font-size:1.35rem;font-weight:500}.faq-item[open] .faq-question:after{content:'−'}.faq-answer{padding:.7rem 2rem 0 0;color:var(--gray-600);font-size:.94rem}.service-hero{background:linear-gradient(125deg,var(--primary-dark) 0%,#0e7490 100%);color:var(--white);padding:3.4rem 0 4rem}.service-hero h1{color:var(--white);max-width:780px}.service-hero p{font-size:1.08rem;opacity:.94;max-width:740px;margin-bottom:1.6rem}.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem;color:rgb(255 255 255 / .76);font-size:.86rem;margin-bottom:1.4rem}.breadcrumb a{color:rgb(255 255 255 / .82)}.content-grid{display:grid;grid-template-columns:2fr 1fr;gap:3rem;margin-top:.2rem}.article{background:var(--white);max-width:780px}.article .lead{font-size:1.16rem;color:var(--gray-800);line-height:1.75}.article h2{font-size:1.55rem;margin-top:2.6rem;margin-bottom:.85rem;padding-top:1.15rem;border-top:1px solid var(--gray-200)}.article h2:first-of-type{border-top:0;margin-top:0;padding-top:0}.article h3{margin-top:1.5rem}.article p,.article li{line-height:1.75}.article ul,.article ol{margin:0 0 1.2rem 1.4rem;color:var(--gray-700)}.article li{margin-bottom:.45rem}.article strong{color:var(--gray-900)}.callout{background:var(--sand);border-left:4px solid var(--coral);padding:1.2rem 1.25rem;border-radius:.25rem;margin:1.6rem 0}.callout p{margin:0}.callout strong{color:var(--primary-dark)}.sidebar{position:sticky;top:92px;align-self:start}.sidebar-card{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-md);padding:1.4rem;margin-bottom:1.2rem}.sidebar-card h3{font-size:1.05rem}.sidebar-card p{font-size:.9rem;color:var(--gray-600)}.sidebar-card .btn{width:100%;margin-bottom:.55rem}.sidebar-list{list-style:none}.sidebar-list li{border-bottom:1px solid var(--gray-200);padding:.62rem 0}.sidebar-list li:last-child{border-bottom:0}.sidebar-list a{color:var(--gray-700);display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:700}.sidebar-list svg{width:18px;height:18px}.sidebar-list a:hover{color:var(--primary)}.services-grid-inner{margin-top:1.2rem}.area-list-large{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin:1.25rem 0 1.4rem}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.principles>div{padding:1.1rem;background:var(--seafoam);border-top:3px solid var(--primary)}.principles strong{font-family:'Manrope',sans-serif;color:var(--primary-dark)}.principles p{margin:.4rem 0 0;font-size:.9rem}.article-image{width:100%;border-radius:1rem;margin-top:1.4rem}.contact-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:3rem;align-items:start}.contact-info h2{margin-bottom:.5rem}.contact-list{display:grid;gap:1rem;margin:1.8rem 0}.contact-list>div{display:flex;align-items:flex-start;gap:.8rem}.contact-list>div>svg{width:23px;height:23px;color:var(--primary);flex-shrink:0;margin-top:.1rem}.contact-list strong,.contact-list span,.contact-list a{display:block}.contact-list strong{font-family:'Manrope',sans-serif;color:var(--gray-900);font-size:.9rem}.contact-list span,.contact-list a{color:var(--gray-600);font-size:.92rem}.contact-image{width:100%;border-radius:1rem;box-shadow:var(--shadow-md)}.form{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-md);padding:2rem}.form h2{font-size:1.7rem}.form>p{color:var(--gray-600);font-size:.92rem}.form label{display:block;color:var(--gray-800);font-weight:700;font-size:.88rem;margin-bottom:1rem}.form input,.form textarea{display:block;width:100%;border:1px solid var(--gray-300);border-radius:.55rem;background:var(--white);padding:.8rem .9rem;margin-top:.38rem;color:var(--gray-900);outline:0;transition:var(--transition)}.form input:focus,.form textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgb(14 116 144 / .12)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.footer{background:#06252e;color:#bedbd7;padding:4rem 0 1.4rem}.footer-grid{display:grid;grid-template-columns:1.5fr .8fr 1fr 1.25fr;gap:2.2rem}.footer-logo{display:flex;align-items:center;gap:.65rem;color:var(--white);font-family:'Manrope',sans-serif;font-weight:800;margin-bottom:1rem}.footer-logo img{width:42px;height:42px}.footer p{font-size:.9rem;line-height:1.7;color:#a6c5c3;max-width:360px}.footer h4{color:var(--white);font-size:.95rem}.footer ul{list-style:none}.footer li{margin-bottom:.52rem;font-size:.87rem;line-height:1.55}.footer a{color:#b9ded8}.footer a:hover{color:#fff}.footer li>svg{width:15px;height:15px;display:inline-block;vertical-align:-3px;color:#ffca78}.footer-social a{display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:#0d4a59;border-radius:50%;color:#fff}.footer-social svg{width:19px;height:19px}.footer-bottom{border-top:1px solid rgb(255 255 255 / .12);margin-top:2.5rem;padding-top:1.1rem;display:flex;justify-content:space-between;gap:1rem;color:#8eb0ad;font-size:.78rem}.wa-float{position:fixed;right:24px;bottom:22px;width:58px;height:58px;border-radius:50%;background:var(--accent-green);color:var(--white);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);z-index:90}.wa-float:hover{color:var(--white);transform:translateY(-3px)}.wa-float svg{width:28px;height:28px}.back-to-top{position:fixed;right:26px;bottom:92px;width:42px;height:42px;border:1px solid var(--gray-300);background:var(--white);border-radius:50%;color:var(--primary);font-size:1.15rem;display:none;z-index:90;box-shadow:var(--shadow)}.back-to-top.visible{display:block}.text-center{text-align:center}.mt-2{margin-top:2rem}@media (prefers-reduced-motion:no-preference){.hero-content,.hero-image{animation:rise .7s cubic-bezier(.23,1,.32,1) both}.service-card,.feature-card{animation:fade-up .5s both}@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-up{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}