.creative{background:#10130d}.creative-grid,.results-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.creative-card{border:1px solid var(--line);min-width:0;background:var(--paper)}
.creative-visual{position:relative;display:grid;place-items:center;height:245px;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at center,#d2f5420f,transparent 65%)}
.visual-code{position:absolute;bottom:18px;left:22px;font:9px Arial,sans-serif;letter-spacing:1.5px;color:var(--muted)}
.creative-body{padding:28px 24px 32px}.creative-type{font:11px Arial,sans-serif;letter-spacing:2px;color:var(--accent)}
.creative-body h3{font-size:23px;letter-spacing:-1px;margin:15px 0}.creative-body p,.result-card>p:last-child{font-size:14px;line-height:1.9;color:var(--muted);margin:0}
.video-frame{display:flex;gap:8px;align-items:center;justify-content:center;width:72%;height:130px;border:1px solid #d2f54245;transform:rotate(-7deg)}
.video-frame i{display:block;width:5px;height:50px;background:var(--accent);animation:creative-wave 2s ease-in-out infinite alternate;animation-play-state:paused}
.video-frame i:nth-child(3n){height:85px;animation-delay:-.5s}.video-frame i:nth-child(2n){height:32px;animation-delay:-1.2s}
.ai-shape{position:relative;width:145px;height:145px;animation:creative-turn 18s linear infinite;animation-play-state:paused}
.ai-shape i{position:absolute;inset:0;border:1px solid var(--accent);border-radius:38% 62% 62% 38%;transform:rotate(0deg)}
.ai-shape i:nth-child(2){transform:rotate(60deg);opacity:.6}.ai-shape i:nth-child(3){transform:rotate(120deg);opacity:.3}
.image-layout{position:relative;width:180px;height:142px;border:1px solid #d2f54255;padding:17px;transform:rotate(6deg)}
.image-layout i{display:block;background:var(--accent);height:7px;margin-bottom:10px;width:80%;transform-origin:left;animation:creative-compose 4s ease-in-out infinite;animation-play-state:paused}
.image-layout i:first-child{width:70px;height:60px;border-radius:50%;background:transparent;border:1px solid var(--accent)}
.image-layout i:last-child{width:55%;animation-delay:.25s}
.geometry-active .creative-visual *{animation-play-state:running}body.geometry-hidden .creative-visual *{animation-play-state:paused!important}
@keyframes creative-wave{to{transform:scaleY(.3);opacity:.4}}@keyframes creative-turn{to{transform:rotate(360deg)}}@keyframes creative-compose{0%,100%{transform:scaleX(.6);opacity:.35}40%,75%{transform:scaleX(1);opacity:1}}
.creative-summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:32px;margin:0;font-size:13px;color:var(--muted)}.creative-summary span{color:var(--accent)}
.result-card{padding:28px 24px 32px;border:1px solid var(--line);position:relative;overflow:hidden;min-width:0;background:linear-gradient(155deg,#d2f54208,transparent 65%)}
.result-index{font:9px Arial,sans-serif;letter-spacing:1.1px;color:var(--muted)}.result-context{font-size:13px;margin:28px 0 12px;color:var(--muted)}
.result-number{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;min-height:95px;color:var(--accent)}.result-number strong{font-size:clamp(36px,4vw,64px);line-height:1.2;letter-spacing:-3px;font-weight:800}.result-number span{font-size:13px;white-space:nowrap}
.result-card h3{margin:16px 0;font-size:20px;letter-spacing:-.8px}
.result-number .result-period{flex-basis:100%;font-size:clamp(26px,2.5vw,36px);font-weight:800;letter-spacing:-1px;line-height:1.25;margin-bottom:2px}
.result-number .result-multiple{flex-basis:100%;font-size:20px;font-weight:750;letter-spacing:-.6px;line-height:1.4;margin:2px 0 8px;color:var(--ink)}
.growth-cases{display:grid;gap:28px;margin-bottom:36px}
.growth-case{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:38px;padding:36px;border:1px solid var(--line);background:linear-gradient(135deg,#d2f54209,transparent 55%);align-items:center}
.case-story h3{font-size:clamp(24px,2.3vw,34px);line-height:1.4;letter-spacing:-1.2px;margin:20px 0}
.case-metric{display:flex;flex-direction:column;align-items:flex-start;color:var(--accent);gap:4px}.case-metric>span:first-child{font-size:15px;color:var(--muted);margin-bottom:12px}.case-metric>span:first-child span{color:var(--accent);margin-left:14px}.case-metric .case-period{font-size:28px;font-weight:800;letter-spacing:-1px}.case-metric strong{font:800 clamp(50px,5.4vw,80px)/1.15 Arial,sans-serif;letter-spacing:-3px}.case-metric strong span{font-size:25px;letter-spacing:0}.case-story>p{font-size:14px;line-height:1.9;color:var(--muted);margin:22px 0}
.case-breakdown{margin:24px 0 0;font-size:12px}.case-breakdown>div{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-top:1px solid var(--line)}.case-breakdown dt{color:var(--muted)}.case-breakdown dd{margin:0;white-space:nowrap}.case-breakdown>div:last-child{color:var(--accent);font-weight:700}.case-breakdown>div:last-child dt{color:inherit}
.case-evidence{margin:0;min-width:0}.case-chart>a{display:block;border:1px solid #424936;overflow:hidden;background:#f3f4f7}.case-evidence img{display:block;width:100%;height:auto}.case-evidence figcaption{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:11px;line-height:1.5;color:var(--muted);padding:8px 0}.case-evidence figcaption a{display:inline-flex;align-items:center;min-height:44px;color:var(--accent);white-space:nowrap}.case-source-note{margin:0;font-size:12px;line-height:1.8;color:var(--muted)}
.case-chart{position:relative}
.case-number-zoom{position:absolute;z-index:1;left:11%;top:9%;width:min(54%,260px);margin:0;padding:8px;border:1px solid #d2f542b3;border-radius:7px;background:#141a0ef5;box-shadow:0 5px 16px #0003;pointer-events:none;animation:case-popup-float 4s ease-in-out infinite;animation-play-state:paused}
.case-number-zoom::before{content:"";position:absolute;left:22px;top:100%;width:8px;height:8px;background:#141a0e;border-right:1px solid #d2f542b3;border-bottom:1px solid #d2f542b3;transform:translateY(-4px) rotate(45deg)}
.case-zoom-label{display:flex;align-items:center;gap:6px;color:var(--accent);font-size:9px;font-weight:600;letter-spacing:.3px;margin-bottom:5px}
.case-zoom-label i{width:5px;height:5px;border-radius:50%;background:var(--accent)}
.case-number-zoom svg{display:block;width:100%;height:auto;background:#f3f4f7;overflow:hidden}
.geometry-active .case-number-zoom{animation-play-state:running}
body.geometry-hidden .case-number-zoom{animation-play-state:paused!important}
@keyframes case-popup-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@media(max-width:700px){.case-number-zoom{padding:6px;left:10%;width:57%}.case-zoom-label{font-size:8px;margin-bottom:4px}}
@media(prefers-reduced-motion:reduce){.case-number-zoom{animation:none}}
@media(max-width:1000px){.growth-case{gap:24px;padding:26px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}}
@media(max-width:700px){.growth-case{grid-template-columns:1fr;padding:24px 20px;gap:28px}.case-story h3{font-size:27px}.case-metric strong{font-size:64px}.case-evidence figcaption{flex-wrap:wrap;gap:0}.case-source-note{font-size:11px}.growth-cases{gap:20px;margin-bottom:24px}}
.closing-cta{display:inline-flex;align-items:center;gap:32px;margin-top:28px;padding:17px 24px;min-height:50px;border:1px solid var(--paper);color:var(--accent);background:var(--paper);font-size:14px}.closing-cta:focus-visible{outline-color:var(--paper)}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;margin-top:48px}.contact-copy>p{font-size:15px;line-height:1.9;color:var(--muted);margin:24px 0 36px}
.contact-channels{display:grid;gap:12px}.contact-channel{display:grid;grid-template-columns:1fr auto;gap:10px;padding:19px 20px;border:1px solid var(--line);min-height:86px}.contact-channel>span:first-child{font-size:11px;color:var(--muted);grid-column:1}.contact-channel strong{font-size:15px;font-weight:500;grid-column:1}.contact-channel>span:last-child{grid-column:2;grid-row:1/3;align-self:center;color:var(--accent);font-size:22px}.contact-channel[aria-disabled]{opacity:.5}.contact-channel[href]:hover{border-color:var(--accent)}
.inquiry-form{padding:30px;border:1px solid var(--line);background:#11150e;min-width:0}.inquiry-form[hidden]{display:none}.inquiry-form h3{margin:0 0 28px;font-size:23px;letter-spacing:-.8px}.form-row{margin-bottom:20px;min-width:0}.form-row label{display:block;font-size:13px;margin-bottom:10px}.form-row label span{font-size:10px;color:var(--muted);margin-left:6px}.form-row input,.form-row textarea{display:block;width:100%;min-height:48px;border:1px solid #424936;border-radius:0;background:var(--paper);padding:13px;color:var(--ink);font:inherit;font-size:16px;line-height:1.5}.form-row textarea{resize:vertical}.form-row input:focus-visible,.form-row textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.form-row input::placeholder,.form-row textarea::placeholder{color:#8c9581;font-size:13px}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-note,.inquiry-status{font-size:12px;line-height:1.7;color:var(--muted)}.inquiry-status:empty{margin:0}.inquiry-submit{width:100%;display:flex;justify-content:space-between;align-items:center;min-height:52px;margin-top:20px;padding:15px 20px;background:var(--accent);border:0;color:var(--paper);font-size:14px;font-weight:700;cursor:pointer}.inquiry-submit:disabled{background:#303727;color:#a4af96;cursor:not-allowed}
.contact-channel strong{overflow-wrap:anywhere;min-width:0}
@media(max-width:1000px){.creative-grid,.results-grid{gap:12px}.creative-body,.result-card{padding:24px 18px}.creative-body h3{font-size:20px}.creative-visual{height:210px}.contact-grid{gap:5%}.inquiry-form{padding:24px}.creative-body br{display:none}}
@media(max-width:700px){.creative-grid,.results-grid,.contact-grid{grid-template-columns:1fr}.creative-grid,.results-grid{gap:18px}.creative-visual{height:210px}.creative-body{padding:24px}.creative-summary{flex-wrap:wrap;justify-content:center;font-size:12px;line-height:1.7}.result-card{padding:26px}.result-number{min-height:78px}.result-number strong{font-size:56px}.contact-grid{gap:32px;margin-top:30px}.form-pair{grid-template-columns:1fr;gap:0}.contact-copy>p{font-size:14px}.inquiry-form{padding:24px 20px}.closing-cta{gap:20px}.closing-arrow{display:none}}
@media(prefers-reduced-motion:reduce){.creative-visual *{animation:none!important}}
