.hero { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(330px, .95fr); gap: clamp(28px, 5vw, 56px); align-items: center; padding: clamp(58px, 7vw, 84px) 0 30px; }
.hero-content { max-width: 650px; }
.hero-lead { font-size: clamp(1.03rem, .42vw + .96rem, 1.19rem); max-width: 720px; margin-top: 22px; color: var(--muted-strong); }
.hero-actions { display: flex; gap: 14px; flex-wrap: wrap; margin-top: 30px; }
.hero-visual { position: relative; isolation: isolate; }
.hero-visual::before { content:""; position:absolute; inset:-28px; border-radius: 42px; background: radial-gradient(circle at 50% 45%, rgba(73,216,255,.24), transparent 55%); filter: blur(18px); z-index:-1; }
.hero-visual img { width: 100%; border-radius: 30px; border: 1px solid var(--line-strong); box-shadow: var(--shadow); transform: perspective(1100px) rotateY(-2deg) rotateX(1deg); }
.hero-glass-card { position: absolute; left: 20px; right: 20px; bottom: 20px; padding: 17px 18px; border: 1px solid rgba(255,255,255,.22); border-radius: 20px; background: rgba(3,7,18,.62); backdrop-filter: blur(18px); display: grid; gap: 4px; }
.hero-glass-card strong { font-size: 1.05rem; }
.hero-glass-card span { color: var(--muted-strong); }
.stats-strip { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.stats-strip article { padding: 22px; border: 1px solid var(--line); border-radius: 22px; background: rgba(255,255,255,.055); transition: transform .24s ease, border-color .24s ease; }
.stats-strip article:hover { transform: translateY(-4px); border-color: var(--line-strong); }
.stats-strip strong { display: block; color: white; font-size: clamp(1.65rem, 3.2vw, 2.65rem); line-height: 1; letter-spacing: -.045em; }
.stats-strip span { display:block; margin-top: 9px; color: var(--muted); line-height: 1.38; font-size: .96rem; }
.problem-section { padding: clamp(26px, 4vw, 38px); border-radius: var(--radius-xl); border: 1px solid var(--line); background: linear-gradient(135deg, rgba(6,17,42,.92), rgba(10,22,55,.72)); }
.product-duo { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
.product-card { overflow: hidden; display: grid; grid-template-columns: 1fr minmax(130px, 34%); gap: 18px; padding: clamp(22px, 2.8vw, 30px); min-height: 410px; transition: transform .28s ease, border-color .28s ease; }
.product-card:hover { transform: translateY(-5px); border-color: var(--line-strong); }
.product-card img { align-self: end; border-radius: 20px; object-fit: cover; width: 100%; max-height: 260px; border: 1px solid var(--line); box-shadow: 0 18px 46px rgba(0,0,0,.28); }
.product-label { color: var(--cyan); font-size: .8rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.product-card h3 { font-size: clamp(1.7rem, 2.2vw, 2.32rem); margin: 8px 0 12px; }
.orion-card { background: linear-gradient(135deg, rgba(0,38,119,.72), rgba(16,29,55,.68)); }
.clara-card { background: linear-gradient(135deg, rgba(93,31,172,.52), rgba(16,29,55,.68)); }
.intro-card { grid-column: span 1; }
.page-hero { padding: clamp(64px, 7vw, 88px) 0 18px; max-width: 980px; }
.page-hero.compact { max-width: 870px; }
.page-hero p { font-size: clamp(1rem, .32vw + .94rem, 1.12rem); color: var(--muted-strong); }
.page-hero h1 { max-width: 13ch; }
.stacked-copy { display: grid; gap: 13px; }
.stacked-copy p { margin: 0; }
.mission-card { padding: 27px; display: grid; gap: 17px; align-content: start; background: linear-gradient(135deg, rgba(255,255,255,.085), rgba(255,255,255,.035)); }
.mission-card img { background: white; border-radius: 20px; padding: 10px; }
.mission-card strong { font-size: 1.65rem; }
.story-timeline { display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px; }
.timeline-card { padding: 21px; }
.timeline-card span { color: var(--cyan); font-weight: 900; }
.product-detail-grid { display: grid; gap: 22px; }
.detail-card { display: grid; grid-template-columns: minmax(250px, 330px) 1fr; gap: 30px; padding: clamp(22px, 3vw, 30px); align-items: center; }
.detail-card img { border-radius: 22px; max-height: 290px; object-fit: cover; border: 1px solid var(--line); }
.chain-section { text-align: center; padding: clamp(26px, 4vw, 36px); border: 1px solid var(--line); border-radius: var(--radius-xl); background: rgba(255,255,255,.045); }
.chain-flow { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
.chain-flow span { padding: 12px 16px; border-radius: 999px; border: 1px solid var(--line); background: rgba(255,255,255,.06); color: var(--muted-strong); }
.roadmap-list { display: grid; gap: 14px; margin-top: 22px; }
.roadmap-list article { display: grid; grid-template-columns: 132px 235px 1fr; gap: 20px; align-items: center; padding: 19px; border-radius: 20px; border: 1px solid var(--line); background: rgba(255,255,255,.045); }
.roadmap-list span { color: var(--cyan); font-weight: 900; }
.team-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.team-card { padding: 18px; display: grid; gap: 15px; }
.team-card img { width: 106px; height: 106px; border-radius: 50%; object-fit: cover; filter: grayscale(1); border: 1px solid var(--line-strong); background: #fff; box-shadow: 0 14px 30px rgba(0,0,0,.22); }
.team-card span { display: block; color: var(--cyan); font-weight: 800; margin: 6px 0 10px; }
.ecosystem { display: grid; grid-template-columns: .9fr 1.1fr; gap: 28px; align-items: center; padding: 30px; border-radius: var(--radius-xl); border: 1px solid var(--line); background: rgba(255,255,255,.045); }
.partner-logos { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; }
.partner-logos img { width: 100%; height: 82px; object-fit: contain; padding: 12px; border-radius: 16px; background: white; }
.contact-panel { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: clamp(26px, 4vw, 36px); border-radius: var(--radius-xl); border: 1px solid var(--line); background: linear-gradient(135deg, rgba(12,44,143,.32), rgba(139,53,255,.13)); }
@media (max-width: 1020px) { .hero, .product-duo, .ecosystem { grid-template-columns: 1fr; } .hero-content { max-width: 820px; } .stats-strip { grid-template-columns: repeat(2,1fr); } .story-timeline, .team-grid { grid-template-columns: 1fr 1fr; } .detail-card, .roadmap-list article { grid-template-columns: 1fr; } }
@media (max-width: 650px) { .stats-strip, .story-timeline, .team-grid { grid-template-columns: 1fr; } .product-card { grid-template-columns: 1fr; min-height: auto; } h1 { font-size: clamp(2.55rem, 14vw, 3.6rem); } .hero { padding-top: 48px; } .contact-panel { align-items: flex-start; flex-direction: column; } }


/* v6 premium polish */
.hero-logo-lockup { display: inline-flex; align-items: center; gap: 12px; padding: 9px 13px 9px 10px; margin-bottom: 22px; border: 1px solid rgba(255,255,255,.12); border-radius: 999px; background: linear-gradient(135deg, rgba(255,255,255,.075), rgba(255,255,255,.035)); box-shadow: 0 18px 44px rgba(0,0,0,.25); backdrop-filter: blur(18px); }
.hero-logo-lockup img { width: 42px; height: 42px; object-fit: contain; }
.hero-logo-lockup strong { display:block; color:#fff; font-size: 1rem; letter-spacing:.055em; }
.hero-logo-lockup span { display:block; color: var(--muted-strong); font-size: .76rem; letter-spacing:.06em; text-transform: uppercase; }
.hero-visual::after { content:""; position:absolute; inset: 0; border-radius: 32px; background: linear-gradient(115deg, transparent 22%, rgba(255,255,255,.15) 40%, transparent 56%); transform: translateX(-120%); animation: quietSweep 7s ease-in-out infinite; pointer-events:none; }
@keyframes quietSweep { 0%, 66% { transform: translateX(-120%); opacity:0; } 78% { opacity:.55; } 100% { transform: translateX(120%); opacity:0; } }
.problem-section, .ecosystem, .contact-panel, .chain-section { box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 28px 80px rgba(0,0,0,.22); }
.card::after, .team-card::after, .product-card::after { content:""; position:absolute; left: 18px; right: 18px; top: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(255,255,255,.34), transparent); opacity:.75; }
.interaction-hint { display:block; margin-top: 16px; color: var(--muted); }
.team-grid-rich { grid-template-columns: repeat(5, minmax(0, 1fr)); align-items: stretch; }
.team-card-rich { min-height: 390px; padding: 17px; transition: transform .32s cubic-bezier(.2,.8,.2,1), border-color .32s ease, background .32s ease, box-shadow .32s ease; cursor: pointer; }
.team-card-rich:hover, .team-card-rich:focus, .team-card-rich.is-expanded { transform: translateY(-7px) scale(1.015); border-color: rgba(73,216,255,.46); box-shadow: 0 36px 95px rgba(0,0,0,.38), 0 0 0 1px rgba(73,216,255,.08); z-index: 2; }
.team-portrait-wrap { display:flex; justify-content:center; }
.team-card-rich img { width: 118px; height: 118px; transition: filter .3s ease, transform .3s ease, box-shadow .3s ease; }
.team-card-rich:hover img, .team-card-rich:focus img, .team-card-rich.is-expanded img { filter: grayscale(.15); transform: translateY(-2px) scale(1.04); box-shadow: 0 18px 42px rgba(42,125,255,.22); }
.team-card-copy { display:grid; gap: 8px; }
.team-card-copy p { margin: 0; font-size: .96rem; line-height: 1.58; }
.team-card-rich span { font-size: .84rem; line-height: 1.36; }
.team-detail { max-height: 0; overflow: hidden; opacity: 0; transform: translateY(7px); transition: max-height .48s ease, opacity .35s ease, transform .35s ease; border-top: 1px solid transparent; }
.team-card-rich:hover .team-detail, .team-card-rich:focus .team-detail, .team-card-rich.is-expanded .team-detail { max-height: 360px; opacity: 1; transform: translateY(0); border-top-color: var(--line); padding-top: 10px; margin-top: 4px; }
.team-detail p { color: var(--muted-strong); font-size: .92rem; }
@media (max-width: 1180px) { .team-grid-rich { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 820px) { .team-grid-rich { grid-template-columns: repeat(2, 1fr); } .hero-logo-lockup span { display:none; } }
@media (max-width: 560px) { .team-grid-rich { grid-template-columns: 1fr; } }

/* v7 public polish and modal login */
.hero { min-height: calc(100vh - 120px); align-items: center; }
.hero-logo-lockup { padding: 8px 15px 8px 9px; border-color: rgba(255,255,255,.16); background: rgba(255,255,255,.055); }
.hero-logo-lockup img { width: 44px; height: 44px; border-radius: 12px; }
.hero-lead { max-width: 780px; }
.page-hero { padding-top: clamp(52px, 6vw, 78px); }
.page-hero h1 { max-width: 18ch; }
.section { margin-top: 68px; }
.story-narrative { display:grid; grid-template-columns: minmax(280px, .75fr) minmax(0, 1.25fr); gap: clamp(28px, 5vw, 70px); padding: clamp(26px, 4vw, 42px); border:1px solid var(--line); border-radius: var(--radius-xl); background: linear-gradient(135deg, rgba(255,255,255,.07), rgba(255,255,255,.028)); box-shadow: var(--shadow-soft); }
.story-narrative-head h2 { margin-top: 14px; }
.story-long-copy { columns: 2 320px; column-gap: 34px; }
.story-long-copy p { break-inside: avoid; margin-top: 0; }
.story-insight-grid { display:grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.story-insight-card { min-height: 220px; }
.story-timeline-wide { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.team-grid-pro { grid-template-columns: repeat(5, minmax(190px, 1fr)); gap: 18px; overflow: visible; }
.team-card-pro { min-height: 360px; overflow: visible; }
.team-card-pro .team-card-copy > p { color: var(--muted); }
.team-card-pro .team-detail { display:none; }
.team-detail-panel { position:absolute; left: 50%; top: calc(100% - 18px); width: min(520px, 88vw); opacity: 0; visibility: hidden; transform: translate(-50%, 10px) scale(.98); z-index: 8; transition: opacity .22s ease, transform .22s ease, visibility .22s ease; pointer-events:none; }
.team-detail-panel-inner { padding: 20px; border: 1px solid rgba(181,212,255,.22); border-radius: 22px; background: rgba(5,12,27,.96); box-shadow: 0 28px 90px rgba(0,0,0,.52), inset 0 1px 0 rgba(255,255,255,.08); backdrop-filter: blur(20px); }
.team-detail-panel strong { display:block; margin-bottom: 8px; color:#fff; }
.team-detail-panel p { margin:0; color: var(--muted-strong); font-size:.94rem; line-height:1.62; }
.team-card-pro:hover .team-detail-panel, .team-card-pro:focus .team-detail-panel, .team-card-pro.is-expanded .team-detail-panel { opacity:1; visibility:visible; transform: translate(-50%, 0) scale(1); }
.team-card-pro:hover, .team-card-pro:focus, .team-card-pro.is-expanded { z-index: 12; }
.login-modal[hidden] { display:none; }
.login-modal { position: fixed; inset: 0; z-index: 80; display:grid; place-items:center; padding: 24px; }
.login-modal-backdrop { position:absolute; inset:0; background: rgba(0,4,12,.72); backdrop-filter: blur(14px); }
.login-modal-card { position: relative; width: min(440px, 100%); padding: 28px; border:1px solid rgba(181,212,255,.22); border-radius: 28px; background: rgba(9,20,38,.92); box-shadow: 0 42px 130px rgba(0,0,0,.55); display:grid; gap: 18px; }
.login-modal-card h2 { margin: 0; }
.login-modal-card p { margin: 0; color: var(--muted-strong); }
.login-modal-close { position:absolute; right: 16px; top: 14px; width: 34px; height: 34px; border-radius: 50%; border:1px solid var(--line); background:rgba(255,255,255,.06); color:#fff; cursor:pointer; font-size:1.3rem; line-height:1; }
.auth-brand-modal { width: fit-content; margin-bottom: 4px; }
body.modal-open { overflow: hidden; }
@media (max-width: 1240px) { .story-insight-grid, .team-grid-pro { grid-template-columns: repeat(2, minmax(0, 1fr)); } .story-timeline-wide { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 900px) { .story-narrative { grid-template-columns: 1fr; } }
@media (max-width: 650px) { .story-insight-grid, .team-grid-pro, .story-timeline-wide { grid-template-columns: 1fr; } }