.visual-icon{width:24px;height:24px;flex-shrink:0;display:block}.feature-band{grid-template-columns:.95fr 1.05fr;gap:40px;align-items:center}.feature-band>div:first-child{min-width:0}.feature-main-icon{display:inline-flex;width:55px;height:55px;border-radius:13px;background:#10354d;color:#8ddfff;align-items:center;justify-content:center;margin-bottom:22px;box-shadow:0 7px 15px #0639571a}.feature-main-icon .visual-icon{width:29px;height:29px}.feature-row{display:grid;grid-template-columns:42px 1fr;gap:16px;background:#ffffff94;border:1px solid #17334a12!important;border-radius:7px;padding:20px;margin-bottom:0;align-items:start;transition:transform .16s,box-shadow .16s}.feature-row:hover{transform:translateY(-2px);box-shadow:0 8px 24px #133e5710}.feature-row-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:#d7eafa;color:#096baf}.feature-band:nth-of-type(2n) .feature-row-icon{background:#d1e6da;color:#256451}.feature-band:nth-of-type(3n) .feature-row-icon{background:#ffe3b2;color:#975400}.feature-row .visual-icon{width:21px;height:21px}.feature-list{gap:12px}.feature-row h3{font-size:16px;margin-bottom:8px;line-height:1.25}.feature-row p{font-size:12px;line-height:1.75}.feature-visual-button{display:block;padding:0;text-align:left;border:0;background:transparent;width:100%;margin-top:27px;transition:transform .2s}.feature-visual-button:hover{transform:translateY(-3px)}.feature-visual-caption{display:flex;justify-content:space-between;font-size:9px;color:#436880;margin-top:9px;padding:0 5px}.feature-visual-caption span:last-child{color:#096baf;font-weight:600}.mini-visual{background:#112d43;color:#ddecf7;border:1px solid #52718a;border-radius:8px;overflow:hidden;box-shadow:0 14px 30px #103e571c;position:relative}.mini-visual-bar{display:flex;justify-content:space-between;align-items:center;padding:11px 14px;border-bottom:1px solid #36556c;background:#193b52;font-size:9px;letter-spacing:.3px}.mini-dots{font-size:6px;letter-spacing:2px;color:#6794b0}.mini-visual-bar>span:last-child{font-size:7px;letter-spacing:1px;color:#9ec7df}.mini-quote{padding:20px}.mini-quote-heading{display:flex;gap:12px;align-items:center;margin-bottom:17px}.mini-quote-heading>.visual-icon{width:32px;height:32px;color:#82d9ff}.mini-visual small{display:block;font-size:8px;font-weight:400;letter-spacing:.4px;color:#a0bfd2}.mini-quote-heading strong{display:block;font-size:13px;margin-top:4px;color:#e8f6ff}.mini-quote-row{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid #36556c;font-size:9px}.mini-quote-row span:last-child{color:#8edbbc}.mini-ai-note{display:flex;gap:10px;align-items:center;padding:12px;background:#214a60;border:1px solid #4e7b90;border-radius:5px;margin-top:10px}.mini-ai-note>.visual-icon{width:20px;height:20px;color:#ffd086}.mini-ai-note strong{font-size:9px;display:block}.mini-ai-note small{font-size:8px;margin-top:4px}.mini-ai-note>b{margin-left:auto;color:#8adaff}.mini-photo{height:95px;background-size:cover;background-position:center;display:flex;align-items:end;justify-content:space-between;padding:14px;gap:15px}.mini-yard{background-image:linear-gradient(0deg,#0d2c43cc,#142e4450),url('assets/container-yard.webp')}.mini-port{background-image:linear-gradient(0deg,#0d2c43cc,#142e4430),url('assets/port-blue-hour.webp')}.mini-photo-icon{background:#0c293cbf;color:#92e3ff;border:1px solid #8ec4df80;padding:9px;border-radius:7px}.mini-photo-caption{font-size:7px;letter-spacing:.9px;color:#f4fbff;text-align:right;max-width:180px;line-height:1.6}.mini-register{padding:8px 14px 13px}.mini-register>div{display:flex;gap:9px;align-items:center;padding:9px 0;border-bottom:1px solid #3c586a}.mini-register>div:last-child{border-bottom:0}.mini-register .visual-icon{width:16px;height:16px;color:#85d1f2}.mini-register strong{font-size:9px;font-weight:550}.mini-register span{font-size:8px;color:#a4bfd0;margin-left:auto}.mini-register i{font-style:normal;font-size:7px;background:#214b40;color:#b3ebd1;padding:2px 5px;border-radius:3px}.mini-booking-head{display:flex;justify-content:space-between;padding:13px 16px;font-size:10px}.mini-booking-head span{font-size:9px;color:#a6c9df}.mini-dates{display:grid;grid-template-columns:repeat(3,1fr);margin:0 16px 12px}.mini-dates>div{border-left:1px solid #4a6b7e;padding-left:12px}.mini-dates>div:first-child{border:0;padding-left:0}.mini-dates strong{display:block;font-size:12px;margin-top:3px}.mini-warning{background:#5e4528;color:#ffe1a2;border-top:1px solid #846039;font-size:8px;padding:9px 16px}.mini-document-scene{background:linear-gradient(120deg,#254f67,#17364e);padding:25px 20px 45px;min-height:255px;position:relative}.mini-paper-back{position:absolute;width:69%;height:173px;top:25px;left:16%;background:#94b6c9;border-radius:4px;transform:rotate(-7deg)}.mini-paper{position:relative;background:#fff;color:#23445a;padding:15px;margin:auto;width:75%;border-radius:4px;box-shadow:0 9px 19px #031b3b66;transform:rotate(3deg)}.mini-paper header{display:flex;align-items:center;gap:7px;font-size:6px;color:#b5573b;border-bottom:1px solid #bf795c;padding-bottom:8px}.mini-paper header .visual-icon{height:14px;width:14px}.mini-paper>strong{display:block;font-size:11px;letter-spacing:1px;margin:10px 0;color:#a3422b}.mini-paper-columns{display:grid;grid-template-columns:1fr 1fr;font-size:7px}.mini-paper-columns>div{border:1px solid #c5d7e2;padding:6px}.mini-paper-columns small{font-size:5px;color:#5b778b}.mini-paper-lines{height:42px;margin:7px 0;background:repeating-linear-gradient(0deg,transparent,transparent 8px,#dbe5ec 9px)}.mini-draft{font-size:31px;letter-spacing:3px;position:absolute;top:95px;left:20%;transform:rotate(-15deg);opacity:.14;color:#a3422b}.mini-paper-alert{font-size:6px;color:#a3422b}.mini-stamp{position:absolute;right:18px;bottom:17px;display:flex;gap:7px;align-items:center;background:#224c43;color:#a9eed7;border:1px solid #4a8170;padding:8px 10px;border-radius:5px;font-size:8px;transform:rotate(-3deg)}.mini-stamp .visual-icon{width:15px;height:15px}.mini-ar-head{display:flex;gap:14px;align-items:center;padding:22px}.mini-ar-head>.visual-icon{width:37px;height:37px;color:#ffaa57}.mini-ar-head strong{font-size:29px;letter-spacing:-1px;display:block;color:#fff1da;margin-top:4px}.mini-ar-metrics{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:0 22px 14px}.mini-ar-metrics>div{background:#21435a;padding:10px;border-radius:4px}.mini-ar-metrics strong{font-size:14px;margin-top:3px;display:block}.mini-invoice-row{display:flex;justify-content:space-between;gap:10px;padding:10px 22px;border-top:1px solid #3a5a71;font-size:8px}.mini-invoice-row b{font-weight:400;color:#ffe0a3}.mini-readiness-head{display:flex;gap:18px;align-items:center;padding:18px 20px}.mini-readiness-score{font-size:40px;color:#8ddbff;letter-spacing:-2px;font-weight:650}.mini-readiness-score span{font-size:16px;letter-spacing:-.5px;margin-left:3px}.mini-readiness-head strong{font-size:13px;color:#ffc270;display:block;margin-bottom:5px}.mini-readiness-head small{font-size:8px}.mini-check-list{padding:0 20px 18px}.mini-check-list>div{display:flex;gap:10px;align-items:center;border-top:1px solid #3a5c72;padding:11px 0;font-size:9px}.mini-check-list .visual-icon{width:18px;height:18px;color:#a9e7d2}.mini-check-list b{font-size:8px;font-weight:500;color:#a5e8ce;margin-left:auto}.mini-check-list .needs-review{color:#ffd09b}.mini-dispatch{display:flex;align-items:center;gap:13px;padding:21px 17px}.mini-truck{color:#98dfff}.mini-truck .visual-icon{width:38px;height:38px}.mini-dispatch strong{font-size:12px;display:block}.mini-dispatch small{font-size:8px;margin-top:7px}.mini-milestones{display:flex;justify-content:space-around;align-items:center;gap:10px;padding:25px 17px}.mini-milestones span{display:flex;align-items:center;flex-direction:column;gap:8px;font-size:9px;color:#bcd8e8}.mini-milestones i{font-style:normal;width:28px;height:28px;background:#22465d;color:#9cdfff;border-radius:50%;display:grid;place-items:center;font-size:15px}.mini-milestones span:first-child i{background:#215143;color:#adedd2}.mini-milestones b{font-weight:400;font-size:18px;color:#729bb5}.mini-tracking-label{font-size:8px;text-align:center;color:#b2d0e2;padding-bottom:17px}.mini-profit-top{padding:17px 20px;display:flex;align-items:center;justify-content:space-between}.mini-profit-top span{display:flex;gap:8px;align-items:center;color:#a8d6eb;font-size:7px;letter-spacing:.6px}.mini-profit-top .visual-icon{width:18px;height:18px}.mini-profit-top strong{color:#fff1d7;font-size:19px}.mini-bars{display:flex;justify-content:space-around;gap:15px;padding:4px 23px 16px;align-items:end}.mini-bars>div{flex:1;display:flex;flex-direction:column;align-items:center}.mini-bars strong{font-size:8px;color:#c5e2f3;font-weight:500;margin-bottom:8px}.mini-bars i{display:block;width:65%;background:linear-gradient(#80d3fc,#1675aa);border-radius:3px 3px 0 0}.mini-bars>div:nth-child(2) i{background:linear-gradient(#ffcc86,#d88728)}.mini-bars>div:nth-child(3) i{background:linear-gradient(#8de4cc,#39957d)}.mini-bars small{font-size:8px;color:#b1d2e8;margin-top:8px}.mini-profit-note{font-size:8px;text-align:center;color:#a9c7dd;border-top:1px solid #395d74;padding:10px}.story-step{grid-template-columns:54px 1fr 1fr;gap:27px;padding:32px;align-items:center;position:relative;overflow:hidden}.story-step .step-no{background:#153c58;color:#b7e9ff;display:grid;place-items:center;width:51px;height:51px;border-radius:11px;font-size:21px;margin-top:2px;align-self:start}.step-content-icon{display:inline-flex;width:40px;height:40px;border-radius:9px;background:#d9eaf8;color:#096baf;align-items:center;justify-content:center;margin-bottom:15px}.step-content-icon .visual-icon{width:23px;height:23px}.story-step:nth-child(3n+2) .step-content-icon{background:#cce6d8;color:#256451}.story-step:nth-child(3n) .step-content-icon{background:#ffdfae;color:#975400}.story-proof{padding:0;background:transparent!important;border:0;min-width:0}.story-proof .mini-visual{margin-bottom:13px}.story-proof>h4{font-size:12px;margin-bottom:5px}.story-proof>p{font-size:10px;line-height:1.6}.workflow-visual-button{display:block;width:100%;background:none;border:0;padding:0;text-align:left}.workflow-visual-button:hover .mini-visual{border-color:#65b8df}.security-grid{gap:24px}.security-grid article{padding:0;border:1px solid #17334a13;overflow:hidden;box-shadow:0 9px 30px #17334a07;transition:transform .18s,box-shadow .18s}.security-grid article:hover{transform:translateY(-4px);box-shadow:0 16px 36px #17334a13}.security-card-content{padding:28px 30px 30px}.security-card-content h3{font-size:23px;margin:14px 0 13px}.security-card-content p{font-size:13px;line-height:1.8}.security-visual{height:205px;background:radial-gradient(ellipse at 20% 10%,#367b9e,#173950 70%);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.security-orbit{position:absolute;border:1px solid #b5dcf43d;border-radius:50%;pointer-events:none}.orbit-one{height:260px;width:260px;right:12%;top:-30px}.orbit-two{height:190px;width:190px;right:19%;top:3px}.security-visual-card{position:relative;background:linear-gradient(120deg,#fff,#eaf3f9);color:#153b52;border:1px solid #d6e5ef;border-radius:10px;width:240px;padding:22px 22px 20px;box-shadow:0 13px 32px #00162d70;transform:rotate(-5deg);display:grid;grid-template-columns:51px 1fr;gap:1px 13px;align-items:center}.security-icon-plate{display:grid;place-items:center;width:51px;height:51px;background:#d7ecf9;color:#096baf;border:1px solid #b5d9ec;border-radius:12px;grid-row:1/3}.security-icon-plate .visual-icon{width:29px;height:29px}.security-visual-card>strong{font-size:14px;line-height:1.25;letter-spacing:-.4px}.security-visual-card>small{font-size:9px;color:#55778b;line-height:1.5;margin-top:6px}.security-floating-note{position:absolute;bottom:26px;right:17%;display:flex;gap:7px;align-items:center;background:#acd9c7;color:#143e32;padding:9px 12px;border-radius:6px;font-size:9px;border:1px solid #cff4e4;box-shadow:0 6px 18px #071a2b44;transform:rotate(3deg)}.security-floating-note .visual-icon{width:15px;height:15px}.security-grid article:nth-child(3n+2) .security-visual{background:radial-gradient(ellipse at 80% 20%,#387b66,#173e36 70%)}.security-grid article:nth-child(3n) .security-visual{background:radial-gradient(ellipse at 80% 0%,#a97f36,#51412b 80%)}.security-grid article:nth-child(3n) .security-icon-plate{background:#ffe6bd;color:#9b5f16;border-color:#e9c990}.security-grid article:nth-child(3n) .security-floating-note{background:#f9c476;color:#4d3314;border-color:#ffdfae}.security-grid article:nth-child(3n+2) .security-icon-plate{background:#dcf0e5;color:#29745e;border-color:#b9deca}.security-card-content .num{font-size:9px;letter-spacing:1.3px}
:root[data-theme=dark] .feature-row{background:#142c3f;border-color:#45667a!important}:root[data-theme=dark] .feature-row-icon{background:#264e68;color:#a0ddff}:root[data-theme=dark] .feature-band:nth-of-type(2n) .feature-row-icon{background:#265143;color:#a0e3c5}:root[data-theme=dark] .feature-band:nth-of-type(3n) .feature-row-icon{background:#674d2d;color:#ffd493}:root[data-theme=dark] .feature-visual-caption{color:#b6d0e1}:root[data-theme=dark] .feature-visual-caption span:last-child{color:#9edfff}:root[data-theme=dark] .security-card-content h3{color:#e4f2fc}:root[data-theme=dark] .security-card-content p{color:#bbd0df}:root[data-theme=dark] .story-proof>h4{color:#d4e9f9}
@media(max-width:1000px){.feature-band{gap:28px;padding:28px}.feature-row{grid-template-columns:32px 1fr;gap:11px;padding:17px}.feature-row-icon{width:31px;height:31px;border-radius:7px}.feature-row .visual-icon{width:18px;height:18px}.feature-row h3{font-size:15px}.feature-row p{font-size:11px}.mini-register span{font-size:7px}.mini-register strong{font-size:8px}.mini-register>div{gap:6px}.story-step{gap:21px;grid-template-columns:43px 1fr 1fr;padding:25px}.story-step .step-no{width:41px;height:41px;font-size:18px}.mini-ar-head strong{font-size:24px}.security-floating-note{right:10%}.security-card-content{padding:25px}.security-visual-card{width:225px}}
@media(max-width:820px){.feature-band{grid-template-columns:1fr;gap:25px}.feature-visual-button{max-width:520px}.feature-row{grid-template-columns:40px 1fr;padding:20px;gap:16px}.feature-row-icon{width:38px;height:38px}.feature-row h3{font-size:16px}.feature-row p{font-size:12px}.story-step{grid-template-columns:43px 1fr;gap:20px}.story-proof{grid-column:2;max-width:560px}.security-grid{gap:20px}.security-visual-card{width:210px;padding:19px;grid-template-columns:43px 1fr;gap:10px}.security-icon-plate{width:43px;height:43px}.security-visual-card strong{font-size:12px}.security-visual-card small{font-size:8px}.security-visual{height:190px}.security-floating-note{right:5%;font-size:8px;padding:8px 10px}.security-card-content h3{font-size:21px}.security-card-content p{font-size:12px}}
@media(max-width:600px){.feature-band{padding:23px;gap:25px}.feature-main-icon{width:50px;height:50px;margin-bottom:20px}.feature-main-icon .visual-icon{width:27px;height:27px}.feature-band h2{font-size:29px}.feature-visual-button{margin-top:24px}.feature-row{padding:18px;grid-template-columns:31px 1fr;gap:12px}.feature-row-icon{width:31px;height:31px}.feature-row .visual-icon{width:18px;height:18px}.feature-row h3{font-size:14px}.feature-row p{font-size:12px}.mini-quote{padding:16px}.mini-quote-heading{gap:9px}.mini-quote-heading strong{font-size:11px}.mini-quote-row{font-size:8px}.mini-register span{display:none}.mini-register i{margin-left:auto}.mini-register strong{font-size:9px}.mini-paper{width:85%}.mini-ar-head{padding:18px}.mini-ar-head strong{font-size:25px}.mini-ar-metrics{padding:0 18px 14px}.mini-invoice-row{padding:10px 18px;font-size:7px}.mini-readiness-head{padding:17px 15px;gap:12px}.mini-readiness-head strong{font-size:12px}.mini-readiness-score{font-size:35px}.mini-check-list{padding:0 15px 17px}.mini-check-list>div{font-size:8px;gap:7px}.mini-profit-top{padding:15px;gap:8px}.mini-profit-top span{font-size:6px}.mini-profit-top strong{font-size:17px}.mini-dispatch{padding:17px 14px}.mini-dispatch strong{font-size:10px}.mini-milestones{gap:7px;padding:24px 12px}.mini-milestones span{font-size:8px}.story-step{padding:24px 18px;grid-template-columns:1fr;gap:18px}.story-step .step-no{width:44px;height:44px;font-size:20px}.step-content-icon{display:none}.story-proof{grid-column:1;width:100%;max-width:none}.story-step h2{font-size:26px}.story-step p{font-size:13px}.story-step .text-link{margin-top:18px}.story-proof>h4{font-size:12px}.story-proof>p{font-size:11px}.security-grid{grid-template-columns:1fr;gap:24px}.security-grid article{padding:0}.security-visual{height:205px}.security-visual-card{width:240px;padding:22px;grid-template-columns:50px 1fr;gap:13px}.security-icon-plate{height:50px;width:50px}.security-visual-card strong{font-size:14px}.security-visual-card small{font-size:9px}.security-floating-note{right:12%;font-size:9px}.security-card-content{padding:26px}.security-card-content h3{font-size:24px}.security-card-content p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.feature-row:hover,.feature-visual-button:hover,.security-grid article:hover{transform:none}}