:root{--color-bg:#f5f8fc;--color-surface:#fff;--color-surface-strong:#eaf2fb;--color-text:#102033;--color-muted:#526276;--color-border:#d6e0ec;--color-primary:#0f3d7a;--color-primary-dark:#0a2d5f;--color-accent:#1c8f62;--color-accent-dark:#126844;--color-danger:#b42318;--shadow-soft:0 18px 50px #0f2f5f1f;--shadow-card:0 14px 34px #0f2f5f12;--motion-fast:.16s ease;--motion-medium:.26s cubic-bezier(.2, .8, .2, 1);--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--header-height:76px;--container:1160px;--font-main:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at top left, #278b6a1f, transparent 28rem), linear-gradient(180deg, #f7fbff 0%, var(--color-bg) 44rem);color:var(--color-text);font-family:var(--font-main);margin:0;font-size:16px;line-height:1.6}body:has(.mobile-nav){overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}img,svg{max-width:100%;display:block}main{padding-top:var(--header-height)}main:focus{outline:none}:focus-visible{outline-offset:4px;outline:3px solid #1c8f62cc}.container{width:min(100% - 32px, var(--container));margin-inline:auto}.narrow{width:min(100% - 32px,860px);margin-inline:auto}.page-section.compact{padding:48px 0}.section-title{max-width:720px;margin-bottom:32px}.section-title.center{text-align:center;margin-inline:auto}.eyebrow{color:var(--color-accent-dark);letter-spacing:0;text-transform:uppercase;margin:0 0 10px;font-size:.82rem;font-weight:760}h1,h2,h3,p{overflow-wrap:anywhere}h1,h2,h3{color:var(--color-text);letter-spacing:0;margin:0;line-height:1.12}h1{max-width:820px;font-size:clamp(2.3rem,4.7vw,4.65rem)}h2{font-size:clamp(1.85rem,3vw,3rem)}h3{font-size:1.25rem}p{color:var(--color-muted);margin:0}.lead{max-width:720px;font-size:clamp(1.06rem,2vw,1.28rem)}.button{border-radius:var(--radius-sm);min-height:48px;transition:transform var(--motion-fast), box-shadow var(--motion-fast), background-color var(--motion-fast), border-color var(--motion-fast);border:1px solid #0000;justify-content:center;align-items:center;padding:.8rem 1.1rem;font-weight:720;line-height:1.2;display:inline-flex}.button:hover{transform:translateY(-1px)}.button:active{transform:translateY(0)}.button.primary{background:var(--color-accent);color:#fff;box-shadow:0 12px 24px #1c8f6238}.button.primary:hover{background:var(--color-accent-dark)}.button.secondary{border-color:var(--color-border);color:var(--color-primary-dark);background:#fff}.button.secondary:hover{box-shadow:var(--shadow-soft);border-color:#9bb4d0}.button.full{width:100%}.text-link{width:fit-content;min-height:44px;color:var(--color-primary);align-items:center;gap:.45rem;font-weight:740;display:inline-flex}.text-link .icon{width:1rem;height:1rem;transition:transform var(--motion-fast)}.text-link:hover .icon{transform:translate(3px)}.skip-link{z-index:100;background:var(--color-primary-dark);color:#fff;border-radius:var(--radius-sm);transition:transform var(--motion-fast);padding:.7rem 1rem;position:fixed;top:12px;left:16px;transform:translateY(-140%)}.skip-link:focus{transform:translateY(0)}.site-header{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe0;border-bottom:1px solid #d6e0ecdb;width:100%;position:fixed;top:0;left:0}.header-inner{width:min(100% - 32px, var(--container));min-height:var(--header-height);align-items:center;gap:1rem;margin-inline:auto;display:flex}.brand{min-height:44px;color:var(--color-text);align-items:center;gap:.7rem;font-weight:820;display:inline-flex}.brand-mark{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--color-primary-dark), var(--color-primary));color:#fff;place-items:center;width:38px;height:38px;font-size:.86rem;font-weight:850;display:grid}.desktop-nav{align-items:center;gap:.2rem;margin-left:auto;display:flex}.desktop-nav a,.mobile-nav a{border-radius:var(--radius-sm);color:#24364b;min-height:44px;transition:background-color var(--motion-fast), color var(--motion-fast);align-items:center;padding:.55rem .75rem;font-weight:650;display:inline-flex}.desktop-nav a:hover,.desktop-nav a[aria-current=page],.mobile-nav a:hover,.mobile-nav a[aria-current=page]{background:var(--color-surface-strong);color:var(--color-primary-dark)}.header-cta{border-radius:var(--radius-sm);background:var(--color-primary-dark);color:#fff;min-height:44px;transition:background-color var(--motion-fast), transform var(--motion-fast);justify-content:center;align-items:center;padding:.65rem .95rem;font-weight:720;display:inline-flex}.header-cta:hover{background:var(--color-primary);transform:translateY(-1px)}.menu-button{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:48px;height:48px;color:var(--color-primary-dark);background:#fff;justify-content:center;align-items:center;margin-left:auto;display:none}.mobile-nav{top:calc(var(--header-height) + 10px);z-index:60;width:min(100% - 32px, var(--container));border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);animation:menu-in var(--motion-medium) both;background:#fff;margin:0;padding:12px;display:none;position:fixed;left:50%;transform:translate(-50%)}.mobile-scrim{inset:var(--header-height) 0 0;z-index:55;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fade-in var(--motion-fast) both;background:#0b1f362e;border:0;display:none;position:fixed}.mobile-nav a{width:100%;display:flex}.mobile-cta{background:var(--color-accent);justify-content:center;margin-top:8px;color:#fff!important}.hero{padding:72px 0 74px;position:relative;overflow:hidden}.hero-layout{grid-template-columns:minmax(0,1fr) minmax(320px,.82fr);align-items:center;gap:clamp(32px,5vw,64px);display:grid}.hero-copy{gap:24px;display:grid}.hero-actions,.cta-actions{flex-wrap:wrap;gap:12px;display:flex}.hero-meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.meta-item{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#ffffffad;padding:16px}.meta-item strong{color:var(--color-primary-dark);margin-bottom:4px;font-size:.95rem;display:block}.hero-diagram{border-radius:var(--radius-lg);min-height:400px;box-shadow:var(--shadow-soft);background:linear-gradient(90deg,#0f3d7a14 1px,#0000 1px) 0 0/36px 36px,linear-gradient(#0f3d7a14 1px,#0000 1px) 0 0/36px 36px,linear-gradient(145deg,#fff 0%,#eaf6f2 100%);border:1px solid #9bb4d0cc;animation:.62s cubic-bezier(.2,.8,.2,1) both panel-rise;position:relative}.diagram-grid{position:absolute;inset:24px}.diagram-grid:before,.diagram-grid:after{content:"";border:1px solid #0f3d7a38;border-radius:999px;position:absolute;inset:20% 12%}.diagram-grid:after{border-color:#1c8f623d;inset:31% 25%}.diagram-node{border-radius:var(--radius-md);width:min(42%,170px);min-height:86px;transition:transform var(--motion-medium), border-color var(--motion-medium), box-shadow var(--motion-medium);background:#ffffffe0;border:1px solid #9bb4d0e6;gap:6px;padding:16px;display:grid;position:absolute;box-shadow:0 16px 30px #0f2f5f1a}.hero-diagram:hover .diagram-node{border-color:#1c8f626b;box-shadow:0 18px 34px #0f2f5f21}.hero-diagram:hover .node-web{transform:translate(-4px,-4px)}.hero-diagram:hover .node-onec{transform:translate(4px,-4px)}.hero-diagram:hover .node-api{transform:translate(-4px,4px)}.hero-diagram:hover .node-support{transform:translate(4px,4px)}.diagram-node span{color:var(--color-accent-dark);font-size:.78rem;font-weight:850}.diagram-node strong{color:var(--color-text);line-height:1.25}.node-main{background:var(--color-primary-dark);color:#fff;top:50%;left:50%;transform:translate(-50%,-50%)}.node-main span,.node-main strong{color:#fff}.node-web{top:4%;left:0}.node-onec{top:14%;right:0}.node-api{bottom:8%;left:4%}.node-support{bottom:0;right:2%}.service-grid,.help-grid,.details-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.service-card,.info-card,.contact-card,.detail-panel{border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);background:#ffffffd1}.service-card{min-height:310px;transition:transform var(--motion-medium), border-color var(--motion-medium), box-shadow var(--motion-medium);flex-direction:column;gap:16px;padding:24px;display:flex}.service-card:hover,.service-card:focus-within{border-color:#0f3d7a57;transform:translateY(-3px);box-shadow:0 22px 44px #0f2f5f1c}.service-card p,.info-card p,.detail-panel p{color:var(--color-muted)}.service-card .text-link{margin-top:auto}.icon-badge{border-radius:var(--radius-sm);background:var(--color-surface-strong);width:48px;height:48px;color:var(--color-primary);place-items:center;display:grid}.icon-badge .icon{width:24px;height:24px}.help-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.info-card{transition:transform var(--motion-medium), border-color var(--motion-medium);padding:24px}.info-card:hover{border-color:#1c8f6247;transform:translateY(-2px)}.info-card h3{margin-bottom:10px}.steps{counter-reset:steps;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.step{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);counter-increment:steps;min-height:170px;transition:transform var(--motion-medium), box-shadow var(--motion-medium);padding:24px;position:relative}.step:hover{box-shadow:var(--shadow-card);transform:translateY(-2px)}.step:before{border-radius:var(--radius-sm);background:var(--color-primary-dark);color:#fff;content:counter(steps);place-items:center;width:38px;height:38px;margin-bottom:18px;font-weight:820;display:grid}.cta-band{border-radius:var(--radius-lg);background:linear-gradient(135deg, #0f3d7af2, #0d5b58eb), var(--color-primary-dark);color:#fff;padding:44px}.cta-band h2,.cta-band p{color:#fff}.cta-band p{opacity:.86;max-width:720px;margin:14px 0 24px}.page-hero{background:linear-gradient(#eaf2fbbd,#f5f8fc00);padding:72px 0 44px}.page-hero .lead{margin-top:20px}.content-stack{gap:22px;display:grid}.prose{max-width:820px}.prose p+p,.prose ul+p,.prose p+ul{margin-top:16px}.prose ul,.clean-list{margin:0;padding:0;list-style:none}.prose li,.clean-list li{color:var(--color-muted);padding-left:28px;position:relative}.prose li+li,.clean-list li+li{margin-top:10px}.prose li:before,.clean-list li:before{background:var(--color-accent);content:"";border-radius:50%;width:9px;height:9px;position:absolute;top:.7em;left:0}.details-grid{grid-template-columns:.95fr 1.05fr}.detail-panel{padding:28px}.detail-panel h2,.detail-panel h3{margin-bottom:18px}.contact-layout{grid-template-columns:.8fr 1.2fr;align-items:start;gap:28px;display:grid}.contact-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.contact-list li{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#fff;gap:4px;padding:18px;display:grid}.contact-list span{color:var(--color-muted);font-size:.9rem}.contact-list strong,.contact-list a{color:var(--color-text);font-weight:740}.contact-form{border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);background:#fff;gap:18px;padding:28px;display:grid}.field{gap:8px;display:grid}.field label{color:var(--color-text);font-weight:720}.field input,.field textarea{border-radius:var(--radius-sm);width:100%;min-height:48px;color:var(--color-text);background:#fff;border:1px solid #b7c5d6;padding:.8rem .9rem}.field textarea{resize:vertical}.field input[aria-invalid=true],.field textarea[aria-invalid=true]{border-color:var(--color-danger)}.field-error,.error-summary{color:var(--color-danger)}.field-error{font-size:.94rem}.error-summary{border-radius:var(--radius-sm);background:#fff4f2;border:1px solid #b4231857;padding:16px}.error-summary h2{color:var(--color-danger);margin-bottom:8px;font-size:1.1rem}.error-summary ul{margin:0;padding-left:20px}.form-status{border-radius:var(--radius-sm);background:var(--color-surface-strong);color:var(--color-primary-dark);padding:14px;font-weight:650}.notice{border-radius:var(--radius-md);color:#5f4b12;background:#fff9e7;border:1px solid #f2c94c;padding:20px}.site-footer{border-top:1px solid var(--color-border);color:#fff;background:#0b1f36;margin-top:40px;padding:46px 0}.footer-inner{width:min(100% - 32px, var(--container));grid-template-columns:1.3fr .7fr 1fr;gap:32px;margin-inline:auto;display:grid}.site-footer p,.site-footer li,.site-footer a{color:#ffffffc2}.site-footer a:hover{color:#fff}.site-footer h2{color:#fff;margin:0 0 12px;font-size:1rem}.site-footer nav{align-content:start;gap:8px;display:grid}.footer-subtitle{margin-top:12px!important}.footer-brand{color:#fff;margin-bottom:14px}.footer-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.footer-about{max-width:420px}.reveal{animation:.52s cubic-bezier(.2,.8,.2,1) both reveal}@keyframes reveal{0%{opacity:.96;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes panel-rise{0%{opacity:.98;transform:translateY(10px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes menu-in{0%{opacity:0;transform:translate(-50%,-8px)scale(.98)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.hero-diagram,.mobile-nav,.mobile-scrim,.reveal{animation:none!important}.hero-diagram:hover .diagram-node,.hero-diagram:hover .node-web,.hero-diagram:hover .node-onec,.hero-diagram:hover .node-api,.hero-diagram:hover .node-support{transform:none}}@media (width<=980px){.hero-layout,.details-grid,.contact-layout,.footer-inner{grid-template-columns:1fr}.desktop-nav,.header-cta{display:none}.menu-button,.mobile-nav,.mobile-scrim{display:flex}.mobile-nav{flex-direction:column}.service-grid,.help-grid,.steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){:root{--header-height:68px}body{line-height:1.55}.container,.narrow,.header-inner,.mobile-nav,.footer-inner{width:min(100% - 24px, var(--container))}.hero{padding:50px 0 56px}.page-section{padding:52px 0}.page-hero{padding:50px 0 34px}.hero-meta,.service-grid,.help-grid,.steps{grid-template-columns:1fr}.hero-diagram{border-radius:var(--radius-md);min-height:340px}.diagram-grid{inset:14px}.diagram-node{width:47%;min-height:78px;padding:12px}.diagram-node strong{font-size:.86rem}.cta-band{border-radius:var(--radius-md);padding:28px}.hero-actions .button,.cta-actions .button{width:100%}.contact-form{padding:20px}}:root{--color-bg:#eaf2f1;--color-surface-strong:#d4e5e3;--color-text:#112d32;--color-muted:#4f4a41;--color-border:#b7c9c7;--color-primary:#254e58;--color-primary-dark:#112d32;--color-accent:#254e58;--color-accent-dark:#112d32;--radius-sm:12px;--radius-md:24px;--radius-lg:32px;--shadow-card:none;--shadow-soft:0 16px 40px #202a2712}body{background:var(--color-bg)}h1,h2,h3{text-wrap:balance}section[id]{scroll-margin-top:calc(var(--header-height) + 24px)}.hero{padding:32px 0 24px}.bento-hero{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;display:grid}.bento-intro{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#fff;grid-column:span 4;align-content:center;padding:clamp(28px,4vw,52px)}.bento-intro h1{letter-spacing:-.035em;font-size:clamp(2.25rem,4.1vw,3.8rem);line-height:1.08}.hero-accent{color:var(--color-accent)}.bento-intro .lead{max-width:55ch;font-size:1.05rem}.bento-system{border-radius:var(--radius-lg);background:#254e58;flex-direction:column;grid-column:span 2;gap:20px;padding:30px;display:flex}.bento-system h2{color:#eaf2f1;font-size:1.9rem}.bento-system p{color:#eaf2f1}.system-symbol{color:#eaf2f1;place-items:center;min-height:132px;font:700 72px ui-monospace,monospace;display:grid}.system-tags{flex-wrap:wrap;gap:8px;margin-top:auto;display:flex}.system-tags span{color:#eaf2f1;border:1px solid #88bdbc;border-radius:9px;padding:5px 12px;font-size:.85rem}.bento-note{border-radius:var(--radius-md);background:#88bdbc;border:1px solid #0000;grid-column:span 2;align-content:start;gap:12px;padding:28px;display:grid}.bento-note h2{font-size:1.4rem}.tile-number{justify-content:space-between;margin-bottom:16px;font-size:.8rem;font-weight:650;display:flex}.note-lilac{background:#6e6658}.note-lilac,.note-lilac h2,.note-lilac p{color:#fff}.note-link{border-color:var(--color-border);transition:background-color var(--motion-fast);background:#fff}.note-link:hover{background:#d4e5e3}.button.primary{box-shadow:none}.page-section{padding:48px 0}.service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.service-card{padding:30px}.service-card:first-child{background:#88bdbc;grid-column:span 2}.service-card:first-child h3{font-size:1.7rem}.cta-band{background:#4f4a41}.cta-band h2,.cta-band p{color:#fff;opacity:1}.cta-band .button.secondary{color:#112d32;background:#eaf2f1;border-color:#254e58}.works-intro{margin:16px 0 28px}.works-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.work-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff;overflow:hidden}.work-card:first-child:nth-last-child(odd){grid-column:1/-1}.work-card img{aspect-ratio:auto;background:var(--color-surface-strong);width:100%;height:auto}.work-copy{padding:28px}.work-copy h3{margin-bottom:12px;font-size:1.5rem}.work-description{white-space:pre-line}.works-empty{border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff;grid-column:1/-1;align-items:center;gap:28px;padding:36px;display:flex}.works-empty p{max-width:52ch;margin-top:10px}.works-empty .button{flex-shrink:0;margin-left:auto}.empty-grid{flex-shrink:0;grid-template-columns:34px 34px;gap:5px;display:grid}.empty-grid span{background:#b7c9c7;border-radius:8px;height:34px}.empty-grid span:first-child{background:#88bdbc;grid-column:span 2}.compliance-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.compliance-grid h3{margin-bottom:14px}@media (width<=980px){.bento-intro{grid-column:span 4}.bento-system{padding:24px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.works-empty{flex-wrap:wrap}.works-empty .button{margin-left:0}}@media (width<=700px){.bento-hero,.works-grid,.compliance-grid{grid-template-columns:1fr}.bento-intro,.bento-system,.bento-note{grid-column:auto}.bento-system{gap:16px}.system-symbol{min-height:90px}.bento-note{padding:24px}.tile-number{margin-bottom:4px}.works-empty{padding:24px}.service-card:first-child{grid-column:auto}}@media (width<=640px){.service-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.site-header{border-bottom-color:var(--color-border);background:#f8fbfa}.bento-intro,.note-link,.work-card,.works-empty{background:#f8fbfa}.page-hero{background:linear-gradient(#88bdbc66,#0000)}:focus-visible{outline:3px solid #112d32}.bento-system :focus-visible,.cta-band :focus-visible{outline-color:#88bdbc}.site-footer{background:#112d32}.site-footer :focus-visible{outline-color:#eaf2f1}.info-card:hover{border-color:#4f4a41}