.creation-section{position:relative;width:100vw;margin-left:calc(50% - 50vw);padding:88px 0;overflow:hidden}.creation-inner{position:relative;max-width:1220px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1fr}.creation-visual,.creation-visual:after{position:absolute;inset:0;pointer-events:none}.creation-visual:after{content:"";background:linear-gradient(90deg,transparent 52%,transparent 84%)}.creation-img{position:absolute;left:0;top:50%;transform:translate(-8%,-50%);width:46vw;max-width:560px;min-width:300px;height:auto;border-radius:0;object-fit:cover;opacity:.92;mask-image:linear-gradient(90deg,black 50%,transparent 86%);-webkit-mask-image:linear-gradient(90deg,black 50%,transparent 86%)}.creation-timeline{position:absolute;top:0;bottom:0;right:calc(max((100vw - 1220px) / 2, 0px) + 34px);width:1px;pointer-events:none;z-index:0;display:block}.creation-timeline:before{content:"";position:absolute;left:50%;top:0;width:1px;height:100%;transform:translateX(-50%);background:linear-gradient(180deg,rgba(15,23,42,0),rgba(15,23,42,.35) 15%,rgba(15,23,42,.35) 85%,rgba(15,23,42,0))}.creation-timeline:after{content:"";position:absolute;left:50%;top:calc(var(--marker-top, 200px) - 60px);width:56px;height:120px;transform:translate(-50%);border-left:2px solid rgba(15,23,42,.35);border-radius:999px}.creation-timeline-dot{position:absolute;left:calc(50% - 33px);top:var(--marker-top,200px);transform:translateY(-50%);width:9px;height:9px;border-radius:50%;background:#0f172a;box-shadow:0 0 0 4px rgba(15,23,42,.06),0 0 28px 14px rgba(139,181,239,.5)}.creation-timeline:before{opacity:0;clip-path:inset(0 0 100% 0)}.creation-section.timeline-live .creation-timeline:before{animation:line-draw-down 1.8s cubic-bezier(.22,1,.36,1) forwards}.creation-timeline:after{opacity:0;clip-path:inset(0 0 100% 0)}.creation-section.timeline-live .creation-timeline:after{animation:line-draw-down 1.8s cubic-bezier(.22,1,.36,1) forwards}.creation-timeline-dot{opacity:0;transition:opacity .35s ease .4s}.creation-section.timeline-live .creation-timeline-dot{opacity:1}.browser-mock{position:absolute;left:0;top:50%;transform:translate(-14%,-62%);width:44vw;max-width:540px;min-width:300px;max-height:680px;background:linear-gradient(180deg,#0b1220,#020617);border-radius:22px;overflow:hidden;box-shadow:0 40px 90px rgba(15,23,42,.4),inset 0 0 0 1px rgba(255,255,255,.04)}.browser-top{display:flex;align-items:center;gap:8px;padding:14px 16px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02));border-bottom:1px solid rgba(255,255,255,.06)}.browser-top .dot{width:10px;height:10px;border-radius:50%}.browser-top .dot.red{background:#fb7185}.browser-top .dot.amber{background:#fbbf24}.browser-top .dot.green{background:#34d399}.browser-url{margin-left:auto;font-size:12px;font-weight:600;color:rgba(226,232,240,.6)}.browser-body{padding:26px 26px 28px;display:grid;gap:20px}.mock-header{display:grid;gap:10px}.mock-title{height:18px;width:62%;background:rgba(255,255,255,.2);border-radius:6px}.mock-subtitle{height:12px;width:72%;background:rgba(255,255,255,.13);border-radius:6px}.mock-button{height:12px;width:120px;border-radius:999px;background:linear-gradient(120deg,#4ade80,#22c55e)}.mock-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.mock-card{position:relative;background:rgba(255,255,255,.05);border-radius:12px;padding:12px;display:grid;gap:6px;overflow:hidden}.mock-card:after{content:"";position:absolute;inset:-6px;border-radius:inherit;background:radial-gradient(circle at 50% 40%,rgba(24,33,52,.14),rgba(24,33,52,0) 60%);pointer-events:none}.mock-card .line{height:8px;background:rgba(255,255,255,.16);border-radius:4px}.mock-card .line.wide{width:78%}.mock-card .line.short{width:52%}.mock-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mock-grid .tile{height:36px;border-radius:10px;background:linear-gradient(120deg,rgba(255,255,255,.07),rgba(148,163,184,.14))}.creation-copy{position:relative;margin-left:auto;max-width:600px;min-width:0;display:grid;gap:16px;text-align:right;z-index:1;transform:translateX(-6%);padding-right:40px}.creation-copy .eyebrow{font-size:11px;letter-spacing:.14em;color:rgba(15,23,42,.42)}.creation-title{margin:0;font-size:clamp(30px,4.5vw,46px);line-height:1.04;font-weight:700;background:linear-gradient(135deg,#0f172a,#1e3a5f 52%,#0f172a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.offer-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;margin-bottom:12px}.offer-pill{position:relative;display:inline-flex;align-items:center;gap:8px;padding:10px 15px;border-radius:999px;font-weight:600;font-size:13px;overflow:hidden}.offer-pill__shine{inset:-1px;opacity:1}.offer-chips.visible .offer-pill{animation:pill-pop .52s cubic-bezier(.34,1.56,.64,1) both}.offer-chips.visible .offer-pill:first-child{animation-delay:.52s}.offer-chips.visible .offer-pill:nth-child(2){animation-delay:.64s}.offer-chips.visible .offer-pill:nth-child(3){animation-delay:.76s}.offer-chips.visible .offer-pill:nth-child(4){animation-delay:.88s}.offer-chips.visible .offer-pill:nth-child(5){animation-delay:1s}@keyframes pill-pop{0%{opacity:0;transform:translateY(10px) scale(.82)}to{opacity:1;transform:translateY(0) scale(1)}}.creation-text{display:grid;gap:12px;margin-bottom:12px}.creation-text p{color:rgba(15,23,42,.52);margin:0;max-width:660px;align-self:end;font-size:15px;line-height:1.65}.creation-stats{display:flex;flex-direction:row;flex-wrap:wrap;gap:18px;align-items:center;justify-content:flex-end;margin-bottom:8px}.stat-row{display:inline-flex;align-items:center;gap:10px}@keyframes beam-spin{to{transform:translate(-50%,-50%) rotate(1turn)}}.stat-bubble-wrap{position:relative;display:inline-flex;border-radius:999px;padding:1.5px;overflow:hidden;flex-shrink:0;background:rgba(15,23,42,.08)}.stat-bubble-wrap:before{content:"";position:absolute;top:50%;left:50%;width:250%;height:250%;transform:translate(-50%,-50%);background:conic-gradient(from 0deg,transparent 0deg,rgba(15,23,42,.5) 45deg,rgba(15,23,42,.15) 85deg,transparent 120deg);animation:beam-spin 3.5s linear infinite;z-index:0}.stat-bubble{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;padding:7px 13px;background:#f8fafc;border-radius:999px;font-size:19px;font-weight:900;color:#0f172a;letter-spacing:-.02em;line-height:1}.stat-bubble--icon{padding:7px 9px}.stat-pct{font-size:11px;font-weight:700;color:rgba(15,23,42,.32);margin-left:2px}.stat-label{font-size:12.5px;font-weight:600;color:rgba(15,23,42,.5);line-height:1.35;text-align:left;max-width:130px}.creation-actions{display:flex;align-items:center;gap:12px;justify-content:flex-end;margin-top:4px}.sv-grid{position:absolute;left:0;top:50%;transform:translate(-8%,-50%);width:42vw;max-width:500px;min-width:280px;display:grid;grid-template-columns:1.6fr 1fr;grid-template-rows:auto auto;gap:10px;pointer-events:none}.sv-card{border-radius:16px;border:1px solid rgba(15,23,42,.08);background:linear-gradient(135deg,rgba(15,23,42,.05),rgba(99,102,241,.1));box-shadow:0 4px 16px rgba(15,23,42,.07);aspect-ratio:4/3;transition:transform .3s ease}.sv-card--wide{grid-column:1/-1;aspect-ratio:16/7}.sv-card--tall{grid-row:span 1}.sv-card--dark{background:linear-gradient(135deg,rgba(15,23,42,.88),rgba(30,41,59,.9));border-color:rgba(255,255,255,.06);box-shadow:0 12px 40px rgba(15,23,42,.3)}.sv-card--accent{background:linear-gradient(135deg,rgba(99,102,241,.14),rgba(139,92,246,.14));border-color:rgba(99,102,241,.18)}.sv-grid--marketing .sv-card--dark{background:linear-gradient(135deg,rgba(12,74,110,.9),rgba(7,89,133,.85))}.sv-grid--marketing .sv-card--accent{background:linear-gradient(135deg,rgba(6,182,212,.14),rgba(14,165,233,.14));border-color:rgba(6,182,212,.2)}.sv-grid--support .sv-card--dark{background:linear-gradient(135deg,rgba(5,46,22,.9),rgba(6,78,59,.85))}.sv-grid--support .sv-card--accent{background:linear-gradient(135deg,rgba(34,197,94,.14),rgba(16,185,129,.14));border-color:rgba(34,197,94,.2)}@media (max-width:1100px){.browser-mock{transform:translate(-18%,-50%);width:70vw}.sv-grid{width:68vw}.creation-img,.sv-grid{transform:translate(-12%,-50%)}.creation-img{width:72vw}}@media (max-width:960px){.creation-timeline{display:none}.creation-section{padding:60px 0}.creation-inner{padding:0 20px}.creation-copy{text-align:left;margin-left:0;transform:none;padding-right:0}.creation-actions,.creation-stats,.offer-chips{justify-content:flex-start}.browser-mock{position:relative;transform:none;width:100%;max-width:100%;margin-bottom:24px}.creation-visual{position:relative;inset:auto;min-height:auto;order:2;margin-top:16px}.creation-img{position:relative;left:auto;top:auto;transform:none;width:100%;max-width:100%;min-width:0;margin-bottom:24px;opacity:1}.creation-visual:after{display:none}}