/* WinAntrepo: an architectural warehouse plan and a clear operational flow. */
.wa { --wa-mint:#b8efd5; --wa-gold:#e6c78f; }
.mp:has(.wa) { padding-top:38px; }
.wa h1 em,.wa h2 em { font:inherit; color:var(--wa-mint); }
.wa h2 { font-size:clamp(29px,3.2vw,43px); }
.wa .mp-eyebrow { font-size:10px; letter-spacing:.13em; }
.wa .mp-textlink { color:var(--wa-mint); font-size:12px; }
.wa .mp-button { font-size:12px; }
.wa-hero { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.05fr); gap:48px; align-items:center; padding:28px 0 60px; }
.wa-hero__copy { animation:wa-enter .85s ease-out both; }
.wa-hero .mp-eyebrow { display:flex; gap:12px; flex-wrap:wrap; }
.wa-hero .mp-eyebrow > span { opacity:.4; }
.wa h1 { font-size:clamp(28px,2.9vw,39px); line-height:1.25; letter-spacing:-.04em; margin:0 0 23px; }
.wa-brand { display:block; color:#fff; font-size:clamp(54px,5.6vw,77px); line-height:1.15; letter-spacing:-.035em; margin-bottom:20px; }
.wa-brand > span { color:var(--wa-mint); }
.wa-hero__copy > p { max-width:460px; font-size:14px; }
.wa .mp-actions { gap:22px; }
.wa-hero__types { display:flex; flex-wrap:wrap; gap:10px 20px; margin-top:30px; font-size:10px; color:#b5c4d9; }
.wa-hero__types span { display:flex; gap:8px; align-items:center; }
.wa-hero__types span::before { content:''; width:4px; height:4px; border-radius:50%; background:var(--wa-mint); }
.wa-plan { margin:0; padding:26px 22px 20px; border:1px solid #a9c5d12e; border-radius:24px; background:radial-gradient(ellipse at 50% 55%,#598c7c15,transparent 70%),linear-gradient(135deg,#25364c77,#17213c33); box-shadow:0 25px 70px -45px #040b1c; animation:wa-enter 1s .15s both; }
.wa-plan__heading { display:flex; justify-content:space-between; align-items:center; padding-inline:6px; }
.wa-plan__heading div > span { display:block; color:#9eb9cc; font-size:8px; letter-spacing:.16em; margin-bottom:10px; }
.wa-plan__heading strong { font-size:18px; font-weight:500; letter-spacing:-.035em; color:#e9f1f3; }
.wa-plan__symbol { color:var(--wa-mint); font-size:25px; }
.wa-plan__drawing { display:block; width:100%; height:auto; margin:24px 0 8px; overflow:visible; }
.wa-plan__rack { animation:wa-rack 1.1s calc(.35s + var(--rack-delay)) both; }
.wa-plan__route { stroke-dasharray:850; stroke-dashoffset:0; animation:wa-route 2.6s .5s both; }
.wa-plan figcaption { display:flex; align-items:center; flex-wrap:wrap; gap:10px 18px; border-top:1px solid var(--mp-line); padding-top:16px; color:#b6c8d4; font-size:9px; }
.wa-plan figcaption > span { display:flex; align-items:center; gap:6px; }
.wa-plan figcaption i { width:6px; height:6px; border-radius:2px; background:var(--wa-mint); }
.wa-plan figcaption > span:nth-child(2) i { background:var(--wa-gold); }
.wa-plan figcaption small { margin-left:auto; font-size:8px; color:#a2b1c7; }
.wa-nav { display:grid; grid-template-columns:repeat(3,1fr); border-block:1px solid var(--mp-line); }
.wa-nav a { display:flex; gap:15px; align-items:center; padding:24px 20px; color:#e6edf5; font-size:13px; transition:background .25s; }
.wa-nav a + a { border-left:1px solid var(--mp-line); }
.wa-nav a > span { color:var(--wa-mint); font-size:10px; }
.wa-nav i { font-style:normal; margin-left:auto; color:var(--wa-mint); transition:transform .25s; }
.wa-nav a:hover { background:#b8efd507; }
.wa-nav a:hover i { transform:translateY(3px); }
.wa section { scroll-margin-top:115px; }
.wa-section { padding:80px 0; border-bottom:1px solid var(--mp-line); }
.wa-section__heading { display:grid; grid-template-columns:1.25fr .75fr; gap:65px; align-items:end; margin-bottom:44px; }
.wa-section__heading h2 { margin:0; }
.wa-section__heading > p { max-width:380px; font-size:14px; margin:0 0 3px; }
.wa-flow { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; }
.wa-step__line { display:flex; justify-content:space-between; align-items:center; padding:15px 0; border-top:1px solid #b8efd545; color:var(--wa-mint); }
.wa-step__line span { font-size:11px; }
.wa-step__line i { font-style:normal; font-size:16px; opacity:.5; transition:transform .3s,opacity .3s; }
.wa-step:hover i { transform:translate(3px,-3px); opacity:1; }
.wa-step h3 { color:#edf2f8; font-size:19px; font-weight:500; letter-spacing:-.035em; margin:13px 0; }
.wa-step p { font-size:13px; margin:0; line-height:1.85; }
.wa-report-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.wa-report { padding:30px 26px; border:1px solid var(--mp-line); border-radius:18px; background:linear-gradient(150deg,#b8efd506,transparent); transition:border-color .3s,background .3s; }
.wa-report:hover { border-color:#b8efd555; background-color:#b8efd504; }
.wa-report__icon { display:grid; place-items:center; width:42px; height:42px; border:1px solid #b8efd530; border-radius:11px; font-size:24px; color:var(--wa-mint); margin-bottom:24px; }
.wa-report:nth-child(2) .wa-report__icon { color:var(--wa-gold); border-color:#e6c78f40; }
.wa-report h3 { font-size:21px; color:#eef3f8; font-weight:500; margin:0 0 10px; letter-spacing:-.03em; }
.wa-report p { font-size:12px; margin:0 0 22px; }
.wa-report ul { list-style:none; padding:18px 0 0; margin:0; border-top:1px solid var(--mp-line); }
.wa-report li { position:relative; padding:7px 0 7px 14px; font-size:12px; color:#c5d2e3; line-height:1.7; }
.wa-report li::before { content:''; position:absolute; top:15px; left:0; width:4px; height:4px; border-radius:50%; background:#8eb8b6; }
.wa-billing { display:grid; grid-template-columns:1fr 1fr; gap:100px; align-items:center; }
.wa-billing h2 { margin:0 0 25px; }
.wa-billing > div > p { font-size:14px; max-width:440px; margin-bottom:25px; }
.wa-billing__sheet { padding:30px 32px; border:1px solid #e6c78f30; border-radius:18px; background:linear-gradient(130deg,#e6c78f08,#b8efd504); }
.wa-billing__label { color:var(--wa-gold); font-size:9px; letter-spacing:.15em; }
.wa-billing__sheet ol { list-style:none; padding:0; margin:26px 0 22px; }
.wa-billing__sheet li { display:flex; align-items:center; gap:20px; padding:20px 0; border-bottom:1px solid var(--mp-line); }
.wa-billing__sheet li > span { color:#9eafc8; font-size:10px; }
.wa-billing__sheet strong { color:#e5ebf2; font-size:16px; font-weight:500; letter-spacing:-.025em; }
.wa-billing__sheet li:last-child strong { color:var(--wa-mint); }
.wa-billing .wa-billing__sheet p { font-size:11px; margin:0; }
.wa-faq { display:grid; grid-template-columns:.65fr 1.35fr; gap:70px; }
.wa-faq details { border-bottom:1px solid var(--mp-line); }
.wa-faq details:first-child { border-top:1px solid var(--mp-line); }
.wa-faq summary { display:flex; align-items:center; justify-content:space-between; gap:20px; list-style:none; cursor:pointer; padding:23px 0; color:#e7eef7; font-size:14px; }
.wa-faq summary::-webkit-details-marker { display:none; }
.wa-faq summary > span { flex-shrink:0; color:var(--wa-mint); font-size:22px; transition:transform .25s; }
.wa-faq details[open] summary > span { transform:rotate(45deg); }
.wa-faq details p { font-size:13px; max-width:650px; margin:0 35px 24px 0; }
.wa-faq summary:focus-visible { outline:2px solid var(--wa-mint); outline-offset:5px; }
.wa-cta { display:flex; justify-content:space-between; align-items:center; gap:30px; padding:65px 0 0; }
.wa-cta h2 { margin:0 0 20px; }
.wa-cta p { font-size:13px; margin:0; }
.wa-cta .mp-button { flex-shrink:0; }
@keyframes wa-enter { from { opacity:0; transform:translateY(16px); } to { opacity:1; transform:translateY(0); } }
@keyframes wa-rack { from { opacity:0; transform:translateY(-9px); } to { opacity:1; transform:translateY(0); } }
@keyframes wa-route { from { stroke-dashoffset:850; opacity:0; } to { stroke-dashoffset:0; opacity:1; } }
@media (min-width:1001px) and (max-width:1150px) { .wa-hero { gap:28px; } .wa-brand { font-size:59px; } .wa .mp-actions { gap:16px; } }
@media (max-width:1000px) { .wa-hero { grid-template-columns:1fr; gap:36px; padding-top:14px; } .wa-hero__copy { max-width:650px; } .wa-brand { font-size:clamp(54px,8vw,77px); } .wa h1 { font-size:clamp(29px,4vw,39px); } .wa-plan { width:100%; max-width:680px; justify-self:center; box-sizing:border-box; } .wa-flow { grid-template-columns:1fr 1fr; gap:32px; } .wa-section__heading { gap:35px; } .wa-billing { gap:40px; } .wa-faq { gap:40px; } .wa-report { padding:24px 18px; } .wa-report h3 { font-size:18px; } }
@media (max-width:600px) { .mp:has(.wa) { padding-top:22px; } .wa-hero { padding:12px 0 36px; gap:32px; } .wa-brand { font-size:clamp(43px,11.4vw,65px); margin-bottom:18px; } .wa h1 { font-size:clamp(25px,6.6vw,34px); } .wa-hero .mp-eyebrow { font-size:8px; gap:9px; } .wa-hero__copy > p { font-size:13px; } .wa .mp-actions { gap:18px; } .wa-hero__types { margin-top:24px; font-size:9px; gap:14px; } .wa-plan { padding:21px 13px 17px; border-radius:18px; } .wa-plan__heading strong { font-size:17px; } .wa-plan__drawing { margin:17px 0 7px; } .wa-plan figcaption { gap:10px 14px; font-size:8px; } .wa-plan figcaption small { font-size:7px; } .wa-nav a { padding:20px 10px; gap:7px; font-size:10px; flex-wrap:wrap; } .wa-nav a > span { font-size:8px; } .wa-nav i { display:none; } .wa-section { padding:50px 0; } .wa-section__heading { grid-template-columns:1fr; gap:20px; margin-bottom:30px; } .wa-section__heading > p { font-size:13px; } .wa-flow { gap:27px 20px; } .wa-step h3 { font-size:17px; } .wa-step p { font-size:12px; } .wa-report-grid { grid-template-columns:1fr; gap:16px; } .wa-report { padding:26px; } .wa-report__icon { float:right; margin:0 0 12px 12px; } .wa-report h3 { font-size:21px; } .wa-report ul { clear:both; } .wa-billing,.wa-faq { grid-template-columns:1fr; gap:30px; } .wa-billing__sheet { padding:26px; } .wa-faq h2 { margin:0; } .wa-faq summary { font-size:13px; } .wa-cta { flex-direction:column; align-items:flex-start; padding-top:48px; } }
@media (max-width:360px) { .wa-flow { grid-template-columns:1fr; } .wa-plan figcaption small { width:100%; margin-left:0; } }
@media (prefers-reduced-motion:reduce) { .wa *, .wa *::before { animation:none !important; transition:none !important; } }