.hero360{margin:28px 38px 18px;padding:38px 42px;border-radius:22px;color:#fff;background:radial-gradient(circle at 82% 20%,#2d8cff55,transparent 28%),linear-gradient(125deg,#0d1728,#172b47 60%,#123755);display:flex;align-items:center;justify-content:space-between;overflow:hidden}.hero360 h1{font-size:36px;margin:8px 0}.hero360 p{max-width:680px;color:#b5c6d9;line-height:1.6}.hero360 form{display:flex;gap:8px;margin-top:23px}.hero360 input{width:330px;border:1px solid #ffffff22;background:#ffffff10;color:#fff;border-radius:10px;padding:13px 15px;outline:none}.hero360 input::placeholder{color:#9db0c6}.hero360 button{border:0;border-radius:10px;padding:13px 17px;background:linear-gradient(100deg,#2878ff,#34c9d6);color:#fff;font-weight:800}.hero-ring{width:180px;height:180px;border:1px solid #ffffff25;border-radius:50%;display:grid;place-content:center;text-align:center;box-shadow:0 0 0 18px #ffffff08,0 0 0 36px #ffffff04}.hero-ring span{font-size:42px;font-weight:900}.hero-ring b,.hero-ring small{display:block}.hero-ring small{color:#9db0c6;margin-top:4px}.journey{margin:0 38px 18px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;display:grid;grid-template-columns:repeat(5,1fr)}.journey-step{position:relative;display:grid;grid-template-columns:36px 1fr;column-gap:10px;padding:8px 14px}.journey-step:not(:last-child):after{content:"";position:absolute;right:-6px;top:25px;width:12px;height:2px;background:#dce4ef}.journey-step b{grid-row:1/3;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#edf2f8;color:#8290a5;font-size:10px}.journey-step span{font-size:13px;font-weight:900}.journey-step small{color:#8390a4}.journey-step.done b{background:#e5f9f1;color:#0b9c65}.journey-step.current b{background:#e8f1ff;color:#2878ff;box-shadow:0 0 0 5px #2878ff12}.journey-step.future{opacity:.65}.metrics360{margin:0 38px 18px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metrics360 article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px 20px}.metrics360 span,.metrics360 small{display:block;color:var(--muted);font-size:11px}.metrics360 strong{display:block;font-size:27px;margin:5px 0}.product360{margin:0 38px 18px;display:grid;grid-template-columns:1fr 1.25fr;gap:16px}.identity-card,.timeline-card,.alerts360,.ecosystem,.empty360{background:#fff;border:1px solid var(--line);border-radius:17px;padding:24px}.identity-top,.timeline-card>header,.ecosystem>header{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:17px}.identity-top span,.timeline-card header span,.ecosystem header span,.alerts360 header span{font-size:9px;letter-spacing:.16em;color:var(--blue);font-weight:900}.identity-top h2,.timeline-card h2,.ecosystem h2,.alerts360 h2{margin:5px 0 0;font-size:20px}.identity-top>b{font-size:10px;padding:7px 9px;border-radius:15px;background:#e6f8f1;color:#139467}.identity-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;padding-top:20px}.identity-grid small,.identity-grid strong{display:block}.identity-grid small{font-size:10px;color:var(--muted);margin-bottom:5px}.identity-grid strong{font-size:12px}.timeline-card header>b{font-size:10px;color:var(--muted);background:#f4f7fb;padding:7px 9px;border-radius:15px}.timeline{padding:12px 0 0}.event{position:relative;display:grid;grid-template-columns:18px 1fr auto;gap:10px;padding:10px 0}.event:not(:last-child):before{content:"";position:absolute;left:5px;top:22px;bottom:-12px;width:2px;background:#e3e9f1}.event i{width:12px;height:12px;border-radius:50%;background:#18b77b;margin-top:3px;z-index:1;box-shadow:0 0 0 4px #e5f8f1}.event b,.event span,.event small{display:block}.event b{font-size:12px}.event span,.event small{font-size:10px;color:var(--muted);margin-top:3px}.event em{font-style:normal;font-size:8px;font-weight:900;color:#159268;background:#e7f8f2;border-radius:12px;padding:5px 7px;height:max-content}.event.planned{opacity:.72}.event.planned i{background:#8190a5;box-shadow:0 0 0 4px #edf1f5}.event.planned em{color:#657287;background:#eef2f6}.alerts360{margin:0 38px 18px}.alerts360 header{margin-bottom:12px}.alerts360>div{display:grid;grid-template-columns:110px 1fr auto;gap:12px;border-top:1px solid var(--line);padding:12px 0;font-size:11px}.alerts360 em{font-style:normal;color:#d37818;font-weight:800}.ecosystem{margin:0 38px 38px}.ecosystem header p{max-width:480px;margin:0;color:var(--muted);font-size:12px;line-height:1.5}.eco-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;padding:20px 0}.eco-grid article{border:1px solid var(--line);border-radius:13px;padding:18px;position:relative;overflow:hidden}.eco-grid i{font-style:normal;font-size:9px;color:#8a97aa}.eco-grid b,.eco-grid span,.eco-grid em{display:block}.eco-grid b{margin:20px 0 7px;font-size:14px}.eco-grid span{font-size:11px;color:var(--muted);line-height:1.45;min-height:48px}.eco-grid em{font-style:normal;font-size:8px;font-weight:900;margin-top:12px;color:var(--blue)}.eco-grid .production{background:linear-gradient(140deg,#15243a,#173657);color:#fff}.eco-grid .production span{color:#a8bbcf}.eco-grid .production em{color:#45d0dc}.integration-note{padding:15px 17px;border-radius:11px;background:#f2f7ff;border-left:4px solid var(--blue);display:flex;gap:18px;align-items:center}.integration-note b{white-space:nowrap;font-size:12px}.integration-note span{color:#68778c;font-size:11px}.empty360{margin:0 38px 18px;text-align:center}.empty360 p{color:var(--muted)}@media(max-width:1050px){.product360{grid-template-columns:1fr}.eco-grid{grid-template-columns:1fr 1fr}.hero-ring{display:none}}@media(max-width:720px){.hero360{margin:18px;padding:25px}.hero360 h1{font-size:28px}.hero360 form{display:grid}.hero360 input{width:100%}.journey{margin:0 18px 16px;grid-template-columns:1fr}.journey-step:not(:last-child):after{display:none}.metrics360{margin:0 18px 16px;grid-template-columns:1fr 1fr}.product360,.alerts360,.ecosystem,.empty360{margin-left:18px;margin-right:18px}.identity-grid,.eco-grid{grid-template-columns:1fr}.integration-note{align-items:flex-start;flex-direction:column;gap:5px}}