*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--ink:#08090D;--ink2:#0F1218;--ink3:#141820;--gold:#C9A84C;--gold2:#E8D08A;--gold3:#F5E6BC;--gold-dim:rgba(201,168,76,.18);--gold-faint:rgba(201,168,76,.07);--white:rgba(255,255,255,.92);--white2:rgba(255,255,255,.55);--white3:rgba(255,255,255,.22);--border:rgba(201,168,76,.2);--border2:rgba(255,255,255,.08);--green:#4ade80;--green-dim:rgba(74,222,128,.08);--rose:#f9a8d4;--rose-dim:rgba(249,168,212,.08)}html,body{min-height:100%;scroll-behavior:smooth}body{font-family:Outfit,sans-serif;background:var(--ink);color:var(--white);overflow-x:hidden;cursor:auto}#cur{position:fixed;width:10px;height:10px;background:var(--gold);border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:width .2s,height .2s,background .2s;mix-blend-mode:screen}#cur-ring{position:fixed;width:38px;height:38px;border:1px solid rgba(201,168,76,.45);border-radius:50%;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);transition:all .14s ease-out}body:has(.audience-card:hover) #cur,body:has(.s-card:hover) #cur,body:has(.b-card:hover) #cur{width:22px;height:22px;background:#fff}body:has(.audience-card:hover) #cur-ring,body:has(.s-card:hover) #cur-ring,body:has(.b-card:hover) #cur-ring{width:60px;height:60px;border-color:#c9a84cb3}@keyframes pip{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.6)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.logo-pip{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px var(--gold);animation:pip 2.2s ease-in-out infinite}.eyebrow{font-family:DM Mono,monospace;font-size:11px;color:var(--gold);letter-spacing:.12em;margin-bottom:1rem}footer{border-top:1px solid var(--border2);padding:2rem 2.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;position:relative;z-index:1}.footer-logo{font-family:Cormorant Garamond,serif;font-size:20px;font-weight:500;color:#ffffff40}.footer-logo span{color:#c9a84c73}.footer-copy{font-family:DM Mono,monospace;font-size:10px;color:#fff3;letter-spacing:.04em;text-align:right;line-height:1.8}.bg-grid:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(201,168,76,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(201,168,76,.03) 1px,transparent 1px);background-size:52px 52px}.subnav{position:sticky;top:0;z-index:100;background:#08090deb;border-bottom:1px solid var(--border2);backdrop-filter:blur(16px);padding:0 2.5rem;height:60px;display:flex;align-items:center;justify-content:space-between}.nav-logo{font-family:Cormorant Garamond,serif;font-size:21px;font-weight:600;color:#fff;display:flex;align-items:center;gap:9px;text-decoration:none}.nav-logo .logo-text{color:#fff;letter-spacing:.01em}.nav-logo .logo-gold{color:var(--gold)}.subnav-spacer{flex:1}.nav-back{font-family:DM Mono,monospace;font-size:11px;color:#fff6;text-decoration:none;letter-spacing:.06em;display:flex;align-items:center;gap:6px;transition:color .2s}.nav-back:hover{color:var(--gold)}.nav-tag{font-family:DM Mono,monospace;font-size:10px;padding:4px 12px;border-radius:4px;letter-spacing:.06em;border:1px solid}.nav-tag.tag-existing{color:var(--gold);background:var(--gold-dim);border-color:var(--border)}.nav-tag.tag-new{color:var(--green);background:var(--green-dim);border-color:#4ade8040}.nav-tag.tag-client{color:var(--rose);background:var(--rose-dim);border-color:#f9a8d433}.page-hero{position:relative;padding:6.5rem 2.5rem 5.5rem;text-align:center;overflow:hidden;z-index:1}.page-hero.theme-existing{background:linear-gradient(180deg,rgba(26,74,122,.12) 0%,transparent 60%)}.page-hero.theme-new{background:linear-gradient(180deg,rgba(20,58,34,.15) 0%,transparent 60%)}.page-hero.theme-client{background:linear-gradient(180deg,rgba(58,20,36,.15) 0%,transparent 60%)}.page-hero:before{content:"";position:absolute;top:-100px;left:50%;transform:translate(-50%);width:600px;height:600px;border-radius:50%;pointer-events:none}.page-hero.theme-existing:before{background:radial-gradient(circle,rgba(74,143,212,.08) 0%,transparent 70%)}.page-hero.theme-new:before{background:radial-gradient(circle,rgba(74,222,128,.06) 0%,transparent 70%)}.page-hero.theme-client:before{background:radial-gradient(circle,rgba(249,168,212,.06) 0%,transparent 70%)}.page-h{font-family:Cormorant Garamond,serif;font-size:clamp(38px,5vw,68px);font-weight:500;color:#fff;line-height:1;letter-spacing:-.02em;margin-bottom:1rem}.page-h em{color:var(--gold);font-style:italic}.page-sub{font-size:18px;color:var(--white2);max-width:600px;margin:0 auto 1rem;line-height:1.7;font-weight:300}.section{padding:4rem 2.5rem;position:relative;z-index:1}.container{max-width:1100px;margin:0 auto}.section-head{margin-bottom:2.5rem;text-align:center}.section-title{font-family:Cormorant Garamond,serif;font-size:clamp(28px,3vw,40px);font-weight:500;color:#fff;letter-spacing:-.02em;margin-bottom:.5rem}.section-desc{font-size:16px;color:var(--white2);max-width:540px;margin:0 auto;line-height:1.65}.eyebrow{font-size:13px}.scenario-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:16px}.s-card{background:#ffffff06;border:1px solid var(--border2);border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .25s;position:relative;overflow:hidden}.s-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top left,rgba(201,168,76,.07) 0%,transparent 55%);opacity:0;transition:opacity .3s}.s-card:hover{border-color:#c9a84c66;transform:translateY(-3px);background:#c9a84c0a}.s-card:hover:before{opacity:1}.s-card.active{border-color:var(--gold);background:#c9a84c0f}.theme-new .s-card:before{background:radial-gradient(circle at top left,rgba(74,222,128,.06) 0%,transparent 55%)}.theme-new .s-card:hover{border-color:#4ade804d;background:#4ade8008}.theme-new .s-card.active{border-color:var(--green);background:#4ade800a}.s-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.s-icon{font-size:26px}.s-tag{font-family:DM Mono,monospace;font-size:10px;letter-spacing:.07em;padding:3px 10px;border-radius:99px;border:1px solid}.tag-blue{color:#4a8fd4;border-color:#4a8fd459;background:#4a8fd414}.tag-amber{color:#e8a030;border-color:#e8a03059;background:#e8a03014}.tag-green{color:#4ade80;border-color:#4ade804d;background:#4ade800f}.tag-gold{color:var(--gold);border-color:var(--border);background:var(--gold-faint)}.tag-blue2{color:#60a5fa;border-color:#60a5fa4d;background:#60a5fa12}.s-problem-label{font-family:DM Mono,monospace;font-size:10px;color:var(--white3);letter-spacing:.06em;margin-bottom:5px}.s-title{font-family:Cormorant Garamond,serif;font-size:20px;font-weight:500;color:#fff;line-height:1.25;margin-bottom:8px}.s-title em{color:var(--gold);font-style:italic}.s-problem{font-size:13px;color:var(--white2);line-height:1.6;margin-bottom:14px}.s-ai-label{font-family:DM Mono,monospace;font-size:10px;color:var(--gold);letter-spacing:.07em;margin-bottom:6px;display:flex;align-items:center;gap:5px}.ai-dot{width:4px;height:4px;border-radius:50%;background:var(--gold);animation:pip 1.5s infinite}.s-solution{font-size:13px;color:#c9a84ccc;line-height:1.6;margin-bottom:14px}.s-expand{font-family:DM Mono,monospace;font-size:11px;color:#c9a84c80;display:flex;align-items:center;gap:4px;cursor:none}.theme-new .s-expand{color:#4ade8080}.detail-panel{display:none;background:#c9a84c0d;border:1px solid rgba(201,168,76,.25);border-radius:10px;padding:1.25rem;margin-top:10px;animation:fadeUp .25s ease both}.detail-panel.open{display:block}.theme-new .detail-panel{background:#4ade800a;border-color:#4ade8033}.flow-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.flow-box{border-radius:7px;padding:.85rem}.flow-box.human{background:#ffffff0a;border:1px solid rgba(255,255,255,.1)}.flow-box.ai{background:#c9a84c14;border:1px solid rgba(201,168,76,.25)}.theme-new .flow-box.ai{background:#4ade8012;border-color:#4ade8033}.flow-label{font-family:DM Mono,monospace;font-size:10px;letter-spacing:.08em;margin-bottom:4px;text-transform:uppercase}.flow-box.human .flow-label{color:var(--white3)}.flow-box.ai .flow-label{color:var(--gold)}.theme-new .flow-box.ai .flow-label{color:var(--green)}.flow-content{font-size:12px;font-weight:500;color:#fff}.what-you-get{display:flex;flex-direction:column;gap:8px}.wg-item{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--white2);line-height:1.55}.wg-check{color:var(--gold);font-size:14px;flex-shrink:0;margin-top:1px}.wg-text strong{color:#fff;font-weight:500}.storyboard{display:grid;grid-template-columns:320px 1fr;gap:24px;align-items:start}@media(max-width:880px){.storyboard{grid-template-columns:1fr;gap:10px}}.sb-selector{display:flex;flex-direction:column;gap:8px;position:sticky;top:84px;max-height:calc(100vh - 100px);overflow-y:auto;padding-right:6px}@media(max-width:880px){.sb-selector{position:relative;top:0;max-height:none;overflow:visible;padding:0;gap:8px}}.sb-item{display:flex;align-items:center;gap:12px;padding:14px;border-radius:10px;border:1px solid var(--border2);background:#ffffff05;cursor:pointer;transition:all .2s;text-align:left;flex-shrink:0;width:100%;position:relative}@media(max-width:880px){.sb-item{padding-right:38px}.sb-item:after{content:"";position:absolute;right:16px;top:50%;width:9px;height:9px;border-right:2px solid var(--gold);border-bottom:2px solid var(--gold);transform:translateY(-75%) rotate(45deg);transition:transform .25s ease;opacity:.7}.sb-item.active:after{transform:translateY(-25%) rotate(-135deg);opacity:1}.theme-new .sb-item:after{border-color:var(--green)}}.sb-item:hover{border-color:#c9a84c59;background:#c9a84c0a}.sb-item.active{border-color:var(--gold);background:#c9a84c14}.theme-new .sb-item:hover{border-color:#4ade8059;background:#4ade800a}.theme-new .sb-item.active{border-color:var(--green);background:#4ade8014}.sb-item-icon{width:44px;height:44px;border-radius:50%;background:#c9a84c14;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.theme-new .sb-item-icon{background:#4ade8014;border-color:#4ade8040}.sb-item-meta{display:flex;flex-direction:column;gap:3px;min-width:0}.sb-item-tag{font-family:DM Mono,monospace;font-size:10px;letter-spacing:.07em;color:var(--white3);text-transform:uppercase}.sb-item-title{font-family:Cormorant Garamond,serif;font-size:16px;font-weight:500;color:#fff;line-height:1.2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.sb-detail{position:relative;min-height:480px}@media(max-width:880px){.sb-detail{min-height:0}}.sb-panel{display:none;background:#ffffff06;border:1px solid var(--border2);border-radius:16px;padding:2.5rem 2.5rem 2.25rem;position:relative;overflow:hidden;animation:sbFade .5s cubic-bezier(.22,1,.36,1) both}@media(max-width:600px){.sb-panel{padding:1.75rem 1.5rem}}.sb-panel.active{display:block}.sb-panel:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 80% -10%,rgba(201,168,76,.12) 0%,transparent 60%)}.theme-new .sb-panel:before{background:radial-gradient(circle at 80% -10%,rgba(74,222,128,.1) 0%,transparent 60%)}@keyframes sbFade{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.sb-icon-big{width:72px;height:72px;border-radius:50%;background:#c9a84c14;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:36px;margin-bottom:1.25rem;position:relative;z-index:1}.theme-new .sb-icon-big{background:#4ade8014;border-color:#4ade8040}.sb-panel-tag{display:inline-block;font-family:DM Mono,monospace;font-size:11px;letter-spacing:.08em;padding:4px 12px;border-radius:99px;border:1px solid;margin-bottom:1.25rem;color:var(--gold);border-color:var(--border);background:var(--gold-faint);text-transform:uppercase}.theme-new .sb-panel-tag{color:var(--green);border-color:#4ade804d;background:#4ade800f}.sb-panel-title{font-family:Cormorant Garamond,serif;font-size:clamp(26px,3vw,36px);font-weight:500;color:#fff;line-height:1.15;letter-spacing:-.01em;margin-bottom:1.75rem;position:relative;z-index:1}.sb-panel-title em{color:var(--gold);font-style:italic}.sb-section{margin-bottom:1.5rem;position:relative;z-index:1}.sb-section-label{font-family:DM Mono,monospace;font-size:11px;letter-spacing:.08em;color:var(--white3);margin-bottom:8px;text-transform:uppercase;display:flex;align-items:center;gap:6px}.sb-section.gold .sb-section-label{color:var(--gold)}.theme-new .sb-section.gold .sb-section-label{color:var(--green)}.sb-section-text{font-size:17px;color:var(--white);line-height:1.65;font-weight:300}.sb-section.gold .sb-section-text{color:var(--gold2)}.theme-new .sb-section.gold .sb-section-text{color:#a7f3c8}.sb-breakdown{margin-top:2rem;padding-top:1.75rem;border-top:1px solid var(--border2);position:relative;z-index:1}.sb-breakdown-label{font-family:DM Mono,monospace;font-size:11px;letter-spacing:.08em;color:var(--white3);margin-bottom:1rem;text-transform:uppercase}.sb-flow{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.sb-flow .flow-box{padding:1rem 1.1rem}.sb-flow .flow-label{font-size:11px}.sb-flow .flow-content{font-size:13px}.sb-checklist{display:flex;flex-direction:column;gap:10px}.sb-checklist .wg-item{font-size:15px;line-height:1.6}.sb-checklist .wg-check{font-size:16px}.btn-primary{display:inline-block;background:var(--gold);color:var(--ink);font-family:Outfit,sans-serif;font-weight:600;font-size:14px;padding:13px 32px;border-radius:6px;border:none;cursor:pointer;text-decoration:none;transition:all .15s;box-shadow:0 0 28px #c9a84c4d;letter-spacing:.02em}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 48px #c9a84c80}.btn-ghost{display:inline-block;background:transparent;color:var(--white2);font-family:DM Mono,monospace;font-size:12px;padding:13px 24px;border-radius:6px;border:1px solid var(--border2);cursor:pointer;text-decoration:none;transition:all .15s;margin-left:10px}.btn-ghost:hover{border-color:#ffffff4d;color:#fff}.cta-band{background:#c9a84c0a;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:4rem 2.5rem;text-align:center;position:relative;z-index:1}.cta-h{font-family:Cormorant Garamond,serif;font-size:clamp(28px,4vw,48px);font-weight:500;color:#fff;letter-spacing:-.02em;margin-bottom:.75rem}.cta-h em{color:var(--gold);font-style:italic}.cta-sub{font-size:15px;color:var(--white2);margin-bottom:2rem}