*{margin:0;padding:0;box-sizing:border-box}
:root{--p:#ff6fae;--s:#5cc8ff;--a:#48d7b8;--txt:#1f2937;--mut:rgba(31,41,55,.72);--bg:#f7fbff;--bg2:#f1f7ff;--card:#ffffff;--line:rgba(31,41,55,.08);--shadow:0 18px 45px rgba(30,41,59,.12);--shadow2:0 10px 26px rgba(30,41,59,.10);--r12:14px;--r16:18px;--r20:24px;--grad:linear-gradient(135deg,#ff6fae 0%,#5cc8ff 62%,#48d7b8 120%);--grad2:linear-gradient(135deg,rgba(255,111,174,.18),rgba(92,200,255,.18));--t:all .25s cubic-bezier(.4,0,.2,1)}
html{scroll-behavior:smooth}
body{font-family:'Noto Sans SC',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Microsoft YaHei",sans-serif;line-height:1.7;color:var(--txt);background:radial-gradient(1200px 640px at 16% -10%,rgba(255,111,174,.22),transparent 60%),radial-gradient(1000px 560px at 88% 10%,rgba(92,200,255,.24),transparent 58%),radial-gradient(900px 520px at 60% 110%,rgba(72,215,184,.18),transparent 55%),repeating-radial-gradient(circle at 20px 20px,rgba(31,41,55,.035) 0 1px,transparent 1px 14px),linear-gradient(180deg,var(--bg),#ffffff);overflow-x:hidden;padding-top:74px}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{max-width:1160px;margin:0 auto;padding:0 18px}

.navbar{position:fixed;top:0;width:100%;z-index:1000;background:rgba(247,251,255,.72);backdrop-filter:saturate(175%) blur(12px);border-bottom:1px solid var(--line);transition:var(--t)}
.navbar.scrolled{background:rgba(247,251,255,.92)}
.nav-container{max-width:1160px;margin:0 auto;padding:0 18px;display:flex;justify-content:space-between;align-items:center;height:74px;gap:14px}
.nav-logo{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.2px}
.nav-logo img{width:34px;height:34px;border-radius:12px;box-shadow:0 12px 26px rgba(30,41,59,.14)}
.nav-menu{display:flex;list-style:none;gap:22px;align-items:center}
.nav-link{color:var(--mut);font-weight:600;transition:var(--t);position:relative;display:inline-block;padding:8px 0}
.nav-link:hover{color:var(--txt)}
.nav-link::after{content:'';position:absolute;left:0;right:0;bottom:2px;height:2px;transform:scaleX(0);transform-origin:left;background:var(--grad);transition:var(--t)}
.nav-link:hover::after{transform:scaleX(1)}

.btn{display:inline-flex;align-items:center;gap:.55rem;padding:.95rem 1.7rem;border:none;border-radius:999px;text-decoration:none;font-weight:650;font-size:1rem;transition:var(--t);cursor:pointer}
.btn-primary{background:var(--grad);color:#0b1220;box-shadow:0 14px 34px rgba(255,111,174,.18)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 46px rgba(92,200,255,.18)}
.btn-secondary{background:rgba(234,240,255,.06);color:var(--txt);border:1px solid rgba(234,240,255,.18)}
.btn-secondary:hover{transform:translateY(-2px);border-color:rgba(234,240,255,.28);background:rgba(234,240,255,.08)}
.file-info{font-size:.82rem;opacity:.9;margin-left:.45rem;display:inline-block}
.nav-menu .btn{padding:.7rem 1.2rem;font-size:.95rem}

.hamburger{display:none;flex-direction:column;cursor:pointer;padding:10px 10px;border-radius:16px;border:1px solid rgba(31,41,55,.12);background:rgba(31,41,55,.04);transition:var(--t)}
.hamburger:hover{background:rgba(255,111,174,.08);border-color:rgba(255,111,174,.18)}
.bar{width:24px;height:3px;background:var(--txt);margin:3px 0;transition:var(--t);border-radius:3px}
.hamburger.active .bar:nth-child(2){opacity:0}
.hamburger.active .bar:nth-child(1){transform:translateY(9px) rotate(45deg)}
.hamburger.active .bar:nth-child(3){transform:translateY(-9px) rotate(-45deg)}

.hero{position:relative;min-height:86vh;display:flex;align-items:center;overflow:hidden;padding:54px 0}
.hero::before{content:'';position:absolute;inset:-2px;background:radial-gradient(760px 420px at 18% 22%,rgba(255,111,174,.18),transparent 55%),radial-gradient(900px 520px at 70% 10%,rgba(92,200,255,.20),transparent 60%);pointer-events:none}
.hero-background{position:absolute;inset:0;background:url('../images/cien-hero.webp') center/cover;filter:brightness(1.08) contrast(.92) saturate(1.15);opacity:.16;transform:scale(1.03);z-index:-2}
.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.15fr .85fr;gap:22px;align-items:stretch}
.hero-content{padding:22px 4px}
.hero-title{font-size:3.4rem;line-height:1.12;font-weight:850;letter-spacing:.2px;margin-bottom:10px;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero-subtitle{color:var(--mut);font-size:1.1rem;margin-bottom:14px}
.hero-description{color:rgba(31,41,55,.78);font-size:1.02rem;line-height:1.9;margin-bottom:22px;max-width:640px}
.hero-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:22px}
.hero-features{display:flex;gap:10px;flex-wrap:wrap}
.feature-tag{display:flex;align-items:center;gap:.5rem;padding:.55rem .9rem;border-radius:999px;background:rgba(31,41,55,.04);border:1px solid rgba(31,41,55,.08);color:rgba(31,41,55,.82);transition:var(--t);font-size:.92rem}
.feature-tag i{color:rgba(31,41,55,.55)}
.feature-tag:hover{transform:translateY(-2px);border-color:rgba(255,111,174,.26);background:rgba(255,111,174,.08)}

.hero-panel{display:flex;align-items:stretch}
.panel-card{width:100%;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.82));border:1px solid rgba(31,41,55,.10);border-radius:var(--r20);box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column}
.panel-media{position:relative}
.panel-media img{width:100%;height:210px;object-fit:cover}
.panel-media::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.78) 72%,rgba(255,255,255,.92) 100%)}
.panel-body{padding:18px}
.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.panel-title strong{font-size:1.05rem}
.panel-title span{color:rgba(31,41,55,.7);font-size:.92rem}
.panel-points{display:grid;gap:10px;margin-top:12px}
.point{display:flex;gap:10px;align-items:flex-start;padding:12px;border-radius:var(--r16);border:1px solid rgba(31,41,55,.08);background:rgba(31,41,55,.03)}
.point i{color:rgba(31,41,55,.62);margin-top:2px}
.point div{color:rgba(31,41,55,.82);font-size:.95rem;line-height:1.8}

.section-header{text-align:center;margin:0 auto 56px;max-width:820px}
.section-header h2{font-size:2.25rem;font-weight:850;margin-bottom:14px;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.section-header p{color:var(--mut);font-size:1.08rem}

.requirements,.about,.updates,.faq{padding:92px 0;background:var(--bg2)}
.screenshots{padding:92px 0;background:rgba(247,251,255,.9)}

.requirements-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:18px}
.requirement-card{background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.82));border:1px solid rgba(31,41,55,.10);border-radius:var(--r20);padding:22px;box-shadow:var(--shadow2);position:relative;overflow:hidden}
.requirement-card::before{content:'';position:absolute;inset:-2px;background:radial-gradient(520px 220px at 20% 0%,rgba(92,200,255,.18),transparent 60%),radial-gradient(520px 220px at 90% 10%,rgba(255,111,174,.16),transparent 60%);pointer-events:none}
.requirement-header{position:relative;display:flex;align-items:center;gap:10px;margin-bottom:14px}
.requirement-header i{font-size:1.35rem;color:rgba(234,240,255,.8)}
.requirement-header h3{font-size:1.22rem}
.requirement-badge{margin-left:auto;color:rgba(31,41,55,.68);font-size:.85rem;padding:.28rem .7rem;border-radius:999px;border:1px solid rgba(31,41,55,.10);background:rgba(31,41,55,.04)}
.requirement-content{position:relative;display:grid;gap:10px}
.requirement-item{display:flex;gap:12px;align-items:flex-start;padding:12px;border-radius:var(--r16);border:1px solid rgba(31,41,55,.08);background:rgba(31,41,55,.03);transition:var(--t)}
.requirement-item:hover{transform:translateY(-2px);border-color:rgba(92,200,255,.22);background:rgba(92,200,255,.08)}
.requirement-item i{margin-top:2px;color:rgba(31,41,55,.58);width:20px;text-align:center}
.requirement-label{display:block;color:rgba(31,41,55,.68);font-size:.92rem}
.requirement-value{display:block;color:rgba(31,41,55,.88);font-weight:750}

.story-card{display:grid;grid-template-columns:1.6fr .4fr;gap:18px;align-items:center;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.82));border:1px solid rgba(31,41,55,.10);border-radius:var(--r20);padding:26px;box-shadow:var(--shadow2);margin-bottom:22px}
.story-content h3{font-size:1.55rem;margin-bottom:10px}
.story-content p{color:rgba(31,41,55,.78);line-height:1.9}
.story-image{display:flex;align-items:center;justify-content:center;font-size:4.5rem;opacity:.28}

.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.feature-card{background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.82));border:1px solid rgba(31,41,55,.10);border-radius:var(--r20);padding:22px;box-shadow:var(--shadow2);transition:var(--t)}
.feature-card:hover{transform:translateY(-6px);border-color:rgba(255,111,174,.22);box-shadow:var(--shadow)}
.feature-icon{font-size:1.9rem;color:rgba(31,41,55,.62);margin-bottom:12px}
.feature-card h3{font-size:1.18rem;margin-bottom:10px}
.feature-card p{color:rgba(31,41,55,.78);line-height:1.85;margin-bottom:12px}
.feature-tags{display:flex;flex-wrap:wrap;gap:8px}
.tag{padding:5px 10px;border-radius:999px;border:1px solid rgba(31,41,55,.10);background:rgba(31,41,55,.04);color:rgba(31,41,55,.75);font-size:.88rem}

.screenshots-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:16px}
.screenshot-item{position:relative;border-radius:var(--r20);overflow:hidden;border:1px solid rgba(31,41,55,.10);box-shadow:var(--shadow2);transition:var(--t);background:#fff}
.screenshot-item:hover{transform:translateY(-6px)}
.screenshot-item img{width:100%;height:230px;object-fit:cover}
.screenshot-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.9));display:flex;align-items:center;justify-content:center;opacity:0;transition:var(--t)}
.screenshot-item:hover .screenshot-overlay{opacity:1}
.screenshot-overlay i{font-size:2.6rem;color:rgba(31,41,55,.62)}

.updates-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}
.update-card{background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.82));border:1px solid rgba(31,41,55,.10);border-radius:var(--r20);padding:20px;box-shadow:var(--shadow2);transition:var(--t)}
.update-card:hover{transform:translateY(-6px);border-color:rgba(92,200,255,.22);box-shadow:var(--shadow)}
.update-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.badge{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;border:1px solid rgba(31,41,55,.10);background:rgba(31,41,55,.04);color:rgba(31,41,55,.72);font-size:.88rem}
.update-card h3{font-size:1.18rem;margin-bottom:10px}
.update-card p{color:rgba(31,41,55,.78);line-height:1.85}

.faq-list{display:grid;gap:12px;max-width:940px;margin:0 auto}
.faq-item{background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.82));border:1px solid rgba(31,41,55,.10);border-radius:var(--r20);padding:16px 16px;box-shadow:var(--shadow2);transition:var(--t)}
.faq-item:hover{border-color:rgba(255,111,174,.22)}
.faq-item h3{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:1.04rem}
.faq-item h3 i{color:rgba(31,41,55,.55);transition:var(--t)}
.faq-answer{margin-top:12px;color:rgba(31,41,55,.78);line-height:1.9;display:none}
.faq-item.active .faq-answer{display:block}
.faq-item.active h3 i{transform:rotate(180deg)}

.page-hero{position:relative;padding:78px 0 70px;background:linear-gradient(135deg,rgba(255,111,174,.12),rgba(92,200,255,.12));overflow:hidden;border-bottom:1px solid rgba(31,41,55,.08)}
.page-hero .hero-background{filter:brightness(1.06) contrast(.92) saturate(1.15);opacity:.12}
.page-title{font-size:2.25rem;line-height:1.2;font-weight:850;margin-bottom:12px;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.page-subtitle{color:rgba(31,41,55,.78);line-height:1.9;max-width:860px}
.page-main{padding:76px 0;background:var(--bg2)}
.breadcrumb{color:rgba(31,41,55,.62);font-size:.95rem;margin-bottom:14px}
.breadcrumb a{color:rgba(31,41,55,.82)}
.card{background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.82));border:1px solid rgba(31,41,55,.10);border-radius:var(--r20);box-shadow:var(--shadow2);padding:24px}
.post-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}
.post-card{background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.82));border:1px solid rgba(31,41,55,.10);border-radius:var(--r20);overflow:hidden;box-shadow:var(--shadow2);transition:var(--t)}
.post-card:hover{transform:translateY(-8px);border-color:rgba(92,200,255,.22);box-shadow:var(--shadow)}
.post-card img{width:100%;height:190px;object-fit:cover}
.post-body{padding:18px}
.post-body h3{font-size:1.18rem;margin-bottom:10px}
.post-body p{color:rgba(31,41,55,.78);line-height:1.85}
.article h2{margin-top:18px;margin-bottom:10px;font-size:1.25rem;color:rgba(234,240,255,.9)}
.article p{margin:10px 0;color:rgba(31,41,55,.78);line-height:1.95}
.article ul{margin:10px 0 10px 18px;color:rgba(31,41,55,.78)}
.article li{margin:6px 0}

.footer{background:rgba(247,251,255,.95);padding:60px 0 20px;border-top:1px solid rgba(31,41,55,.08)}
.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:26px;margin-bottom:40px}
.footer-section h3,.footer-section h4{margin-bottom:12px;font-size:1.12rem}
.footer-section h3{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.footer-section p{color:rgba(31,41,55,.78);line-height:1.85}
.footer-section ul{list-style:none;display:grid;gap:10px}
.footer-section ul li a{color:rgba(31,41,55,.74);transition:var(--t)}
.footer-section ul li a:hover{color:rgba(31,41,55,.92)}
.footer-bottom{text-align:center;padding-top:20px;border-top:1px solid rgba(31,41,55,.08);color:rgba(31,41,55,.58);font-size:.95rem}

@media (max-width:980px){.hero-grid{grid-template-columns:1fr}.panel-media img{height:200px}.story-card{grid-template-columns:1fr}}
@media (max-width:780px){body{padding-top:74px}.nav-menu{position:fixed;left:-100%;top:74px;flex-direction:column;background:rgba(247,251,255,.98);width:100%;text-align:center;transition:var(--t);padding:22px 0;border-bottom:1px solid rgba(31,41,55,.08);gap:14px}.nav-menu.active{left:0}.hamburger{display:flex}.hero{min-height:82vh}.hero-title{font-size:2.6rem}.btn{padding:.9rem 1.5rem}.requirements-grid{grid-template-columns:1fr}.screenshots-grid{grid-template-columns:1fr}.updates-list{grid-template-columns:1fr}.post-grid{grid-template-columns:1fr}}


/* Whitehat protocol surfaces: scoped to preserve the original visual system. */
[data-seo-managed="download-link"] { text-decoration: none; }
.seo-news-main { width: min(1120px, calc(100% - 2rem)); margin: 2.5rem auto 4rem; }
.seo-news-heading { text-align: center; margin: 0 auto 2rem; }
.seo-news-heading h1 { margin: .3rem 0 .6rem; }
.seo-news-eyebrow { letter-spacing: .16em; font-size: .82rem; opacity: .7; }
.seo-news-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 290px), 1fr)); gap: 1rem; }
.seo-news-list .seo-news-card { min-width: 0; }
.seo-news-date { display: block; margin: .55rem 0; font-size: .9em; opacity: .78; }
.seo-news-back { width: min(1120px, calc(100% - 2rem)); margin: 1.5rem auto; }
.seo-news-back a { color: inherit; text-underline-offset: .2em; }
.seo-news-plain-text { white-space: pre-wrap; line-height: 1.9; overflow-wrap: anywhere; }
.seo-download-modal { position: fixed; inset: 0; z-index: 10000; display: flex; align-items: center; justify-content: center; padding: 1rem; background: rgba(0, 0, 0, .58); }
.seo-download-dialog { width: min(430px, 100%); padding: 1.4rem; border-radius: .8rem; background: #182033; color: #fff; box-shadow: 0 1.2rem 3rem rgba(0,0,0,.35); }
.seo-download-dialog h3 { margin: 0 0 .7rem; }.seo-download-dialog p { margin: 0; line-height: 1.65; }
.seo-download-actions { display: flex; justify-content: flex-end; gap: .75rem; margin-top: 1.15rem; }.seo-download-actions button { padding: .65rem 1rem; cursor: pointer; }
@media (max-width: 640px) { .seo-news-main { width: min(100% - 1.25rem, 1120px); margin-top: 1.5rem; }.seo-news-list { grid-template-columns: 1fr; } }