/* Phase 2: creative studio inner pages. Scoped styles preserve the Phase 1 homepage. */
.p2-hero{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(125deg,#fff 5%,#f3f8ff 65%,#effdf7);padding:112px 0 96px}
.p2-glow{position:absolute;right:-160px;top:-180px;width:650px;height:650px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.12),transparent 70%);pointer-events:none}
.p2-hero-inner{position:relative;z-index:1}.p2-hero h1{font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(2.9rem,6.3vw,6.2rem);line-height:1.09;letter-spacing:-.065em;max-width:1000px;margin:23px 0}.p2-hero .lead{max-width:690px}
.p2-hero-meta{margin-top:48px;font-size:11px;letter-spacing:.17em;font-weight:800;color:#64748b}.p2-hero-meta span{color:#10b981;padding:0 12px}
.p2-section{position:relative}.p2-intro{max-width:760px;color:#64748b;margin:0 0 35px;line-height:1.8}
.p2-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.p2-card{display:flex;flex-direction:column;min-height:285px;padding:32px;border:1px solid #e2e8f0;border-radius:22px;background:#fff;text-decoration:none;color:#0f172a;transition:transform .25s,box-shadow .25s,border-color .25s;position:relative;overflow:hidden}
.p2-card:before{content:"";position:absolute;inset:auto -20% -65% -20%;height:180px;background:radial-gradient(ellipse,rgba(37,99,235,.07),transparent 70%);pointer-events:none}
.p2-card:hover{transform:translateY(-7px);box-shadow:0 25px 60px rgba(15,23,42,.09);border-color:#bfdbfe}
.p2-card-icon{display:grid;place-items:center;width:54px;height:54px;background:#eff6ff;color:#2563eb;border-radius:15px;font-weight:800;font-size:21px}
.p2-card h3{font-family:'Plus Jakarta Sans',sans-serif;font-size:1.23rem;margin:26px 0 10px}.p2-card p{font-size:.96rem;line-height:1.7;color:#64748b;margin:0 0 24px}.p2-link{margin-top:auto;color:#2563eb;font-weight:800;text-decoration:none;font-size:.93rem}
.p2-feature{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7%;padding:30px 0 70px;border-bottom:1px solid #e2e8f0}.p2-feature:nth-of-type(even) .p2-feature-visual{order:2}
.p2-feature-visual{background:linear-gradient(145deg,#dbeafe,#e7f9f1);border-radius:25px;padding:35px 30px 20px;min-height:300px;overflow:hidden}.p2-feature:nth-of-type(3n) .p2-feature-visual{background:linear-gradient(145deg,#ede9fe,#e0f2fe)}
.p2-visual-label{display:inline-block;font-size:11px;letter-spacing:.14em;font-weight:800;color:#334155;margin-bottom:25px}
.p2-feature-visual small{display:block;font-size:9px;letter-spacing:.07em;color:#475569;margin-top:15px}
.p2-feature-copy h3{font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(1.9rem,3vw,3rem);letter-spacing:-.04em;margin:14px 0}.p2-feature-copy p{color:#64748b;line-height:1.8;max-width:440px}
.p2-ui{background:#fff;border:1px solid #dbe3ee;border-radius:14px;box-shadow:0 25px 45px rgba(15,23,42,.12);transform:rotate(-2deg);overflow:hidden}
.p2-ui-top{height:34px;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;gap:5px;padding:0 14px}.p2-ui-top i{width:7px;height:7px;border-radius:50%;background:#cbd5e1}.p2-ui-top span{font-size:10px;color:#64748b;margin-left:12px;font-weight:700}
.p2-ui-body{display:flex;height:160px}.p2-ui-side{width:46px;background:#0f172a}.p2-ui-content{flex:1;padding:18px}.p2-ui-bars{display:flex;gap:9px}.p2-ui-bars b{height:31px;background:#e0f2fe;border-radius:5px;flex:1}.p2-ui-bars b:nth-child(2){background:#dcfce7}.p2-ui-chart{display:flex;align-items:end;gap:9px;height:62px;margin-top:10px}.p2-ui-chart i{flex:1;background:#93c5fd;border-radius:3px 3px 0 0;height:40%}.p2-ui-chart i:nth-child(2){height:65%}.p2-ui-chart i:nth-child(3){height:48%}.p2-ui-chart i:nth-child(4){height:90%;background:#34d399}.p2-ui-chart i:nth-child(5){height:72%}.p2-ui-chart i:nth-child(6){height:100%}.p2-ui-lines{display:flex;gap:10px;margin-top:12px}.p2-ui-lines b{height:6px;background:#e2e8f0;border-radius:5px;flex:1}
.p2-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.p2-step{padding:30px;border-radius:20px;background:#f8fafc;border:1px solid #e2e8f0}.p2-step strong{font-size:14px;color:#2563eb}.p2-step h3{font-size:1.2rem;margin:22px 0 9px}.p2-step p,.p2-statement p{color:#64748b;line-height:1.7}
.p2-statement{background:#f8fafc;border-radius:24px;padding:44px;max-width:850px}.p2-statement h3{font-size:1.7rem;margin:0 0 10px}
@media(max-width:900px){.p2-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.p2-steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.p2-hero{padding:80px 0 65px}.p2-hero h1{font-size:clamp(2.7rem,12vw,4rem)}.p2-grid,.p2-feature,.p2-steps{grid-template-columns:1fr}.p2-feature:nth-of-type(even) .p2-feature-visual{order:0}.p2-feature{gap:28px}.p2-card{min-height:240px}.p2-hero-meta{line-height:2}}
@media(prefers-reduced-motion:reduce){.p2-card{transition:none}.p2-card:hover{transform:none}.p2-ui{transform:none}}