.hero{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding-block:65px 55px}.hero h1{font-size:42px;letter-spacing:-1.6px}.hero h1 br{display:block}.hero-description{font-size:15px}.hero-walkthrough{position:relative;min-height:465px;border-radius:24px;padding:20px;background:radial-gradient(ellipse at 20% 20%,#e9e7f35c,transparent 65%),radial-gradient(ellipse at 90% 80%,#edf0d575,transparent 70%),#f8fafb75}.tour-glass{background:#ffffffb0;border:1px solid #ffffff;border-radius:17px;padding:25px;box-shadow:0 15px 45px #28303e0c,0 1px 6px #28303e06;backdrop-filter:blur(18px);min-height:430px;position:relative}.tour-top{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #e8ebee;padding-bottom:17px}.tour-top img{width:88px;height:auto}.tour-top>span{font-size:8px;color:#99a0a7}.tour-frame{padding-top:27px;min-height:300px;animation:tourEnter .6s ease both}.tour-frame[hidden]{display:none}.tour-heading>span{font-size:8px;letter-spacing:1px;color:#8a929c}.tour-heading h3{font-size:23px;line-height:1.2;letter-spacing:-.6px;margin-top:10px}.tour-source-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:26px}.tour-source-grid>div{background:#fff;border:1px solid #e7ebee;border-radius:9px;padding:15px 8px;display:flex;align-items:center;flex-direction:column;gap:8px;box-shadow:0 5px 15px #18202904;animation:sourceAssemble .7s both}.tour-source-grid>div:nth-child(2){animation-delay:.12s}.tour-source-grid>div:nth-child(3){animation-delay:.24s}.tour-source-grid>div:nth-child(4){animation-delay:.36s}.tour-source-grid span{font-size:10px}.tour-source-grid small{font-size:7px;color:#98a0a8;white-space:nowrap}.tour-join{display:flex;align-items:center;justify-content:center;gap:14px;margin:18px 0}.tour-join>span{height:1px;background:#dddde8;width:60px}.tour-join img{width:25px;height:25px}.tour-result{background:#f1f0f8;border:1px solid #e4e1ef;border-radius:8px;padding:13px 17px;text-align:center;display:grid;gap:7px}.tour-result>span{font-size:8px;color:#8a819e}.tour-result strong{font-size:12px;font-weight:400}.tour-controls{display:flex;align-items:center;justify-content:space-between;margin-top:20px;padding-top:13px;border-top:1px solid #e8ebee}.tour-controls>div{display:flex;gap:7px}.tour-controls [data-tour]{width:20px;height:4px;background:#e0e4e7;border-radius:2px;padding:0}.tour-controls [data-tour][aria-pressed=true]{background:#9990b6}.tour-pause{background:transparent;color:#939ba4;font-size:9px;padding:3px}.tour-compare{display:grid;gap:19px;margin-top:28px}.tour-compare>div{display:grid;grid-template-columns:1fr auto;gap:9px;font-size:11px}.tour-compare strong{font-size:17px;font-weight:400;letter-spacing:-.4px}.tour-compare i{grid-column:1/-1;height:6px;border-radius:3px;background:linear-gradient(to right,var(--color) var(--bar),#edf0f3 var(--bar));animation:barAssemble .8s ease both;transform-origin:left}.tour-method{font-size:9px;line-height:1.7;color:#8a939d;margin-top:23px}.tour-prompt{margin-top:24px;padding:13px;border:1px solid #e7e9ee;background:white;border-radius:8px;font-size:11px}.tour-answer{margin-top:13px;background:#f5f3fa;border-radius:8px;padding:16px}.tour-answer>span{font-size:10px;color:#8b7ba4}.tour-answer p{font-size:12px;line-height:1.7;margin:10px 0}.tour-answer>div{display:flex;gap:7px;font-size:7px;color:#8b7ba4}.tour-answer>div span{padding:5px 7px;background:#eae5f5;border-radius:4px}.tour-review{font-size:9px;color:#8b939c;display:flex;gap:7px;align-items:center;margin-top:15px}.tour-dot{width:6px;height:6px;background:var(--yellow);border:1px solid #d5da75;border-radius:50%}.standalone-attribution .dashboard-chart{padding:28px;background:#ffffff;border:1px solid #e6eaee;max-width:100%}.standalone-attribution .live-chart-canvas{max-width:900px;margin-inline:auto}.standalone-attribution .chart-controls{display:flex;justify-content:space-between;gap:20px;align-items:center}.standalone-attribution .chart-series{gap:17px}.standalone-attribution .chart-series button{font-size:11px}.standalone-attribution .live-readout{padding:17px}.standalone-attribution .live-readout>div{gap:30px}.standalone-attribution .live-readout b{font-size:21px}
@keyframes tourEnter{from{opacity:0;transform:translateY(10px);filter:blur(3px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes sourceAssemble{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes barAssemble{from{transform:scaleX(.1)}to{transform:scaleX(1)}}
@media(max-width:1100px){.hero{gap:30px}.hero h1{font-size:38px}.tour-glass{padding:20px}.tour-heading h3{font-size:21px}.hero-actions{flex-wrap:wrap}.tour-source-grid{gap:5px}.tour-source-grid small{font-size:6px}}
@media(max-width:800px){.hero{grid-template-columns:1fr;gap:30px;padding-top:38px}.hero h1{font-size:36px}.hero-walkthrough{padding:13px;min-height:0}.tour-glass{min-height:420px;padding:19px}.tour-top>span{font-size:7px}.tour-heading h3{font-size:22px}.tour-source-grid small{font-size:6px}.standalone-attribution .dashboard-chart{padding:18px}.standalone-attribution .chart-controls{align-items:flex-start;flex-direction:column;gap:12px}.standalone-attribution .chart-series button{font-size:10px}.standalone-attribution .live-readout>div{gap:15px}.standalone-attribution .live-readout b{font-size:16px}}
@media(prefers-reduced-motion:reduce){.tour-frame,.tour-source-grid>div,.tour-compare i{animation:none}}