.ap { --ap-mint:#b8efd5; --ap-blue:#a7c8ed; --ap-gold:#dfc294; }
.mp:has(.ap) { padding-top:38px; }
.ap h1 em,.ap h2 em { font:inherit; color:var(--ap-mint); }
.ap h2 { font-size:clamp(29px,3.25vw,44px); }
.ap .mp-eyebrow { font-size:10px; letter-spacing:.13em; }
.ap .mp-textlink { color:var(--ap-mint); font-size:12px; }
.ap .mp-button { font-size:12px; }
.ap-hero { display:grid; grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); gap:56px; align-items:center; padding:24px 0 58px; }
.ap-hero__copy { animation:ap-enter .85s ease-out both; }
.ap-hero .mp-eyebrow { display:flex; gap:12px; flex-wrap:wrap; }
.ap-hero .mp-eyebrow > span { opacity:.4; }
.ap h1 { font-size:clamp(28px,3vw,41px); line-height:1.25; letter-spacing:-.035em; margin:0 0 24px; }
.ap-brand { display:block; font-size:clamp(62px,6.7vw,91px); line-height:1.1; letter-spacing:-.035em; margin-bottom:22px; color:#fff; }
.ap-brand > span { color:var(--ap-mint); }
.ap-hero__copy > p { max-width:440px; font-size:14px; }
.ap .mp-actions { gap:24px; }
.ap-hero__note { display:flex; align-items:center; gap:9px; margin-top:30px; font-size:10px; color:#adbed2; }
.ap-hero__note > span { width:5px; height:5px; border-radius:50%; background:var(--ap-mint); }
.ap-load { margin:0; padding:26px 24px 20px; border:1px solid #a9c5d12b; border-radius:24px; background:radial-gradient(ellipse at 50% 42%,#618c9320,transparent 66%),linear-gradient(145deg,#29375266,#141e3833); box-shadow:0 24px 70px -45px #060c24; animation:ap-enter 1s .12s both; }
.ap-load__heading { display:flex; justify-content:space-between; align-items:center; gap:15px; }
.ap-load__heading div > span { display:block; color:#aac0d4; font-size:8px; letter-spacing:.13em; margin-bottom:11px; }
.ap-load__heading strong { color:#edf5f5; font-size:17px; font-weight:500; letter-spacing:-.025em; }
.ap-load__heading > span { font-size:24px; color:var(--ap-mint); }
.ap-load__drawing { display:block; width:92%; height:auto; margin:16px auto 0; overflow:visible; }
.ap-cargo { --top:#b8e0d0; --left:#619a99; --right:#80b8af; }
.ap-cargo--gold { --top:#e8d2ab; --left:#a98e67; --right:#c9ad7e; }
.ap-cargo--blue { --top:#afcce7; --left:#6483a6; --right:#87aaca; }
.ap-cargo polygon { stroke:#e1f3eb; stroke-opacity:.18; stroke-width:1; stroke-linejoin:round; }
.ap-cargo__top { fill:var(--top); }
.ap-cargo__left { fill:var(--left); }
.ap-cargo__right { fill:var(--right); }
.ap-load.is-playing .ap-cargo { animation:ap-place .8s cubic-bezier(.2,.65,.3,1) calc(.2s + var(--load-order) * .15s) both; }
.ap-load__footer { display:flex; align-items:center; justify-content:space-between; gap:16px; border-top:1px solid var(--mp-line); padding-top:18px; }
.ap-load figcaption strong { display:block; color:#dbe8ed; font-weight:500; font-size:12px; margin-bottom:6px; }
.ap-load figcaption > span { color:#9eafc8; font-size:8px; }
.ap-faq summary:focus-visible { outline:2px solid var(--ap-mint); outline-offset:5px; }
.ap-nav { display:grid; grid-template-columns:repeat(3,1fr); border-block:1px solid var(--mp-line); }
.ap-nav a { display:flex; align-items:center; gap:15px; padding:24px 20px; color:#e5edf5; font-size:13px; transition:background .25s; }
.ap-nav a + a { border-left:1px solid var(--mp-line); }
.ap-nav span { color:var(--ap-mint); font-size:10px; }
.ap-nav i { margin-left:auto; color:var(--ap-mint); font-style:normal; transition:transform .25s; }
.ap-nav a:hover { background:#b8efd507; }
.ap-nav a:hover i { transform:translateY(3px); }
.ap section { scroll-margin-top:110px; }
.ap-section { padding:80px 0; border-bottom:1px solid var(--mp-line); }
.ap-capabilities { display:grid; grid-template-columns:1fr 1.1fr; gap:90px; }
.ap-section__intro h2 { margin:0 0 25px; }
.ap-section__intro p { max-width:390px; font-size:14px; }
.ap-system { margin-top:40px; }
.ap-system > span { color:#91abc4; font-size:8px; letter-spacing:.12em; }
.ap-system > div { display:flex; align-items:center; gap:15px; margin-top:18px; }
.ap-system abbr { display:grid; place-items:center; width:65px; height:40px; border:1px solid #a7c8ed40; border-radius:8px; color:#d3e3f0; font-size:12px; text-decoration:none; }
.ap-system i { color:#94b6c7; font-style:normal; font-size:13px; }
.ap-feature { display:grid; grid-template-columns:24px 1fr 15px; gap:18px; padding:25px 0; border-top:1px solid var(--mp-line); }
.ap-feature:last-child { padding-bottom:0; }
.ap-feature > span { color:var(--ap-mint); font-size:10px; padding-top:5px; }
.ap-feature h3 { font-size:22px; font-weight:500; letter-spacing:-.035em; color:#edf2f7; margin:0 0 12px; }
.ap-feature p { font-size:13px; margin:0; }
.ap-feature i { color:var(--ap-mint); font-size:16px; font-style:normal; opacity:.6; transition:transform .25s,opacity .25s; }
.ap-feature:hover i { transform:translate(2px,-2px); opacity:1; }
.ap-section__heading { margin-bottom:38px; }
.ap-section__heading h2 { margin:0 0 20px; }
.ap-section__heading p { font-size:14px; margin:0; }
.ap-outcomes__grid { display:grid; grid-template-columns:repeat(4,1fr); gap:28px; }
.ap-outcomes__grid article { padding:24px 0 0; border-top:1px solid #b8efd53b; }
.ap-outcomes__grid article > span { display:block; font-size:28px; color:var(--ap-mint); margin-bottom:24px; }
.ap-outcomes__grid h3 { color:#edf3f8; font-size:19px; font-weight:500; letter-spacing:-.025em; margin:0 0 14px; }
.ap-outcomes__grid p { font-size:13px; margin:0; }
.ap-section__heading--split { display:grid; grid-template-columns:1fr .7fr; gap:60px; align-items:end; }
.ap-section__heading--split h2 { margin:0; }
.ap-section__heading--split p { max-width:370px; }
.ap-use-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.ap-use-grid article { padding:28px; border:1px solid var(--mp-line); border-radius:18px; background:linear-gradient(150deg,#b8efd508,transparent); transition:border-color .3s; }
.ap-use-grid article:hover { border-color:#b8efd570; }
.ap-use__number { color:#9fb2cb; font-size:9px; letter-spacing:.11em; }
.ap-use-grid svg { display:block; width:70px; height:55px; margin:32px 0; stroke:var(--ap-mint); stroke-width:1.5; stroke-linejoin:round; stroke-linecap:round; }
.ap-use-grid article:nth-child(2) svg { stroke:var(--ap-blue); }
.ap-use-grid article:nth-child(3) svg { stroke:var(--ap-gold); }
.ap-use-grid h3 { color:#edf3f8; font-size:21px; font-weight:500; margin:0 0 16px; letter-spacing:-.03em; }
.ap-use-grid p { font-size:13px; margin:0; }
.ap-faq { display:grid; grid-template-columns:.65fr 1.35fr; gap:70px; }
.ap-faq details { border-bottom:1px solid var(--mp-line); }
.ap-faq details:first-child { border-top:1px solid var(--mp-line); }
.ap-faq summary { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:23px 0; list-style:none; cursor:pointer; color:#e5edf6; font-size:14px; }
.ap-faq summary::-webkit-details-marker { display:none; }
.ap-faq summary > span { flex-shrink:0; color:var(--ap-mint); font-size:22px; transition:transform .25s; }
.ap-faq details[open] summary > span { transform:rotate(45deg); }
.ap-faq details p { font-size:13px; margin:0 30px 25px 0; }
.ap-cta { display:flex; justify-content:space-between; align-items:center; gap:40px; padding:65px 0 0; }
.ap-cta h2 { margin:0 0 22px; }
.ap-cta p { font-size:13px; margin:0; }
.ap-cta__actions { display:flex; flex-direction:column; align-items:center; flex-shrink:0; gap:22px; }
@keyframes ap-enter { from { opacity:0; transform:translateY(16px); } to { opacity:1; transform:translateY(0); } }
@keyframes ap-place { from { opacity:0; transform:translate(0,-38px); } to { opacity:1; transform:translate(0,0); } }
@media (min-width:1001px) and (max-width:1150px) { .ap-hero { gap:30px; } .ap h1 { font-size:31px; } .ap-load__heading strong { font-size:15px; } }
@media (max-width:1000px) { .ap-hero { grid-template-columns:1fr; gap:36px; padding-top:14px; } .ap-hero__copy { max-width:630px; } .ap h1 { font-size:clamp(29px,4vw,41px); } .ap-brand { font-size:clamp(62px,9vw,91px); } .ap-load { width:100%; max-width:660px; box-sizing:border-box; justify-self:center; } .ap-capabilities { gap:45px; } .ap-outcomes__grid { grid-template-columns:repeat(2,1fr); gap:30px; } .ap-use-grid article { padding:22px; } .ap-use-grid h3 { font-size:18px; } }
@media (max-width:600px) { .mp:has(.ap) { padding-top:22px; } .ap-hero { padding:12px 0 36px; gap:32px; } .ap-brand { font-size:clamp(58px,15vw,80px); margin-bottom:20px; } .ap h1 { font-size:clamp(25px,6.8vw,34px); } .ap-hero .mp-eyebrow { font-size:8px; gap:9px; } .ap-hero__copy > p { font-size:13px; } .ap .mp-actions { gap:18px; } .ap-hero__note { font-size:9px; margin-top:25px; } .ap-load { border-radius:18px; padding:22px 17px 18px; } .ap-load__heading strong { font-size:15px; } .ap-load__heading div > span { font-size:7px; } .ap-load__drawing { margin-top:18px; } .ap-load figcaption strong { font-size:11px; } .ap-nav a { font-size:10px; padding:18px 10px; gap:8px; align-items:flex-start; line-height:1.6; } .ap-nav span { font-size:8px; } .ap-nav i { display:none; } .ap-section { padding:50px 0; } .ap-capabilities,.ap-faq { grid-template-columns:1fr; gap:30px; } .ap-system { margin-top:28px; } .ap-feature { gap:12px; padding:22px 0; } .ap-feature h3 { font-size:21px; } .ap-section__heading--split { grid-template-columns:1fr; gap:22px; } .ap-section__heading p { font-size:13px; } .ap-outcomes__grid { gap:28px 22px; } .ap-outcomes__grid article > span { margin-bottom:18px; } .ap-outcomes__grid h3 { font-size:17px; } .ap-outcomes__grid p { font-size:12px; } .ap-use-grid { grid-template-columns:1fr; gap:16px; } .ap-use-grid article { padding:26px; } .ap-use-grid svg { margin:22px 0; } .ap-use-grid h3 { font-size:22px; } .ap-faq h2 { margin:0; } .ap-faq summary { font-size:13px; } .ap-cta { flex-direction:column; align-items:flex-start; padding-top:48px; gap:28px; } .ap-cta__actions { align-items:flex-start; } }
@media (prefers-reduced-motion:reduce) { .ap *, .ap *::before { animation:none !important; transition:none !important; } }