.sv3-portal-page{background:#fff;color:var(--sv3-ink)}
.sv3-portal-hero{padding:48px 0 34px;background:radial-gradient(circle at 18% 20%,rgba(22,163,74,.16),transparent 30%),radial-gradient(circle at 82% 10%,rgba(14,165,233,.16),transparent 34%),linear-gradient(180deg,#f7fbff,#fff)}
.sv3-portal-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);gap:28px;align-items:stretch}
.sv3-portal-hero-copy,.sv3-portal-dashboard,.sv3-portal-detail-hero .sv3-portal-detail-grid>div,.sv3-portal-detail-panel{border:1px solid rgba(179,199,219,.75);background:rgba(255,255,255,.9);box-shadow:var(--sv3-shadow-md);border-radius:var(--sv3-radius-lg);padding:34px;backdrop-filter:blur(14px)}
.sv3-portal-hero h1,.sv3-portal-detail-hero h1{font-size:clamp(3rem,7vw,6.8rem);line-height:.92;letter-spacing:-.07em;margin:0;color:var(--sv3-ink)}
.sv3-portal-note{font-weight:800;color:#40536b;line-height:1.65;margin:20px 0 0;max-width:72ch}
.sv3-portal-actions{margin-top:24px}
.sv3-portal-dashboard{display:grid;gap:16px;align-content:start;position:relative;overflow:hidden;background:linear-gradient(145deg,#07111f,#0f233d)}
.sv3-portal-dashboard:after{content:"";position:absolute;inset:auto -20% -30% 20%;height:190px;background:radial-gradient(circle,rgba(34,197,94,.28),transparent 64%);pointer-events:none}
.sv3-portal-browserbar{display:flex;gap:8px;margin-bottom:8px}
.sv3-portal-browserbar span{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.45)}
.sv3-portal-dashboard article{position:relative;z-index:1;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);border-radius:24px;padding:22px;color:#fff}
.sv3-portal-dashboard strong{display:block;font-size:1.75rem;letter-spacing:-.04em;margin-bottom:8px}
.sv3-portal-dashboard p{margin:0;color:rgba(255,255,255,.78);line-height:1.55;font-weight:700}
.sv3-portal-promise-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.sv3-portal-card,.sv3-portal-feature,.sv3-portal-object-card,.sv3-portal-audience-card,.sv3-management-block,.sv3-management-example-grid article{background:#fff;border:1px solid var(--sv3-line);border-radius:var(--sv3-radius-md);padding:26px;box-shadow:0 10px 30px rgba(7,17,31,.055)}
.sv3-portal-card h2,.sv3-portal-feature h2,.sv3-portal-object-card h2,.sv3-portal-audience-card h2,.sv3-management-block h2,.sv3-management-example-grid h2{margin:0 0 12px;color:var(--sv3-ink);font-size:1.32rem;line-height:1.15;letter-spacing:-.035em}
.sv3-portal-card p,.sv3-portal-feature p,.sv3-portal-object-card p,.sv3-portal-audience-card p,.sv3-management-block p,.sv3-management-example-grid p{margin:0;color:#506176;line-height:1.65;font-weight:650}
.sv3-portal-feature-section{background:linear-gradient(180deg,#fff,#f4f9ff)}
.sv3-portal-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.sv3-portal-feature{min-height:230px;position:relative;overflow:hidden}
.sv3-portal-feature:before{content:"";display:block;width:42px;height:6px;border-radius:99px;background:linear-gradient(90deg,var(--sv3-green),var(--sv3-blue));margin-bottom:20px}
.sv3-portal-workflow-section,.sv3-management-flow-section{background:#07111f;color:#fff}
.sv3-portal-workflow-grid,.sv3-portal-security-grid,.sv3-portal-detail-grid,.sv3-management-flow-wrap{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:28px;align-items:start}
.sv3-portal-dark-copy{position:sticky;top:104px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.07);border-radius:var(--sv3-radius-lg);padding:34px;box-shadow:0 24px 70px rgba(0,0,0,.2)}
.sv3-portal-dark-copy h2,.sv3-portal-security-copy h2{font-size:clamp(2.4rem,4.7vw,5rem);line-height:.98;letter-spacing:-.06em;margin:0 0 18px;color:#fff}
.sv3-portal-dark-copy p,.sv3-portal-security-copy p{color:rgba(255,255,255,.78);font-weight:700;line-height:1.7}
.sv3-portal-step-list{display:grid;gap:16px}
.sv3-portal-step{display:grid;grid-template-columns:72px 1fr;gap:18px;background:#fff;color:var(--sv3-ink);border-radius:26px;padding:22px;box-shadow:0 18px 42px rgba(0,0,0,.14)}
.sv3-portal-step>strong{display:grid;place-items:center;width:58px;height:58px;border-radius:20px;background:linear-gradient(135deg,var(--sv3-green),var(--sv3-blue));color:#fff;font-weight:1000}
.sv3-portal-step h3{margin:0 0 8px;font-size:1.25rem;letter-spacing:-.03em}
.sv3-portal-step p{margin:0;color:#506176;line-height:1.62;font-weight:650}
.sv3-portal-object-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.sv3-portal-audience-section{background:linear-gradient(180deg,#f5f9fe,#fff)}
.sv3-portal-audience-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.sv3-portal-security-section{background:linear-gradient(145deg,#eef8f2,#eef7ff)}
.sv3-portal-security-copy{background:#07111f;color:#fff;border-radius:var(--sv3-radius-lg);padding:34px;box-shadow:var(--sv3-shadow-sm)}
.sv3-portal-security-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.sv3-portal-security-list article{background:#fff;border:1px solid rgba(199,215,231,.85);border-radius:26px;padding:24px;box-shadow:0 12px 32px rgba(7,17,31,.06)}
.sv3-portal-security-list h3{margin:0 0 10px;font-size:1.2rem;letter-spacing:-.03em}
.sv3-portal-security-list p{margin:0;color:#506176;line-height:1.62;font-weight:650}
.sv3-portal-faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.sv3-portal-faq-item{background:#fff;border:1px solid var(--sv3-line);border-radius:24px;padding:22px;box-shadow:0 10px 30px rgba(7,17,31,.05)}
.sv3-portal-faq-item summary{cursor:pointer;color:var(--sv3-ink);font-weight:1000;letter-spacing:-.02em;line-height:1.3}
.sv3-portal-faq-item p{margin:14px 0 0;color:#506176;line-height:1.65;font-weight:650}
.sv3-portal-detail-hero{padding:48px 0 34px;background:radial-gradient(circle at 20% 10%,rgba(14,165,233,.18),transparent 32%),linear-gradient(180deg,#f7fbff,#fff)}
.sv3-portal-detail-panel{background:linear-gradient(145deg,#07111f,#10375d);color:#fff}
.sv3-portal-detail-panel strong{font-size:1.45rem;letter-spacing:-.03em}
.sv3-portal-detail-panel p{color:rgba(255,255,255,.78);line-height:1.7;font-weight:700}
.sv3-management-block-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.sv3-management-relation-list{display:grid;gap:14px}
.sv3-management-relation-list article{background:#fff;color:var(--sv3-ink);border-radius:24px;padding:22px;box-shadow:0 18px 42px rgba(0,0,0,.14)}
.sv3-management-relation-list strong{display:block;font-size:1.35rem;letter-spacing:-.035em;margin-bottom:8px}
.sv3-management-relation-list span{display:block;color:#506176;line-height:1.6;font-weight:700}
.sv3-management-example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.sv3-portal-animate-item{opacity:1;transform:none}
.sv3-portal-js .sv3-portal-animate-item{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}
.sv3-portal-js .sv3-portal-in-view{opacity:1;transform:translateY(0)}
@media (max-width:1180px){.sv3-portal-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sv3-portal-audience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:980px){.sv3-portal-hero-grid,.sv3-portal-workflow-grid,.sv3-portal-security-grid,.sv3-portal-detail-grid,.sv3-management-flow-wrap{grid-template-columns:1fr}.sv3-portal-dark-copy{position:relative;top:auto}.sv3-portal-promise-grid,.sv3-portal-object-grid,.sv3-management-block-grid,.sv3-management-example-grid{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.sv3-portal-hero,.sv3-portal-detail-hero{padding:30px 0 24px}.sv3-portal-hero-copy,.sv3-portal-dashboard,.sv3-portal-detail-hero .sv3-portal-detail-grid>div,.sv3-portal-detail-panel,.sv3-portal-dark-copy,.sv3-portal-security-copy{border-radius:26px;padding:22px}.sv3-portal-hero h1,.sv3-portal-detail-hero h1{font-size:clamp(2.15rem,13vw,4rem);line-height:.98}.sv3-portal-promise-grid,.sv3-portal-feature-grid,.sv3-portal-object-grid,.sv3-portal-audience-grid,.sv3-portal-security-list,.sv3-portal-faq-grid,.sv3-management-block-grid,.sv3-management-example-grid{grid-template-columns:1fr}.sv3-portal-card,.sv3-portal-feature,.sv3-portal-object-card,.sv3-portal-audience-card,.sv3-management-block,.sv3-management-example-grid article,.sv3-portal-faq-item{border-radius:22px;padding:20px}.sv3-portal-step{grid-template-columns:1fr;gap:12px}.sv3-portal-step>strong{width:52px;height:52px;border-radius:18px}.sv3-portal-dark-copy h2,.sv3-portal-security-copy h2{font-size:clamp(2rem,10vw,3.1rem)}.sv3-portal-feature{min-height:auto}}