:root{--brand:#123b63;--brand-dark:#0b2843;--brand-light:#e8f1f7;--accent:#f6a723;--ink:#102337;--muted:#607286;--line:#dce5ec;--surface:#fff;--canvas:#f7fafc;--success:#16845b;--danger:#c73c3c;--shadow-sm:0 8px 24px rgba(16,35,55,.08);--shadow:0 22px 60px rgba(16,35,55,.13);--radius:22px;--font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--surface);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,textarea,select{font:inherit}button{color:inherit}.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:10px;left:10px;z-index:999;transform:translateY(-150%);padding:10px 14px;border-radius:10px;background:var(--ink);color:#fff}.skip-link:focus{transform:none}
.site-header{position:sticky;top:0;z-index:40;border-bottom:1px solid transparent;background:rgba(255,255,255,.84);backdrop-filter:blur(18px);transition:border-color .25s,box-shadow .25s}.site-header.is-scrolled{border-color:var(--line);box-shadow:0 8px 30px rgba(16,35,55,.06)}.nav-wrap{height:80px;display:flex;align-items:center;gap:28px}.brand{display:inline-flex;align-items:center;gap:11px;font-size:1.08rem;font-weight:800;letter-spacing:-.02em}.logo{display:grid;width:42px;height:42px;place-items:center;border-radius:14px;background:linear-gradient(145deg,var(--brand),#24699d);box-shadow:0 8px 20px rgba(18,59,99,.22);color:#fff;font-weight:800}.main-nav{display:flex;align-items:center;gap:30px;margin-left:auto}.main-nav a{position:relative;padding:8px 0;color:#43596e;font-size:.9rem;font-weight:700}.main-nav a:after{content:'';position:absolute;right:0;bottom:2px;left:0;height:2px;transform:scaleX(0);border-radius:3px;background:var(--accent);transition:transform .2s}.main-nav a:hover:after,.main-nav a:focus-visible:after{transform:scaleX(1)}.nav-cta{margin-left:4px}.menu-toggle{display:none;width:44px;height:44px;padding:10px;border:0;border-radius:12px;background:var(--canvas)}.menu-toggle span{display:block;width:22px;height:2px;margin:5px auto;border-radius:2px;background:var(--ink);transition:.2s}
.button{position:relative;display:inline-flex;min-height:46px;align-items:center;justify-content:center;gap:9px;padding:11px 19px;overflow:hidden;border:1px solid transparent;border-radius:13px;font-size:.89rem;font-weight:800;line-height:1;cursor:pointer;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(0)}.button:disabled{cursor:wait;opacity:.65}.button--primary{background:var(--brand);box-shadow:0 8px 20px rgba(18,59,99,.2);color:#fff}.button--primary:hover{background:var(--brand-dark);box-shadow:0 12px 26px rgba(18,59,99,.28)}.button--ghost,.button--secondary{border-color:var(--line);background:#fff;color:var(--ink)}.button--ghost:hover,.button--secondary:hover{border-color:#adc0ce;background:var(--canvas)}.button--accent{background:var(--accent);box-shadow:0 9px 24px rgba(246,167,35,.27);color:#392503}.button--accent:hover{background:#ffb632}.button--wide{width:100%}.button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.button--shine:before{content:'';position:absolute;inset:-100% auto -100% -30%;width:24%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .55s}.button--shine:hover:before{left:120%}
.hero{position:relative;min-height:670px;padding:92px 0 86px;overflow:hidden;background:linear-gradient(145deg,#f7fbfe 0%,#fff 55%,#fff9ed 100%)}.hero-orb{position:absolute;border-radius:50%;filter:blur(1px);opacity:.7}.hero-orb--one{width:460px;height:460px;top:-240px;left:-180px;background:radial-gradient(circle,#d7ecf8,transparent 70%)}.hero-orb--two{width:430px;height:430px;right:-190px;bottom:-220px;background:radial-gradient(circle,#fff0cb,transparent 70%)}.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:72px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid #cfe2ee;border-radius:999px;background:#f1f8fc;color:var(--brand);font-size:.72rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px rgba(246,167,35,.17)}.eyebrow--dark{border-color:rgba(255,255,255,.15);background:rgba(255,255,255,.09);color:#fff}.hero h1{max-width:700px;margin:20px 0 22px;font-size:clamp(3rem,5.4vw,5.35rem);font-weight:800;letter-spacing:-.058em;line-height:.99}.hero-copy>p{max-width:610px;margin:0;color:var(--muted);font-size:1.08rem}.button-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:31px}.hero-trust{display:flex;gap:22px;flex-wrap:wrap;margin-top:26px;color:#4d6275;font-size:.82rem;font-weight:700}.hero-trust span{display:flex;align-items:center;gap:7px}.hero-trust svg{width:18px;height:18px;padding:3px;border-radius:50%;background:#dff5e9;fill:none;stroke:var(--success);stroke-width:3}.image-frame{position:relative;padding:13px;border:1px solid rgba(188,210,223,.8);border-radius:34px;background:rgba(255,255,255,.7);box-shadow:var(--shadow);transform:rotate(1.2deg)}.image-frame>img{width:100%;aspect-ratio:1.25/1;object-fit:cover;border-radius:25px}.floating-card{position:absolute;display:flex;align-items:center;gap:11px;min-width:220px;padding:13px 15px;border:1px solid rgba(255,255,255,.7);border-radius:16px;background:rgba(255,255,255,.9);box-shadow:0 16px 35px rgba(16,35,55,.14);backdrop-filter:blur(12px);transform:rotate(-1.2deg)}.floating-card--top{top:34px;left:-38px}.floating-card--bottom{right:-24px;bottom:30px}.floating-card b,.floating-card small{display:block}.floating-card b{font-size:.82rem}.floating-card small{color:var(--muted);font-size:.7rem}.floating-icon{display:grid;width:37px;height:37px;flex:0 0 auto;place-items:center;border-radius:11px;background:#fff2d7;color:#b86b00}.floating-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}.status-dot{width:12px;height:12px;border:3px solid #c5f0dc;border-radius:50%;background:var(--success);box-shadow:0 0 0 4px rgba(22,132,91,.08)}
.trust-strip{border-block:1px solid var(--line);background:#fff}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);min-height:88px;align-items:center;text-align:center}.trust-grid span{position:relative;color:#6e7f8f;font-size:.77rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.trust-grid span+span:before{content:'';position:absolute;left:0;top:50%;width:1px;height:24px;transform:translateY(-50%);background:var(--line)}
.section{padding:106px 0}.section--tint{background:#f1f6f8}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:38px}.section-heading>div{max-width:720px}.section-heading h2,.story-copy h2,.contact-copy h2{margin:13px 0 0;font-size:clamp(2.25rem,4.2vw,4rem);letter-spacing:-.05em;line-height:1.07}.section-heading>p{max-width:480px;margin:0;color:var(--muted)}.section-heading--center{display:block;max-width:780px;margin:0 auto 48px;text-align:center}.section-heading--center>p{margin:17px auto 0}
.filter-bar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}.filter-button{padding:9px 16px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);font-size:.8rem;font-weight:800;cursor:pointer;transition:.18s}.filter-button:hover{border-color:var(--brand);color:var(--brand)}.filter-button[aria-pressed=true]{border-color:var(--brand);background:var(--brand);color:#fff}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.catalog-loader,.empty-state{grid-column:1/-1;padding:60px;text-align:center;color:var(--muted)}.loader{display:inline-block;width:34px;height:34px;border:3px solid #d8e2e9;border-top-color:var(--brand);border-radius:50%;animation:spin .75s linear infinite}.catalog-loader p{margin:8px 0}.product-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:0 9px 28px rgba(16,35,55,.05);transition:transform .25s,box-shadow .25s,border-color .25s}.product-card:hover{transform:translateY(-7px);border-color:#c2d6e2;box-shadow:var(--shadow-sm)}.product-card__button{display:block;width:100%;padding:0;border:0;background:transparent;text-align:left;cursor:pointer}.product-card__image{position:relative;overflow:hidden;background:#eef5f8}.product-card__image img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .45s}.product-card:hover img{transform:scale(1.04)}.product-card__image span{position:absolute;top:14px;left:14px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.9);box-shadow:0 3px 12px rgba(16,35,55,.08);color:var(--brand);font-size:.68rem;font-weight:800;text-transform:uppercase;backdrop-filter:blur(10px)}.product-card__body{padding:21px}.product-card h3{margin:0 0 8px;font-size:1.18rem;letter-spacing:-.02em}.product-card p{display:-webkit-box;min-height:3.2em;margin:0 0 20px;overflow:hidden;color:var(--muted);font-size:.87rem;-webkit-line-clamp:2;-webkit-box-orient:vertical}.product-card__footer{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid #edf1f4}.product-card__footer span{color:#718393;font-size:.75rem;font-weight:700}.product-card__footer b{color:var(--brand);font-size:.78rem}
.story-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:88px;align-items:center}.story-images{position:relative;min-height:560px}.story-image{object-fit:cover;border:10px solid #fff;border-radius:28px;box-shadow:var(--shadow)}.story-image--main{width:78%;height:460px}.story-image--small{position:absolute;right:0;bottom:0;width:50%;height:280px}.story-badge{position:absolute;left:28px;bottom:12px;display:grid;padding:14px 18px;border-radius:14px;background:var(--accent);box-shadow:0 14px 30px rgba(206,134,13,.22);color:#3a2808}.story-badge strong{font-size:.84rem}.story-badge span{font-size:.7rem}.story-copy>p{margin:23px 0 28px;color:var(--muted);font-size:1.02rem}.check-list{display:grid;gap:18px;padding:0;list-style:none}.check-list li{display:flex;gap:14px}.check-list svg{width:27px;height:27px;flex:0 0 auto;padding:5px;border-radius:9px;background:#dff5e9;fill:none;stroke:var(--success);stroke-width:2.4}.check-list b,.check-list span{display:block}.check-list b{margin-bottom:2px}.check-list span{color:var(--muted);font-size:.87rem}.check-list span b{color:var(--ink);font-size:.95rem}
.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.process-card{position:relative;min-height:280px;padding:30px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;transition:.25s}.process-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-sm)}.process-number{position:absolute;top:23px;right:25px;color:#dce5eb;font-size:2.6rem;font-weight:800;letter-spacing:-.06em}.process-icon{display:grid;width:52px;height:52px;margin-bottom:30px;place-items:center;border-radius:16px;background:var(--brand-light);color:var(--brand)}.process-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.process-card:nth-child(2) .process-icon{background:#fff0d2;color:#b66b00}.process-card:nth-child(3) .process-icon{background:#e5f5eb;color:var(--success)}.process-card h3{margin:0 0 10px;font-size:1.15rem}.process-card p{margin:0;color:var(--muted);font-size:.88rem}
.section--contact{padding:100px 0;background:#fff}.contact-shell{display:grid;grid-template-columns:.88fr 1.12fr;overflow:hidden;border-radius:30px;background:var(--brand-dark);box-shadow:var(--shadow)}.contact-copy{padding:62px 55px;color:#fff}.contact-copy h2{font-size:clamp(2.2rem,3.8vw,3.7rem)}.contact-copy>p{color:#bed0df}.contact-methods{display:grid;gap:12px;margin-top:38px}.contact-methods a{display:flex;align-items:center;gap:12px}.contact-methods a>span{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;background:rgba(255,255,255,.09)}.contact-methods svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:1.8}.contact-methods small,.contact-methods b{display:block}.contact-methods small{color:#98b2c7;font-size:.7rem}.contact-methods b{font-size:.86rem}.contact-form{margin:10px;padding:42px;border-radius:23px;background:#fff}.form-heading h3{margin:0;font-size:1.35rem}.form-heading p{margin:4px 0 26px;color:var(--muted);font-size:.78rem}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.field{display:grid;gap:7px}.field--full{grid-column:1/-1}.field>span:first-child,.field>label{color:#3e5367;font-size:.76rem;font-weight:800}.field input,.field textarea,.field select,.table-tools input,.table-tools select{width:100%;border:1px solid #d4dfe7;border-radius:11px;outline:0;background:#fbfdfe;color:var(--ink);transition:border-color .18s,box-shadow .18s,background .18s}.field input,.field select{height:46px;padding:0 13px}.field textarea{min-height:118px;padding:11px 13px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus,.table-tools input:focus,.table-tools select:focus{border-color:var(--brand);background:#fff;box-shadow:0 0 0 4px rgba(18,59,99,.1)}.consent{display:flex;align-items:flex-start;gap:9px;color:var(--muted);font-size:.72rem}.consent input{margin-top:3px;accent-color:var(--brand)}.honeypot{position:absolute!important;left:-9999px!important}.form-status{min-height:1.4em;margin:12px 0 0;color:var(--muted);font-size:.78rem}.form-status.is-error{color:var(--danger)}.form-status.is-success{color:var(--success)}
.site-footer{padding:67px 0 22px;background:#081d30;color:#d9e5ed}.footer-main{display:grid;grid-template-columns:1.8fr 1fr 1fr;gap:50px;padding-bottom:48px}.brand--footer{color:#fff}.footer-main>div:first-child p{max-width:330px;color:#8fa8bb;font-size:.85rem}.footer-links{display:grid;align-content:start;gap:8px}.footer-links b{margin-bottom:7px;color:#fff;font-size:.8rem}.footer-links a{color:#91a9ba;font-size:.8rem;transition:color .18s}.footer-links a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.09);color:#7792a6;font-size:.7rem}.toast{position:fixed;right:22px;bottom:22px;z-index:100;max-width:min(420px,calc(100% - 44px));padding:13px 17px;transform:translateY(20px);border-radius:13px;background:#102337;box-shadow:var(--shadow);color:#fff;font-size:.82rem;opacity:0;pointer-events:none;transition:.25s}.toast.is-visible{transform:none;opacity:1}.reveal{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s ease}.reveal.is-visible{opacity:1;transform:none}.reveal--delay{transition-delay:.12s}.reveal--delay-2{transition-delay:.24s}@keyframes spin{to{transform:rotate(360deg)}}:focus-visible{outline:3px solid rgba(246,167,35,.8);outline-offset:3px}
@media(max-width:980px){.main-nav{gap:17px}.nav-cta{display:none}.hero-grid,.story-grid,.contact-shell{grid-template-columns:1fr}.hero-grid{gap:56px}.hero-copy{text-align:center}.hero-copy>p{margin-inline:auto}.button-row,.hero-trust{justify-content:center}.image-frame{max-width:680px;margin:auto}.story-grid{gap:55px}.story-images{max-width:700px}.contact-copy{padding:46px}.contact-form{padding:34px}.product-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){html{scroll-padding-top:72px}.container{width:min(100% - 28px,1180px)}.nav-wrap{height:70px}.menu-toggle{display:block;margin-left:auto}.nav-cta{display:none}.main-nav{position:fixed;top:70px;right:0;left:0;display:grid;gap:0;padding:10px 20px 20px;transform:translateY(-120%);border-bottom:1px solid var(--line);background:#fff;box-shadow:0 16px 35px rgba(16,35,55,.1);opacity:0;pointer-events:none;transition:.25s}.main-nav.is-open{transform:none;opacity:1;pointer-events:auto}.main-nav a{padding:13px 6px}.hero{min-height:auto;padding:68px 0}.hero-grid{gap:44px}.hero h1{font-size:clamp(2.65rem,13vw,4.2rem)}.floating-card{min-width:185px;padding:10px}.floating-card--top{top:18px;left:-8px}.floating-card--bottom{right:-7px;bottom:18px}.floating-card b{font-size:.72rem}.floating-card small{font-size:.61rem}.trust-grid{grid-template-columns:1fr 1fr;padding:17px 0;row-gap:20px}.trust-grid span+span:before{display:none}.section{padding:76px 0}.section-heading{display:block}.section-heading>p{margin-top:16px}.section-heading h2,.story-copy h2,.contact-copy h2{font-size:clamp(2.1rem,10vw,3rem)}.product-grid,.process-grid{grid-template-columns:1fr}.filter-bar{flex-wrap:nowrap;overflow:auto;padding-bottom:5px}.filter-button{flex:0 0 auto}.story-images{min-height:430px}.story-image--main{height:360px}.story-image--small{height:210px}.process-card{min-height:230px}.contact-copy{padding:38px 28px}.contact-form{margin:0 8px 8px;padding:27px 21px}.form-grid{grid-template-columns:1fr}.field--full{grid-column:auto}.footer-main{grid-template-columns:1fr 1fr}.footer-main>div:first-child{grid-column:1/-1}.footer-bottom{display:grid}.catalog-loader,.empty-state{padding:40px 15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
