*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#f5f8f7;color:#10282a;font-family:Arial,Helvetica,sans-serif}
a{text-decoration:none}
.portal-top{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);border-bottom:1px solid #dfe8e7;backdrop-filter:blur(12px)}
.portal-top-inner{max-width:1440px;margin:auto;padding:10px clamp(18px,4vw,54px);display:flex;align-items:center;justify-content:space-between;gap:24px}
.portal-brand{display:flex;align-items:center;gap:10px;color:#10282a}
.portal-brand img{width:42px;height:42px;border-radius:9px;object-fit:cover}
.portal-brand strong,.portal-brand small{display:block}.portal-brand strong{font-size:.92rem}.portal-brand small{font-size:.66rem;color:#6a7a7d;margin-top:2px}
.portal-nav{display:flex;align-items:center;gap:4px;flex-wrap:wrap;justify-content:flex-end}
.portal-nav a{color:#273f42;padding:9px 10px;border-radius:9px;font-size:.72rem;font-weight:800}
.portal-nav a:hover{background:#eff5f3}.portal-nav .portal-nav-cta{background:#0d2528;color:#fff}
.portal-shell{max-width:1440px;margin:auto;padding:0 clamp(18px,4vw,54px)}
.portal-hero{position:relative;overflow:hidden;padding:70px 0 40px}
.portal-hero:before{content:"";position:absolute;inset:-110px -8% auto 45%;height:400px;border-radius:999px;background:radial-gradient(circle,rgba(38,140,109,.17),rgba(38,140,109,0) 68%);pointer-events:none}
.portal-hero-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);gap:38px;align-items:center;position:relative}
.portal-eyebrow,.portal-section-head>div>span{font-size:.68rem;letter-spacing:.12em;font-weight:900;color:#1c6f5a}
.portal-hero h1{font-size:clamp(2.8rem,6vw,5.9rem);letter-spacing:-.055em;line-height:.94;margin:14px 0 22px;color:#0d2528}
.portal-hero h1 em{font-style:normal;color:#1c6f5a}
.portal-hero p{font-size:1.04rem;line-height:1.75;color:#667779;max-width:760px}
.portal-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.portal-actions.centered{justify-content:center}
.portal-btn{display:inline-flex;min-height:46px;padding:0 18px;align-items:center;justify-content:center;border:1px solid #dfe8e7;border-radius:12px;background:#fff;color:#10282a;font-weight:850;font-size:.8rem}
.portal-btn.primary{background:#0d2528;border-color:#0d2528;color:#fff}
.portal-hero-panel{padding:23px;border:1px solid #dfe8e7;border-radius:24px;background:rgba(255,255,255,.92);box-shadow:0 24px 65px rgba(22,56,55,.08)}
.portal-hero-panel>span{font-size:.66rem;letter-spacing:.11em;font-weight:900;color:#1c6f5a}.portal-hero-panel h2{font-size:1.65rem;margin:8px 0 10px}.portal-hero-panel p{font-size:.88rem;margin:0}
.portal-mini-links{display:grid;gap:8px;margin-top:18px}.portal-mini-links a{padding:12px 13px;border-radius:12px;background:#f4f8f7;color:#10282a;font-size:.78rem;font-weight:800}
.portal-section{padding:42px 0}.portal-section-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:18px}
.portal-section-head h2{font-size:clamp(1.8rem,3vw,2.8rem);margin:6px 0 0;letter-spacing:-.035em}.portal-section-head p{max-width:580px;color:#667779;line-height:1.65;margin:0}
.portal-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.portal-product{min-height:260px;border:1px solid #dfe8e7;border-radius:20px;padding:20px;background:#fff;display:flex;flex-direction:column;color:#10282a;transition:.22s ease}
.portal-product:hover,.portal-feature-card:hover{transform:translateY(-4px);box-shadow:0 18px 45px rgba(17,55,54,.10)}
.portal-product>span{font-size:.64rem;font-weight:900;color:#748487}.portal-product h3{font-size:1.35rem;margin:auto 0 8px}.portal-product p{color:#667779;line-height:1.55;font-size:.86rem}.portal-product strong{margin-top:14px;font-size:.76rem}
.portal-product.hero{background:linear-gradient(145deg,#0e292b,#17463e);color:#fff;border:0}.portal-product.hero p,.portal-product.hero>span{color:#c7d7d4}
.portal-feature-zone{padding:28px;border-radius:26px;background:#eef5f3;margin:20px 0 28px}.portal-feature-zone.content{background:#f7f4ed}
.portal-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.portal-feature-card{position:relative;isolation:isolate;overflow:hidden;min-height:276px;border-radius:20px;padding:22px;background:#fff;border:1px solid rgba(20,52,53,.09);color:#10282a;display:flex;flex-direction:column;transition:.22s ease;background-size:cover;background-position:center}
.portal-feature-card:after{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(145deg,rgba(255,255,255,.985),rgba(255,255,255,.84))}
.portal-feature-card[style*="background-image"]:after{background:linear-gradient(145deg,rgba(12,36,38,.80),rgba(12,36,38,.40))}.portal-feature-card[style*="background-image"]{color:#fff}.portal-feature-card[style*="background-image"] p,.portal-feature-card[style*="background-image"] .portal-feature-eyebrow{color:#e5edeb}
.portal-feature-card.accent-emerald{box-shadow:inset 0 4px 0 #2b8d6b}.portal-feature-card.accent-amber{box-shadow:inset 0 4px 0 #d69731}.portal-feature-card.accent-indigo{box-shadow:inset 0 4px 0 #6558c8}.portal-feature-card.accent-rose{box-shadow:inset 0 4px 0 #bc5c6b}.portal-feature-card.accent-cyan{box-shadow:inset 0 4px 0 #3b91a5}
.portal-feature-top{min-height:58px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.portal-feature-eyebrow{padding-top:2px;font-size:.64rem;font-weight:900;letter-spacing:.11em;color:#718283}.portal-feature-eyebrow i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#2b8d6b;margin-right:7px;vertical-align:1px;animation:portalPulse 2.8s ease-out infinite}
@keyframes portalPulse{0%{box-shadow:0 0 0 0 rgba(43,141,107,.32)}70%{box-shadow:0 0 0 7px rgba(43,141,107,0)}100%{box-shadow:0 0 0 0 rgba(43,141,107,0)}}
.portal-feature-logo{width:46px;height:46px;padding:5px;object-fit:contain;box-sizing:border-box;border-radius:11px;background:rgba(255,255,255,.94);box-shadow:0 5px 18px rgba(10,35,36,.10);transition:transform .22s ease}.portal-feature-card:hover .portal-feature-logo{transform:scale(1.06)}
.portal-feature-title{min-height:76px;display:flex;align-items:flex-start;padding-top:8px}.portal-feature-title h3{font-size:1.55rem;margin:0}.portal-feature-card p{min-height:52px;margin:0;color:#667779;line-height:1.6;font-size:.85rem}
.portal-feature-footer{margin-top:auto;padding-top:16px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.68rem;font-weight:850}.portal-feature-footer time{margin-left:auto;opacity:.68;font-size:.62rem;letter-spacing:.035em;white-space:nowrap}.portal-feature-footer b{display:inline-block;transition:transform .18s}.portal-feature-card:hover .portal-feature-footer b{transform:translate(3px,-3px)}
.portal-philosophy{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;padding:36px;border-radius:26px;background:#0d2528;color:#fff}.portal-philosophy p{color:#cad8d6;line-height:1.7}.portal-philosophy h2{font-size:clamp(1.7rem,3vw,2.5rem)}
.portal-values{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.portal-values div{padding:14px;border-radius:14px;background:rgba(255,255,255,.07)}.portal-values strong,.portal-values span{display:block}.portal-values span{font-size:.73rem;color:#bfd0cd;margin-top:4px;line-height:1.5}
.portal-final{text-align:center;padding:64px 0 72px}.portal-final h2{font-size:clamp(2rem,4vw,3.35rem);margin:10px auto;max-width:800px}.portal-final p{max-width:680px;margin:0 auto;color:#667779;line-height:1.7}
.portal-footer{max-width:calc(1440px - 36px);margin:8px auto 22px;padding:52px 32px 22px;border-radius:26px;background:radial-gradient(circle at 80% 0%,rgba(52,134,111,.18),transparent 32%),#0d2528;color:#fff}
.portal-footer-grid{display:grid;grid-template-columns:1.45fr repeat(3,minmax(0,1fr));gap:34px}.portal-footer-brand strong{display:block;font-size:1.06rem;margin-bottom:10px}.portal-footer-brand p{max-width:440px;margin:0;color:#bdcecb;line-height:1.7;font-size:.8rem}
.portal-footer nav strong{display:block;margin-bottom:11px;font-size:.70rem;text-transform:uppercase;letter-spacing:.08em}.portal-footer nav a{display:block;padding:5px 0;color:#c9d7d5;font-size:.74rem}.portal-footer nav a:hover{color:#fff}
.portal-footer-bottom{margin-top:34px;padding-top:17px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;align-items:center;gap:18px;color:#9fb5b2;font-size:.67rem}.portal-footer-bottom strong{color:#dce7e5}.portal-status{display:inline-flex;align-items:center;gap:7px}.portal-status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#4fbf91;box-shadow:0 0 0 5px rgba(79,191,145,.08)}
@media(max-width:1000px){.portal-hero-grid,.portal-philosophy{grid-template-columns:1fr}.portal-product-grid{grid-template-columns:repeat(2,1fr)}.portal-footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.portal-nav a:not(.portal-nav-cta){display:none}.portal-section-head{display:block}.portal-section-head p{margin-top:10px}.portal-feature-grid{grid-template-columns:1fr}}
@media(max-width:680px){.portal-product-grid,.portal-values{grid-template-columns:1fr}.portal-hero{padding-top:42px}.portal-feature-zone{padding:16px}.portal-footer{margin:8px 10px 16px;padding:42px 18px 20px}.portal-footer-grid{grid-template-columns:1fr}.portal-footer-bottom{align-items:flex-start;flex-direction:column}}