.import-hero{min-height:930px;padding:148px 0 100px;overflow:hidden;background:radial-gradient(circle at 78% 27%,#ffa5001b,transparent 24%),linear-gradient(180deg,#071523,#0d1b2a);position:relative}.import-hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(#fff04 1px,transparent 1px),linear-gradient(90deg,#fff04 1px,transparent 1px);background-size:50px 50px;mask-image:linear-gradient(#000,transparent 88%);pointer-events:none}.import-hero-grid{display:grid;grid-template-columns:.82fr 1.18fr;align-items:center;gap:64px;position:relative;z-index:2}.breadcrumb{display:flex;gap:10px;color:#71869a;font-size:11px;margin-bottom:32px}.breadcrumb a:hover{color:var(--orange)}.import-copy h1{font-size:clamp(52px,5.3vw,78px);max-width:680px}.import-copy>p{max-width:620px;color:#bdc9d5;font-size:18px;line-height:1.75}.import-stage{height:650px;position:relative}.import-screen{position:absolute;z-index:2;top:20px;left:0;width:860px;border:1px solid #40556b;border-radius:17px;overflow:hidden;background:#eef3f8;box-shadow:0 45px 120px #0009,0 0 70px #ffa50012;transform:perspective(1500px) rotateY(-7deg) rotateX(2deg)}.import-screen img{width:100%}.data-card{position:absolute;z-index:3;width:225px;padding:15px;background:#0a1c2df2;border:1px solid var(--line);border-radius:10px;box-shadow:0 20px 50px #0008;animation:float 5s ease-in-out infinite}.data-card small{display:block;color:var(--orange);font-size:9px;letter-spacing:.12em;margin-bottom:7px}.data-card b{font-size:13px}.dc1{right:-85px;top:90px}.dc2{left:-42px;bottom:118px;animation-delay:-1.5s}.dc3{right:-70px;bottom:45px;animation-delay:-3s}
.import-problem,.feature-section,.intelligence-section{background:#091827;border-block:1px solid var(--line)}.contrast-grid{display:grid;grid-template-columns:1fr 120px 1fr;gap:24px;align-items:center}.contrast{min-height:360px;padding:34px;border:1px solid var(--line);border-radius:15px;background:var(--panel)}.contrast small,.cost-result>small{color:var(--orange);font-size:10px;letter-spacing:.13em}.contrast h3{font-size:30px;margin:42px 0 25px}.contrast ul{padding:0;list-style:none;color:var(--muted);line-height:2}.contrast li:before{content:"—";color:var(--orange);margin-right:10px}.bright-card{background:linear-gradient(145deg,#142c43,#0c1c2c);box-shadow:inset 0 0 0 1px #ffa50020}.transfer{display:flex;flex-direction:column;align-items:center;color:var(--orange)}.transfer span{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--orange);border-radius:50%;font-size:10px}.transfer i{height:55px;width:1px;background:linear-gradient(var(--orange),#ffa50024)}
.chain-section{background:radial-gradient(circle at 50% 100%,#ffa5000b,transparent 35%)}.import-chain{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid var(--line);border-radius:15px;overflow:hidden}.import-chain article{min-height:310px;padding:24px 18px;background:#102237;border-right:1px solid var(--line);transition:.3s}.import-chain article:last-child{border:0}.import-chain article:hover{background:#142a40;transform:translateY(-5px)}.import-chain small{display:block;color:#667b90}.import-chain article>span{width:43px;height:43px;margin:45px 0 30px;display:grid;place-items:center;border:1px solid var(--orange);border-radius:50%;color:var(--orange);font-size:18px}.import-chain b{display:block;font-size:16px}.import-chain p{color:var(--muted);font-size:12px;line-height:1.65}
.feature-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:60px;align-items:center}.feature-grid.reverse{grid-template-columns:1.22fr .78fr}.feature-copy h2{margin:16px 0 24px;font-size:clamp(40px,4.5vw,64px);line-height:1.03;letter-spacing:-.055em}.feature-copy>p{color:var(--muted);line-height:1.8}.feature-points{display:grid;gap:11px;margin-top:28px}.feature-points>div{padding:16px 18px;border-left:1px solid var(--orange);background:#102237}.feature-points b,.feature-points small,.metric-row b,.metric-row small{display:block}.feature-points small{color:var(--muted);margin-top:5px;line-height:1.5}.browser-frame{position:relative;border:1px solid #354a60;border-radius:16px;background:#eaf0f6;overflow:hidden;box-shadow:0 35px 90px #0008}.browser-bar{height:42px;padding:0 15px;display:flex;align-items:center;gap:7px;background:#0b1a29;color:#7d91a5;font-size:10px}.browser-bar i{width:7px;height:7px;border-radius:50%;background:#395065}.browser-bar i:first-child{background:var(--orange)}.browser-bar span{margin-left:8px}.browser-frame img{width:100%}.focus-ring{position:absolute;border:1px solid var(--orange);box-shadow:0 0 0 8px #ffa50015;border-radius:9px;animation:pulsebox 2.5s infinite}.fr1{width:27%;height:25%;left:4%;bottom:10%}.fr2{width:37%;height:28%;right:2%;bottom:9%;animation-delay:-1s}.fr3{width:45%;height:31%;right:1%;top:31%}@keyframes pulsebox{50%{box-shadow:0 0 0 14px #ffa50005}}
.cost-section{background:radial-gradient(circle at 20% 55%,#ffa50012,transparent 25%)}.cost-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px}.cost-stack{display:grid;gap:11px}.cost-stack>div{padding:20px;background:#102237;border:1px solid var(--line);border-radius:10px}.cost-stack small,.cost-stack b{display:block}.cost-stack small{color:var(--orange);font-size:9px;letter-spacing:.13em}.cost-stack b{margin:9px 0 17px}.cost-stack i{display:block;width:var(--w);height:4px;background:linear-gradient(90deg,var(--orange),#ffa50022);border-radius:4px}.cost-result{padding:42px;background:linear-gradient(145deg,#152c43,#0b1928);border:1px solid var(--line);border-radius:15px}.cost-result h3{font-size:36px;max-width:580px}.cost-result p{color:var(--muted);line-height:1.8}.formula{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:45px}.formula span,.formula strong{padding:12px 14px;border:1px solid var(--line);border-radius:8px;font-size:12px}.formula strong{color:var(--orange);border-color:var(--orange)}.formula b{color:#60768b}
.compliance-section{background:#102033}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:28px}.metric-row div{padding:15px;border:1px solid var(--line);border-radius:9px}.metric-row b{color:var(--orange)}.metric-row small{margin-top:7px;color:var(--muted);font-size:10px}.note{padding:14px;border-left:2px solid #55708a;background:#0b1c2d;font-size:11px!important}.intelligence-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:28px;align-items:center}.decision-list{display:grid;gap:12px}.decision-list article{display:grid;grid-template-columns:42px 1fr;gap:15px;padding:23px;background:#102237;border:1px solid var(--line);border-radius:11px}.decision-list span{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--orange);border-radius:50%;color:var(--orange);font-size:10px}.decision-list h3{margin:0 0 7px;font-size:18px}.decision-list p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}
.support-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.support-grid article{min-height:245px;padding:28px;background:#102237;border:1px solid var(--line);border-radius:12px;transition:.3s}.support-grid article:hover{transform:translateY(-5px);border-color:#ffa50070}.support-grid span{color:var(--orange);font-size:10px}.support-grid h3{margin-top:45px;font-size:23px}.support-grid p{color:var(--muted);line-height:1.7;font-size:13px}.bridge{background:#091827;border-top:1px solid var(--line)}.bridge-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:18px;align-items:center}.bridge-flow a{min-height:175px;padding:25px;display:flex;flex-direction:column;background:#102237;border:1px solid var(--line);border-radius:12px;transition:.3s}.bridge-flow a:hover{border-color:var(--orange);transform:translateY(-4px)}.bridge-flow small{color:var(--orange)}.bridge-flow b{font-size:22px;margin:28px 0 8px}.bridge-flow span{color:var(--muted);font-size:12px}.bridge-flow>i{color:var(--orange);font-style:normal}
@media(max-width:980px){.import-hero-grid,.feature-grid,.feature-grid.reverse,.cost-layout,.intelligence-grid{grid-template-columns:1fr}.import-hero{min-height:auto}.import-stage{height:620px}.import-screen{width:105%}.contrast-grid{grid-template-columns:1fr}.transfer{flex-direction:row;justify-content:center}.transfer i{height:1px;width:55px}.import-chain{grid-template-columns:repeat(3,1fr)}.import-chain article:nth-child(3){border-right:0}.support-grid{grid-template-columns:1fr 1fr}.feature-grid.reverse .browser-frame{order:2}.feature-grid.reverse .feature-copy{order:1}}
@media(max-width:650px){.import-hero{padding-top:115px}.breadcrumb{margin-bottom:22px}.import-copy h1{font-size:45px}.import-copy>p{font-size:16px}.import-stage{height:380px}.import-screen{position:relative;top:15px;left:-8%;width:116%;transform:perspective(1100px) rotateY(-4deg)}.data-card{display:none}.contrast{min-height:auto;padding:25px}.contrast h3{font-size:25px;margin:28px 0 18px}.import-chain{grid-template-columns:1fr 1fr}.import-chain article{min-height:250px}.import-chain article:nth-child(2n){border-right:0}.import-chain article>span{margin:30px 0 22px}.support-grid{grid-template-columns:1fr}.metric-row{grid-template-columns:1fr}.bridge-flow{grid-template-columns:1fr}.bridge-flow>i{transform:rotate(90deg);text-align:center}.cost-result{padding:26px}.cost-result h3{font-size:29px}.formula{gap:7px;margin-top:30px}.browser-frame{border-radius:10px}}