:root{--p9-navy:#07162f;--p9-blue:#176dff;--p9-cyan:#4bc4ff;--p9-ink:#0a1934;--p9-muted:#617491;--p9-line:#dce7f6;--p9-soft:#f4f8fe;--p9-shadow:0 16px 44px rgba(7,31,72,.08);--p9-shadow-deep:0 26px 70px rgba(4,29,76,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body.p9{margin:0;font-family:Manrope,system-ui,sans-serif;background:linear-gradient(180deg,#f7faff,#fff);color:var(--p9-ink);overflow-x:hidden}.p9 a{text-decoration:none}img{max-width:100%;display:block}
.p9-container{width:min(1220px,calc(100% - 40px));margin-inline:auto}.p9-header{position:sticky;top:0;z-index:800;background:rgba(7,22,47,.92);backdrop-filter:saturate(140%) blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}.p9-head{min-height:76px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px}.p9-brand{display:flex;align-items:center;gap:10px;color:#fff;font-weight:900;font-size:1.15rem}.p9-brand img{width:54px;height:36px}.p9-nav{display:flex;justify-content:center;gap:28px}.p9-nav a{color:#e8eff8;font-size:.82rem;font-weight:800}.p9-actions{display:flex;gap:10px;align-items:center}.p9-actions a{padding:11px 14px;border-radius:11px;font-size:.76rem;font-weight:900}.p9-actions .mail{border:1px solid rgba(255,255,255,.24);color:#fff}.p9-actions .project{background:linear-gradient(135deg,#176dff,#22a0ff);color:#fff}.p9-menu{display:none;width:42px;height:42px;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:rgba(255,255,255,.06);color:#fff}.p9-breadcrumb{padding:20px 0 0;font-size:.82rem;color:#6a7e99}.p9-breadcrumb a{color:#176dff}
.p9-hero{padding:24px 0 20px}.p9-hero-box{position:relative;display:grid;grid-template-columns:1.12fr .88fr;gap:30px;align-items:center;padding:40px;border-radius:32px;overflow:hidden;background:radial-gradient(circle at 18% 12%,rgba(58,146,255,.22),transparent 28%),linear-gradient(135deg,#071a39,#0c2b5b 62%,#1052a5);color:#fff;box-shadow:var(--p9-shadow-deep)}.p9-hero-box:before{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 14%,rgba(255,255,255,.045) 26%,rgba(119,180,255,.13) 52%,rgba(255,255,255,.045) 70%,transparent 84%);transform:translateX(-120%) skewX(-18deg);animation:sweep 7s ease-in-out infinite;pointer-events:none}.p9-kicker{font-size:.7rem;text-transform:uppercase;letter-spacing:.17em;font-weight:900;color:#58aaff}.p9-copy,.p9-logo-panel{position:relative;z-index:2}.p9-copy h1{font-size:clamp(2.8rem,4.8vw,4.8rem);line-height:.98;letter-spacing:-.06em;margin:12px 0 16px}.p9-copy p{color:#cad8e9;font-size:1.04rem;line-height:1.82;margin:0}.p9-chip-row{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 0}.p9-chip{display:inline-flex;align-items:center;padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12);color:#fff;font-size:.8rem;font-weight:800}.p9-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.p9-cta a{padding:14px 19px;border-radius:12px;font-weight:900}.p9-cta .primary{background:#fff;color:#0b2855}.p9-cta .secondary{border:1px solid rgba(255,255,255,.25);color:#fff}.p9-logo-panel{min-height:260px;display:flex;align-items:center;justify-content:center;padding:34px;border-radius:26px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13)}.p9-logo-panel img{max-width:100%;max-height:190px;object-fit:contain}
.p9-section{padding:58px 0}.p9-section.soft{background:linear-gradient(180deg,#f2f7fd,#fbfdff)}.p9-heading{max-width:840px;margin-bottom:28px}.p9-heading h2{font-size:clamp(2.25rem,3.1vw,3.6rem);line-height:1.03;letter-spacing:-.05em;margin:10px 0 12px}.p9-heading p{margin:0;color:var(--p9-muted);line-height:1.78}.p9-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.p9-card{padding:24px;border-radius:20px;background:#fff;border:1px solid var(--p9-line);box-shadow:var(--p9-shadow);transition:.24s ease}.p9-card:hover{transform:translateY(-4px);box-shadow:0 22px 48px rgba(7,44,109,.12)}.p9-card h3{font-size:1.07rem;margin:0 0 9px}.p9-card p{margin:0;color:var(--p9-muted);font-size:.92rem;line-height:1.74}
.p9-band{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.p9-band article{padding:22px;border-radius:22px;background:#fff;border:1px solid var(--p9-line);box-shadow:var(--p9-shadow)}.p9-band strong{display:block;font-size:1rem;margin-bottom:8px}.p9-band p{margin:0;color:var(--p9-muted);line-height:1.7;font-size:.9rem}
.p9-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.p9-use{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.p9-use article,.p9-note,.p9-process article{padding:24px;border-radius:20px;background:#fff;border:1px solid var(--p9-line);box-shadow:var(--p9-shadow)}.p9-use h3,.p9-process h3{margin:0 0 9px;font-size:1.1rem}.p9-use p,.p9-note p,.p9-process p{margin:0;color:var(--p9-muted);line-height:1.72}.p9-note h3{margin:0 0 10px;font-size:1.15rem}.p9-list{margin:0;padding:0;list-style:none;display:grid;gap:10px}.p9-list li{display:flex;gap:10px;padding:14px 16px;border-radius:18px;background:#fff;border:1px solid var(--p9-line);box-shadow:var(--p9-shadow)}.p9-list li:before{content:'✓';display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#176dff,#4bc4ff);color:#fff;font-weight:900;flex:0 0 24px}.p9-process{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.p9-final{padding:34px;border-radius:24px;background:linear-gradient(135deg,#071a39,#0b2b5c 65%,#1050a1);color:#fff;display:grid;grid-template-columns:1fr auto;gap:25px;align-items:center;box-shadow:var(--p9-shadow-deep)}.p9-final h2{font-size:2rem;line-height:1.08;margin:0 0 9px}.p9-final p{margin:0;color:#c7d6e8;line-height:1.68}.p9-final a{padding:14px 19px;border-radius:11px;background:#1b7fff;color:#fff;font-weight:900}
.p9-footer{background:#06162f;color:#fff;padding:28px 0 18px}.p9-footer-grid{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}.p9-footer p{color:#aebed2;font-size:.77rem;line-height:1.55}.p9-footer nav{display:flex;gap:15px;flex-wrap:wrap}.p9-footer nav a{color:#d9e4f2;font-size:.73rem}.p9-menu-open{overflow:hidden}
[data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .68s ease,transform .68s cubic-bezier(.2,.7,.2,1)}[data-reveal="left"]{transform:translateX(-30px)}[data-reveal="right"]{transform:translateX(30px)}[data-reveal="up"]{transform:translateY(26px)}.is-visible{opacity:1!important;transform:none!important}
@keyframes sweep{0%,12%{transform:translateX(-120%) skewX(-18deg);opacity:0}18%{opacity:1}40%{transform:translateX(120%) skewX(-18deg);opacity:.82}100%{transform:translateX(120%) skewX(-18deg);opacity:0}}
@media(max-width:980px){.p9-nav{display:none}.p9-actions .mail,.p9-actions .project{display:none}.p9-menu{display:block}.p9-hero-box,.p9-grid,.p9-use,.p9-band,.p9-process,.p9-columns,.p9-final{grid-template-columns:1fr}.p9-menu-open .p9-nav{display:flex;position:fixed;inset:76px 10px auto 10px;z-index:850;flex-direction:column;gap:0;padding:12px;background:#071a38;border:1px solid rgba(255,255,255,.12);border-radius:15px}.p9-menu-open .p9-nav a{padding:13px 11px}}
@media(max-width:620px){.p9-container{width:min(100% - 24px,1220px)}.p9-head{min-height:66px}.p9-copy h1{font-size:2.5rem}.p9-hero-box{padding:25px;border-radius:24px}.p9-heading h2{font-size:2rem}.p9-grid,.p9-use,.p9-band,.p9-process,.p9-columns{grid-template-columns:1fr}.p9-section{padding:44px 0}.p9-footer-grid{grid-template-columns:1fr}.p9-final h2{font-size:1.75rem}}