.design-page{--grad:var(--gradient);--line:var(--border);--card:var(--surface);--sub:var(--text-secondary);--muted:var(--text-muted);--softblue:var(--soft-blue);--sky:var(--primary-light);--btnsh:0 4px 12px color-mix(in srgb, var(--primary) 30%, transparent);color:var(--text)}.design-page .wrap{width:min(1160px,100% - 48px);margin-inline:auto}.design-page .eyebrow{color:var(--primary-text);letter-spacing:.02em;align-items:center;gap:10px;font-size:13px;font-weight:800;display:inline-flex}.design-page .eyebrow:before{content:"";background:currentColor;border-radius:2px;width:26px;height:2px}.dark .design-page .eyebrow{color:var(--sky)}.design-page h2{text-wrap:balance;margin:14px 0 10px;font-size:clamp(30px,4.2vw,50px);font-weight:800;line-height:1.45}.design-page .lead{max-width:34em;color:var(--sub);text-wrap:pretty;font-size:clamp(16px,1.6vw,19px)}.design-page .btn{color:#fff;background:var(--grad);min-height:48px;box-shadow:var(--btnsh);transition:transform var(--duration-normal), box-shadow var(--duration-normal);border-radius:14px;align-items:center;gap:10px;padding:12px 26px;font-size:15.5px;font-weight:800;display:inline-flex}.design-page .btn:hover{color:#fff;box-shadow:0 8px 22px color-mix(in srgb, var(--primary) 38%, transparent);transform:translateY(-2px)}.design-page .btn.ghost{color:var(--text);border:1.5px solid var(--line);box-shadow:none;background:0 0}.design-page .btn.ghost:hover{color:var(--primary-text);border-color:var(--primary)}.design-page .actions{flex-wrap:wrap;gap:14px;margin-block-start:30px;display:flex}.design-page .kicker{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff14;border:1px solid #ffffff47;border-radius:999px;align-items:center;gap:9px;padding:9px 18px;font-size:13px;font-weight:700;display:inline-flex}.design-page .kicker b{background:#8fd0ff;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #8fd0ff40}.design-page .chapter{padding-block:clamp(90px,12vw,150px)}.design-page .ch-tag{color:var(--muted);align-items:center;gap:14px;margin-block-end:26px;font-size:13px;font-weight:700;display:flex}.design-page .ch-tag:after{background:var(--line);content:"";flex:1;height:1px}.design-page .band{background:var(--card);border-block:1px solid var(--line)}.dark .design-page .band{background:#131d3a}.design-page .cta{color:#fff;background:var(--grad);box-shadow:0 30px 80px color-mix(in srgb, var(--primary) 35%, transparent);border-radius:30px;grid-template-columns:1.3fr auto;align-items:center;gap:30px;padding:clamp(44px,6vw,72px);display:grid;position:relative;overflow:clip}.design-page .cta>div,.design-page .cta>.btn{z-index:1;position:relative}.design-page .cta h2{margin:8px 0;font-size:clamp(26px,3.4vw,42px)}.design-page .cta p{color:#dce9fb;max-width:34em;margin:0}.design-page .cta .kicker{border-color:#ffffff59}.design-page .cta .btn{color:var(--primary-strong,#1e4bb8);background:#fff;box-shadow:0 10px 30px #0a19464d}.design-page .cta .btn:hover{color:var(--primary-strong,#1e4bb8)}.design-page .cut-mark{pointer-events:none;opacity:.16;width:280px;line-height:0;position:absolute;inset-block-start:-40px;inset-inline-end:-50px}.design-page .cut-mark svg{width:100%;height:auto}@media (width<=760px){.design-page .cta{grid-template-columns:1fr}}@media (width<=767px){.design-page a:not(.btn):not(.cat):not(.prod):not(.teaser):not(.chip):not(.scroll-cue){align-items:center;min-height:44px;display:inline-flex}}.design-page [data-reveal]{transition:opacity .9s var(--ease-brand), transform .9s var(--ease-brand);transition-delay:var(--reveal-delay,0s)}.design-page [data-reveal]:not([data-in=true]){opacity:0;transform:translateY(30px)}.design-page .ch-tag[data-reveal]:not([data-in=true]){transform:none}@media (prefers-reduced-motion:reduce){.design-page [data-reveal]{opacity:1!important;transition:none!important;transform:none!important}}