:root{--ink:#10263b;--blue:#143b59;--cream:#f3efe6;--paper:#fbfaf6;--lime:#d7e85f;--orange:#ef6b3c;--line:rgba(16,38,59,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}
.topbar{position:absolute;z-index:20;top:0;left:0;width:100%;height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,76px);border-bottom:1px solid var(--line)}
.logo{display:inline-flex;align-items:center;gap:11px}.logo-box{display:grid;place-items:center;width:42px;height:42px;background:var(--ink);color:var(--lime);font:700 24px Georgia,serif}.logo b,.logo small{display:block}.logo b{font-size:15px;letter-spacing:.2em}.logo small{margin-top:3px;color:var(--orange);font-size:8px;letter-spacing:.32em}.topbar nav{display:flex;gap:34px;font-size:13px;font-weight:700}.topbar nav a{position:relative}.topbar nav a:after{content:"";position:absolute;left:0;bottom:-8px;width:0;height:2px;background:var(--orange);transition:.3s}.topbar nav a:hover:after{width:100%}.top-contact{padding:14px 18px;background:var(--ink);color:white;font-size:12px;font-weight:700}.top-contact span{margin-left:18px;color:var(--lime)}
.hero{position:relative;min-height:860px;padding:160px clamp(22px,7vw,110px) 100px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:40px;background:var(--cream);overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:80px 80px;opacity:.2}.hero-copy{position:relative;z-index:3}.kicker{display:flex;align-items:center;gap:10px;margin-bottom:22px;color:var(--orange);font-size:11px;font-weight:800;letter-spacing:.21em;text-transform:uppercase}.kicker i{width:28px;height:2px;background:currentColor}.kicker.dark{color:#9e4227}.hero h1{margin-bottom:28px;font:500 clamp(62px,8.5vw,124px)/.82 Georgia,serif;letter-spacing:-.065em}.hero h1 em{color:var(--orange);font-weight:inherit}.hero-text{max-width:560px;color:#536676;font-size:18px;line-height:1.7}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:36px}.btn{padding:17px 20px;font-size:12px;font-weight:800}.btn span{margin-left:20px}.btn-dark{background:var(--ink);color:white}.btn-dark span{color:var(--lime)}.btn-line{border:1px solid var(--ink)}
.hero-visual{position:relative;height:580px;z-index:2}.image-frame{position:absolute;inset:40px 0 0 9%;overflow:hidden;border-radius:48% 48% 8px 8px}.image-frame img{width:100%;height:100%;object-fit:cover;animation:slowZoom 16s ease-in-out infinite alternate}.image-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(8,29,45,.58))}.orbit{position:absolute;border:1px solid rgba(16,38,59,.28);border-radius:50%;animation:spin 20s linear infinite}.orbit-one{width:540px;height:540px;left:-45px;top:-5px}.orbit-two{width:630px;height:630px;left:-90px;top:-50px;animation-direction:reverse;animation-duration:28s}.orbit:after{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:var(--orange);top:48px;right:88px;box-shadow:0 0 0 8px rgba(239,107,60,.16)}.floating-card{position:absolute;z-index:4;padding:18px 20px;background:rgba(251,250,246,.93);box-shadow:0 14px 35px rgba(16,38,59,.14);backdrop-filter:blur(8px);animation:float 5s ease-in-out infinite}.floating-card small,.floating-card b{display:block}.floating-card small{color:#7b8994;font-size:8px;letter-spacing:.16em}.floating-card b{margin-top:7px;font-size:14px}.card-top{top:16px;right:-18px}.card-bottom{bottom:18px;left:-8px;animation-delay:-2s}.card-bottom .pulse{float:left;width:10px;height:10px;margin:5px 12px 20px 0;border-radius:50%;background:var(--lime);box-shadow:0 0 0 0 rgba(215,232,95,.6);animation:pulse 2s infinite}.route{position:absolute;z-index:5;width:70px;height:1px;background:var(--lime);transform-origin:left;animation:routePulse 2.5s ease-in-out infinite}.route-a{right:8%;top:37%;transform:rotate(-24deg)}.route-b{left:8%;bottom:30%;transform:rotate(18deg);animation-delay:-1s}.scroll-cue{position:absolute;left:26px;bottom:80px;display:flex;align-items:center;gap:14px;transform:rotate(-90deg);transform-origin:left center;font-size:8px;font-weight:800;letter-spacing:.2em}.scroll-cue i{width:55px;height:1px;background:var(--ink)}
.ticker{overflow:hidden;background:var(--ink);color:white;transform:rotate(-1.5deg);margin:-20px -10px 0;padding:18px 0;position:relative;z-index:5}.ticker-track{display:flex;width:max-content;animation:marquee 25s linear infinite}.ticker-set{display:flex;align-items:center;gap:30px;padding-right:30px}.ticker span{font:700 14px Georgia,serif;letter-spacing:.1em}.ticker i{color:var(--lime);font-style:normal}
.company{display:grid;grid-template-columns:.18fr 1.05fr .77fr;gap:50px;padding:150px clamp(22px,7vw,110px);background:var(--paper)}.side-label{writing-mode:vertical-rl;font-size:9px;font-weight:800;letter-spacing:.2em}.company h2,.products h2,.stock h2,.process h2,.cta h2{font:500 clamp(45px,5vw,74px)/1.02 Georgia,serif;letter-spacing:-.04em}.company-copy{padding-top:38px;color:#5b6c79;font-size:17px;line-height:1.75}.mini-stats{display:flex;gap:45px;margin-top:36px;padding-top:28px;border-top:1px solid var(--line)}.mini-stats b,.mini-stats span{display:block}.mini-stats b{color:var(--orange);font:500 38px Georgia,serif}.mini-stats span{font-size:11px}
.products{padding:130px clamp(22px,7vw,110px);background:var(--blue);color:white}.products-head{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:end}.products-head>p{max-width:480px;color:rgba(255,255,255,.62);line-height:1.75}.sector-list{margin-top:75px;border-top:1px solid rgba(255,255,255,.2)}.sector{position:relative;display:grid;grid-template-columns:80px 1fr 1fr 50px;gap:28px;align-items:center;padding:34px 10px;border-bottom:1px solid rgba(255,255,255,.2);transition:.35s;overflow:hidden}.sector:before{content:"";position:absolute;inset:0;background:var(--lime);transform:translateX(-102%);transition:.45s cubic-bezier(.2,.8,.2,1)}.sector:hover{color:var(--ink);padding-left:24px}.sector:hover:before{transform:none}.sector>*{position:relative;z-index:1}.sector>span{color:var(--lime);font-size:11px}.sector:hover>span{color:var(--ink)}.sector h3{margin:0;font:500 clamp(24px,3vw,42px) Georgia,serif}.sector p{margin:0;color:rgba(255,255,255,.55);line-height:1.6}.sector:hover p{color:#405466}.sector>i{font-style:normal;font-size:25px;color:var(--orange)}
.stock{position:relative;display:grid;grid-template-columns:.18fr 1.1fr .72fr;gap:50px;align-items:center;padding:135px clamp(22px,7vw,110px);background:var(--lime);overflow:hidden}.stock-ring{position:relative;width:125px;height:125px;border:1px solid rgba(16,38,59,.3);border-radius:50%;animation:spin 16s linear infinite}.stock-ring:after{content:"↗";position:absolute;inset:34px;display:grid;place-items:center;background:var(--ink);border-radius:50%;color:white;font-size:24px}.stock-ring span{position:absolute;left:-4px;top:-16px;font-size:8px;font-weight:900;letter-spacing:.13em}.stock-main>p:not(.kicker){max-width:650px;color:#3d5364;font-size:17px;line-height:1.7}.stock-main>a{display:inline-block;margin-top:20px;padding-bottom:7px;border-bottom:1px solid var(--ink);font-weight:800}.stock-main>a span{margin-left:18px}.payment-panel{padding:38px;background:var(--paper);box-shadow:18px 18px 0 rgba(16,38,59,.12)}.payment-panel>small{font-size:9px;font-weight:800;letter-spacing:.18em}.payment-panel div{display:flex;gap:18px;align-items:center;padding:25px 0;border-bottom:1px solid var(--line)}.payment-panel div span{color:var(--orange);font-size:10px}.payment-panel div b{font:500 24px Georgia,serif}.payment-panel p{margin:22px 0 0;color:#6a7883;font-size:11px;line-height:1.55}
.process{padding:140px clamp(22px,7vw,110px);background:var(--paper)}.process-head{text-align:center}.process-head .kicker{justify-content:center}.steps{display:grid;grid-template-columns:repeat(4,1fr);margin-top:80px}.steps article{padding-right:28px}.steps article>span{font-size:10px;font-weight:800;color:var(--orange)}.step-line{height:26px;margin:18px 0 25px;border-top:1px solid var(--line);position:relative}.step-line i{position:absolute;top:-5px;left:0;width:10px;height:10px;border-radius:50%;background:var(--orange);transition:.3s}.steps article:hover .step-line i{left:calc(100% - 10px);background:var(--lime)}.steps h3{font:500 23px Georgia,serif}.steps p{color:#657582;font-size:14px;line-height:1.6}
.cta{position:relative;padding:140px 22px;text-align:center;background:var(--orange);color:white;overflow:hidden}.cta:before,.cta:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.25);border-radius:50%}.cta:before{width:500px;height:500px;left:-250px;top:-220px}.cta:after{width:700px;height:700px;right:-370px;bottom:-460px}.cta>p{font-size:10px;font-weight:900;letter-spacing:.23em}.cta h2{font-size:clamp(56px,7vw,98px)}.cta>a{position:relative;z-index:2;display:inline-block;margin-top:35px;padding:17px 22px;background:var(--ink);color:white;font-weight:800}.cta>a span{margin-left:25px;color:var(--lime)}.cta-orbit{position:absolute;left:50%;top:50%;width:380px;height:380px;border:1px dashed rgba(255,255,255,.28);border-radius:50%;transform:translate(-50%,-50%);animation:spinCentered 18s linear infinite}
footer{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:45px;padding:70px clamp(22px,7vw,110px);background:#0b1e2f;color:rgba(255,255,255,.57);font-size:12px;line-height:1.75}footer .logo{color:white}footer p{margin:0}footer b,footer a{color:white}
@keyframes slowZoom{to{transform:scale(1.08)}}@keyframes float{50%{transform:translateY(-12px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spinCentered{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes pulse{70%{box-shadow:0 0 0 14px rgba(215,232,95,0)}}@keyframes routePulse{50%{width:115px;opacity:.4}}@keyframes marquee{to{transform:translateX(-50%)}}
@keyframes reveal{from{opacity:0;transform:translateY(45px)}to{opacity:1;transform:translateY(0)}}
@supports(animation-timeline:view()){.company-title,.company-copy,.products-head,.sector,.stock-main,.payment-panel,.process-head,.steps article{animation:reveal linear both;animation-timeline:view();animation-range:entry 8% cover 32%}}
@media(max-width:900px){.topbar nav{display:none}.hero{grid-template-columns:1fr;padding-top:135px}.hero-visual{height:480px}.company,.stock{grid-template-columns:1fr}.side-label,.stock-ring{display:none}.products-head{grid-template-columns:1fr}.sector{grid-template-columns:55px 1fr 35px}.sector p{display:none}.steps{grid-template-columns:1fr 1fr;gap:45px 15px}footer{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.topbar{height:76px;padding:0 16px}.logo-box{width:36px;height:36px}.top-contact{padding:12px}.top-contact span{display:none}.hero{min-height:auto;padding:120px 20px 70px}.hero h1{font-size:60px}.hero-text{font-size:16px}.hero-visual{height:410px}.image-frame{inset:30px 0 0}.orbit-one{width:390px;height:390px}.orbit-two{width:460px;height:460px}.card-top{right:-8px}.scroll-cue{display:none}.company,.products,.stock,.process{padding:90px 22px}.company h2,.products h2,.stock h2,.process h2{font-size:43px}.mini-stats{gap:30px}.sector{padding:28px 0}.steps{grid-template-columns:1fr}.steps article{padding-right:0}.cta{padding:100px 20px}.cta h2{font-size:55px}footer{grid-template-columns:1fr;padding:60px 22px}.ticker{margin-top:0}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}