:root{--ink:#0a1c30;--navy-900:#0a1f33;--navy-800:#0d2b45;--navy-700:#123a5c;--steel-600:#1d4e74;--steel-500:#2c6e9b;--accent:#1487cc;--accent-600:#0f6fab;--accent-soft:#e7f1f9;--gold:#c8a35a;--bg:#f4f7fb;--surface:#fff;--surface-alt:#eef3f8;--text:#1f2d3d;--muted:#5b6b7b;--border:#e2e8f0;--border-strong:#cdd8e4;--shadow-sm:0 1px 2px #0a1f330f, 0 1px 3px #0a1f330d;--shadow-md:0 6px 18px #0a1f3314;--shadow-lg:0 18px 40px #0a1f3324;--radius:14px;--radius-sm:10px;--maxw:1180px;--section-y:clamp(4rem, 8vw, 7rem);--font-head:"Sora", system-ui, -apple-system, "Segoe UI", sans-serif;--font-body:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:84px}body{font-family:var(--font-body);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:1.02rem;line-height:1.65}img{max-width:100%;display:block}svg{flex-shrink:0;width:1.15em;height:1.15em}a{color:var(--accent-600);text-decoration:none;transition:color .2s}a:hover{color:var(--navy-800)}h1,h2,h3,h4{font-family:var(--font-head);color:var(--navy-900);letter-spacing:-.01em;margin:0 0 .6em;font-weight:700;line-height:1.18}p{margin:0 0 1rem}.container{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:clamp(1.1rem,4vw,2.5rem)}section{padding-block:var(--section-y)}.section-head{max-width:720px;margin-bottom:clamp(2rem,4vw,3.25rem)}.section-head.center{text-align:center;margin-inline:auto}.eyebrow{font-family:var(--font-head);letter-spacing:.14em;text-transform:uppercase;color:var(--accent-600);align-items:center;gap:.5rem;margin-bottom:.9rem;font-size:.78rem;font-weight:600;display:inline-flex}.eyebrow:before{content:"";background:var(--accent);width:26px;height:2px;display:inline-block}.section-head h2{font-size:clamp(1.7rem,3.4vw,2.5rem)}.section-head p{color:var(--muted);margin-bottom:0;font-size:1.06rem}.btn{font-family:var(--font-head);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:1.5px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.6rem;font-size:.98rem;font-weight:600;transition:transform .15s,box-shadow .2s,background .2s,color .2s,border-color .2s;display:inline-flex}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 8px 20px #1487cc52}.btn-primary:hover{background:var(--accent-600);color:#fff;transform:translateY(-2px)}.btn-ghost{color:#fff;background:0 0;border-color:#ffffff80}.btn-ghost:hover{color:#fff;background:#ffffff1f;border-color:#fff}.btn-outline{color:var(--navy-800);border-color:var(--border-strong);background:0 0}.btn-outline:hover{border-color:var(--accent);color:var(--accent-600);transform:translateY(-2px)}.nav{z-index:100;padding-block:1.1rem;transition:background .3s,box-shadow .3s,padding .3s;position:fixed;inset:0 0 auto}.nav.scrolled{-webkit-backdrop-filter:saturate(180%)blur(12px);box-shadow:var(--shadow-sm);background:#ffffffeb;padding-block:.7rem}.nav-inner{justify-content:space-between;align-items:center;gap:1rem;display:flex}.brand{font-family:var(--font-head);color:#fff;letter-spacing:-.01em;align-items:center;gap:.65rem;font-size:1.18rem;font-weight:700;display:flex}.nav.scrolled .brand{color:var(--navy-900)}.brand-mark{background:var(--accent);color:#fff;border-radius:9px;place-items:center;width:34px;height:34px;font-size:.95rem;font-weight:700;display:grid;box-shadow:0 4px 12px #1487cc66}.nav-menu{align-items:center;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.nav-menu a{font-family:var(--font-head);color:#ffffffe0;border-radius:8px;padding:.5rem .7rem;font-size:.92rem;font-weight:500;transition:background .2s,color .2s}.nav-menu a:hover{color:#fff;background:#ffffff1f}.nav.scrolled .nav-menu a{color:var(--muted)}.nav.scrolled .nav-menu a:hover{color:var(--accent-600);background:var(--accent-soft)}.nav-menu .nav-cta{background:var(--accent);margin-left:.4rem;color:#fff!important}.nav-menu .nav-cta:hover{background:var(--accent-600)}.menu-toggle{color:#fff;cursor:pointer;background:0 0;border:0;padding:.25rem;font-size:1.6rem;line-height:1;display:none}.nav.scrolled .menu-toggle{color:var(--navy-900)}.hero{color:#fff;align-items:center;min-height:100svh;padding-top:7rem;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:-2;position:absolute;inset:0}.hero-bg img{object-fit:cover;width:100%;height:100%}.hero-overlay{z-index:-1;background:linear-gradient(105deg,#081626f0 0%,#0a1f33d9 42%,#0d2b458c 100%),radial-gradient(120% 80% at 80% 20%,#1487cc47,#0000 60%);position:absolute;inset:0}.hero-grid{grid-template-columns:1.5fr 1fr;align-items:center;gap:clamp(2rem,5vw,4rem);width:100%;display:grid}.hero-eyebrow{font-family:var(--font-head);letter-spacing:.12em;text-transform:uppercase;color:#8fd0f5;background:#1487cc29;border:1px solid #8fd0f54d;border-radius:999px;align-items:center;gap:.55rem;margin-bottom:1.4rem;padding:.4rem .9rem;font-size:.82rem;font-weight:600;display:inline-flex}.hero h1{color:#fff;max-width:16ch;margin-bottom:1.3rem;font-size:clamp(2.1rem,4.6vw,3.55rem);line-height:1.08}.hero h1 .hl{color:#6cc4f4}.hero-description{color:#e9f1f8db;max-width:52ch;margin-bottom:2rem;font-size:1.12rem}.hero-buttons{flex-wrap:wrap;gap:.9rem;margin-bottom:1.6rem;display:flex}.hero-social{font-family:var(--font-head);gap:1.4rem;font-size:.9rem;font-weight:500;display:flex}.hero-social a{color:#e9f1f8cc;align-items:center;gap:.4rem;display:inline-flex}.hero-social a:hover{color:#6cc4f4}.hero-portrait{justify-self:center;position:relative}.hero-portrait .frame{aspect-ratio:4/5;width:clamp(240px,26vw,330px);box-shadow:var(--shadow-lg);border:4px solid #ffffff24;border-radius:20px;position:relative;overflow:hidden}.hero-portrait .frame img{object-fit:cover;width:100%;height:100%}.hero-portrait .badge{color:var(--navy-900);font-family:var(--font-head);box-shadow:var(--shadow-md);white-space:nowrap;background:#fff;border-radius:999px;align-items:center;gap:.45rem;padding:.6rem 1.1rem;font-size:.85rem;font-weight:600;display:flex;position:absolute;bottom:-18px;left:50%;transform:translate(-50%)}.hero-portrait .badge .dot{background:#29c267;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 3px #29c26740}.hero-stats{border-top:1px solid #ffffff29;grid-column:1/-1;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:clamp(2.5rem,5vw,3.5rem);padding-top:2.2rem;display:grid}.stat-box h3{color:#6cc4f4;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.35rem;font-size:.84rem}.stat-box p{color:#e9f1f8eb;margin:0;font-size:.96rem;font-weight:500}.about{background:var(--surface)}.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(2rem,5vw,4rem);display:grid}.about-figure{position:relative}.about-figure img{border-radius:var(--radius);width:100%;box-shadow:var(--shadow-lg);aspect-ratio:4/3;object-fit:cover}.about-figure .exp-chip{background:var(--navy-800);color:#fff;border-radius:var(--radius);box-shadow:var(--shadow-lg);max-width:220px;padding:1.1rem 1.4rem;position:absolute;bottom:-22px;right:-10px}.about-figure .exp-chip strong{font-family:var(--font-head);color:#6cc4f4;font-size:1.5rem;display:block}.about-figure .exp-chip span{color:#e9f1f8d9;font-size:.85rem}.about-text p{color:var(--text)}.about-text p+p{margin-top:.2rem}.about-info{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;gap:.55rem 1.4rem;margin-top:1.6rem;padding-top:1.5rem;display:grid}.about-info div{font-size:.92rem}.about-info .k{font-family:var(--font-head);letter-spacing:.06em;text-transform:uppercase;color:var(--accent-600);margin-bottom:.1rem;font-size:.74rem;display:block}.about-info .v{color:var(--text);font-weight:500}.grid{gap:1.4rem;display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.7rem;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative}.card:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong);transform:translateY(-4px)}.card .ico{background:var(--accent-soft);width:48px;height:48px;color:var(--accent-600);border-radius:11px;place-items:center;margin-bottom:1.1rem;display:grid}.card .ico svg{width:24px;height:24px}.card h3{margin-bottom:.55rem;font-size:1.12rem}.card p{color:var(--muted);margin:0;font-size:.96rem}.card.accent-top:before{content:"";border-radius:var(--radius) var(--radius) 0 0;background:linear-gradient(90deg, var(--accent), var(--steel-500));opacity:0;height:3px;transition:opacity .2s;position:absolute;inset:0 0 auto}.card.accent-top:hover:before{opacity:1}.bg-alt{background:var(--surface-alt)}.bg-surface{background:var(--surface)}.why{background:var(--navy-900);color:#fff;position:relative;overflow:hidden}.why .why-bg{z-index:0;opacity:.18;position:absolute;inset:0}.why .why-bg img{object-fit:cover;width:100%;height:100%}.why:after{content:"";z-index:1;background:linear-gradient(180deg, var(--navy-900) 0%, #0a1f33d1 100%);position:absolute;inset:0}.why .container{z-index:2;position:relative}.why .section-head h2,.why .eyebrow{color:#fff}.why .eyebrow{color:#6cc4f4}.why .section-head p{color:#e9f1f8cc}.why-card{border-radius:var(--radius);backdrop-filter:blur(4px);background:#ffffff0d;border:1px solid #ffffff1f;padding:1.7rem;transition:transform .2s,background .2s}.why-card:hover{background:#ffffff17;transform:translateY(-4px)}.why-card .ico{color:#8fd0f5;background:#1487cc38}.why-card h3{color:#fff;font-size:1.1rem}.why-card p{color:#e9f1f8c7;margin:0;font-size:.95rem}.timeline{gap:1.6rem;max-width:860px;display:grid;position:relative}.timeline-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);border-left:4px solid var(--accent);padding:1.6rem 1.6rem 1.6rem 2.2rem;position:relative}.timeline-item h3{margin-bottom:.25rem;font-size:1.15rem}.timeline-company{font-family:var(--font-head);color:var(--accent-600);letter-spacing:.02em;margin-bottom:.7rem;font-size:.86rem;font-weight:600}.timeline-item p:last-child{color:var(--muted);margin:0;font-size:.97rem}.project-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.project-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.project-media{aspect-ratio:16/10;position:relative;overflow:hidden}.project-media img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.project-card:hover .project-media img{transform:scale(1.06)}.project-tag{color:#fff;font-family:var(--font-head);letter-spacing:.04em;backdrop-filter:blur(2px);background:#0a1f33db;border-radius:7px;padding:.35rem .7rem;font-size:.74rem;font-weight:600;position:absolute;top:.9rem;left:.9rem}.project-body{padding:1.4rem 1.5rem 1.6rem}.project-body h3{margin-bottom:.5rem;font-size:1.12rem}.project-body p{color:var(--muted);margin:0;font-size:.95rem}.process{background:var(--surface)}.process-grid{counter-reset:step;grid-template-columns:repeat(4,1fr);gap:1.4rem;display:grid}.process-step{padding-top:1rem;position:relative}.process-step .num{width:52px;height:52px;font-family:var(--font-head);color:#fff;background:linear-gradient(135deg, var(--accent), var(--steel-600));border-radius:14px;place-items:center;margin-bottom:1.1rem;font-size:1.25rem;font-weight:700;display:grid;box-shadow:0 8px 18px #1487cc52}.process-step h3{margin-bottom:.45rem;font-size:1.05rem}.process-step p{color:var(--muted);margin:0;font-size:.94rem}.process-step:not(:last-child):after{content:"";background:repeating-linear-gradient(90deg, var(--border-strong) 0 8px, transparent 8px 16px);height:2px;position:absolute;top:26px;left:64px;right:-1.4rem}.availability{color:#fff;background:var(--navy-800);position:relative;overflow:hidden}.availability .av-bg{z-index:0;opacity:.2;position:absolute;inset:0}.availability .av-bg img{object-fit:cover;width:100%;height:100%}.availability:after{content:"";z-index:1;background:linear-gradient(115deg,#0a1f33f2,#0d2b45b3);position:absolute;inset:0}.availability .container{z-index:2;position:relative}.availability .eyebrow{color:#6cc4f4}.availability .section-head h2{color:#fff}.availability .section-head p{color:#e9f1f8d1}.av-card{border-radius:var(--radius);background:#ffffff0f;border:1px solid #ffffff21;padding:1.5rem}.av-card h3{color:#fff;align-items:center;gap:.55rem;font-size:1.05rem;display:flex}.av-card h3 .ico{color:#8fd0f5;background:#1487cc40;border-radius:9px;place-items:center;width:36px;height:36px;margin:0;display:grid}.av-card h3 .ico svg{width:19px;height:19px}.av-card p{color:#e9f1f8c7;margin:.7rem 0 0;font-size:.93rem}.faq{background:var(--surface-alt)}.faq-list{gap:.9rem;max-width:840px;margin-inline:auto;display:grid}.faq-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);overflow:hidden}.faq-item summary{cursor:pointer;font-family:var(--font-head);color:var(--navy-900);justify-content:space-between;align-items:center;gap:1rem;padding:1.2rem 1.5rem;font-size:1.02rem;font-weight:600;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary .chev{width:22px;height:22px;color:var(--accent);flex-shrink:0;transition:transform .25s}.faq-item[open] summary .chev{transform:rotate(180deg)}.faq-item .faq-answer{color:var(--muted);padding:0 1.5rem 1.3rem;font-size:.97rem}.contact{background:var(--surface)}.contact-grid{grid-template-columns:.9fr 1.1fr;align-items:start;gap:clamp(2rem,5vw,3.5rem);display:grid}.contact-info .channel{border-bottom:1px solid var(--border);align-items:center;gap:.9rem;padding:1rem 0;display:flex}.contact-info .channel .ico{background:var(--accent-soft);width:44px;height:44px;color:var(--accent-600);border-radius:11px;flex-shrink:0;place-items:center;display:grid}.contact-info .channel .ico svg{width:21px;height:21px}.contact-info .channel .k{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:.78rem;font-family:var(--font-head)}.contact-info .channel .v{color:var(--navy-900);font-weight:600}.contact-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);padding:clamp(1.6rem,3vw,2.4rem)}.contact-form{gap:1rem;display:grid}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.contact-form label{font-family:var(--font-head);color:var(--navy-800);margin-bottom:.35rem;font-size:.82rem;font-weight:600;display:block}.contact-form input,.contact-form select,.contact-form textarea{width:100%;font-family:var(--font-body);color:var(--text);border:1.5px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg);padding:.8rem .95rem;font-size:.97rem;transition:border-color .2s,box-shadow .2s,background .2s}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--accent);background:#fff;outline:none;box-shadow:0 0 0 4px #1487cc24}.contact-form textarea{resize:vertical;min-height:130px}.contact-form button{width:100%;margin-top:.3rem}.form-note{color:var(--muted);text-align:center;margin:.4rem 0 0;font-size:.85rem}.footer{background:var(--ink);color:#e9f1f8b3;padding-block:clamp(3rem,5vw,4.5rem) 0}.footer-grid{grid-template-columns:1.6fr 1fr 1.2fr;gap:2.5rem;padding-bottom:2.8rem;display:grid}.footer h3{color:#fff;margin-bottom:1rem;font-size:1.05rem}.footer .brand-foot{align-items:center;gap:.6rem;margin-bottom:1rem;display:flex}.footer p{font-size:.94rem;line-height:1.7}.footer-links{gap:.55rem;display:grid}.footer-links a{color:#e9f1f8b3;font-size:.94rem}.footer-links a:hover{color:#6cc4f4}.footer-bottom{border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;gap:.5rem 1.5rem;padding-block:1.6rem;font-size:.85rem;display:flex}.footer-bottom p{margin:0}.floating-wa{z-index:90;color:#fff;font-family:var(--font-head);background:#25d366;border-radius:999px;align-items:center;gap:.55rem;padding:.8rem 1.2rem;font-size:.92rem;font-weight:600;transition:transform .2s,box-shadow .2s;display:inline-flex;position:fixed;bottom:1.3rem;right:1.3rem;box-shadow:0 10px 26px #25d36673}.floating-wa:hover{color:#fff;transform:translateY(-3px)scale(1.03);box-shadow:0 14px 32px #25d3668c}.floating-wa svg{width:20px;height:20px}.reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(22px)}.reveal.in{opacity:1;transform:none}@media (width<=980px){.hero-grid{grid-template-columns:1fr}.hero-portrait{display:none}.hero h1{max-width:20ch}.about-grid,.contact-grid{grid-template-columns:1fr}.about-figure .exp-chip{right:1rem}.grid-3,.process-grid{grid-template-columns:repeat(2,1fr)}.process-step:after{display:none}}@media (width<=760px){:root{--section-y:3.5rem}.menu-toggle{display:block}.nav-menu{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;background:#fff;flex-direction:column;align-items:stretch;gap:.2rem;max-height:0;padding:.7rem;transition:max-height .3s,opacity .25s,transform .25s;position:absolute;top:calc(100% + .5rem);left:clamp(1.1rem,4vw,2.5rem);right:clamp(1.1rem,4vw,2.5rem);overflow:hidden;transform:translateY(-8px)}.nav-menu.active{opacity:1;pointer-events:auto;max-height:80vh;transform:none}.nav-menu a{padding:.7rem .9rem;color:var(--text)!important}.nav-menu a:hover{background:var(--accent-soft)!important;color:var(--accent-600)!important}.nav-menu .nav-cta{text-align:center;margin:.3rem 0 0}.hero-stats{grid-template-columns:repeat(2,1fr);gap:1.5rem 1rem}.grid-2,.grid-3,.process-grid,.form-row,.about-info{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:1.8rem}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.reveal{opacity:1;transition:none;transform:none}}