.phero{padding:180px var(--xy-pad-x) 80px;text-align:center;background:radial-gradient(60% 50% at 50% 100%, var(--accent-tint), transparent 60%), var(--bg);position:relative;overflow:hidden}.phero__inner{z-index:2;max-width:880px;margin:0 auto;position:relative}.phero__eyebrow{background:var(--accent-tint);color:var(--accent);letter-spacing:.05em;text-transform:uppercase;border-radius:999px;margin-bottom:22px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-block}.phero__title{letter-spacing:-.045em;text-wrap:balance;margin:0 0 22px;font-size:clamp(40px,6.5vw,76px);font-weight:900;line-height:1}.phero__title .accent{color:var(--accent);font-style:normal}.phero__sub{color:var(--text-muted);max-width:640px;margin:0 auto;font-size:clamp(15px,1.4vw,18px);line-height:1.6}.phero__meta{border-top:1px solid var(--line-soft);flex-wrap:wrap;justify-content:center;gap:24px;width:100%;max-width:720px;margin-top:36px;padding-top:32px;display:inline-flex}.phero__meta .stat{background:0 0;border:0;padding:0}.phero__meta .stat__num{font-size:32px}.phero__meta .stat__label{font-size:12px}.filters{z-index:20;padding:14px var(--xy-pad-x);background:var(--bg);border-bottom:1px solid var(--line-soft);transition:background .3s var(--xy-ease), border-color .3s var(--xy-ease);justify-content:center;display:flex;position:sticky;top:70px}.filters__group{background:var(--bg-elev);border:1px solid var(--line);border-radius:999px;flex-wrap:wrap;gap:6px;padding:6px;display:inline-flex}.filter-btn{color:var(--text-muted);transition:color .2s var(--xy-ease), background .2s var(--xy-ease);border-radius:999px;padding:8px 16px;font-size:13px;font-weight:600}.filter-btn:hover{color:var(--text)}.filter-btn.active{color:var(--xy-charcoal);background:var(--accent)}[data-theme=light] .filter-btn.active{color:var(--xy-warm-white)}.filter-btn .count{background:#00000026;border-radius:999px;margin-left:6px;padding:1px 7px;font-size:11px;font-weight:700;display:inline-block}.filter-btn:not(.active) .count{background:var(--line);color:var(--text-faint)}.proj-grid-wrap{padding:56px var(--xy-pad-x) 96px}.proj-grid{max-width:var(--xy-max);grid-template-columns:repeat(12,1fr);gap:22px;margin:0 auto;display:grid}.proj{cursor:pointer;background:var(--bg-elev);border:1px solid var(--line);transition:transform .4s var(--xy-ease), border-color .3s var(--xy-ease), box-shadow .4s var(--xy-ease);border-radius:20px;flex-direction:column;display:flex;position:relative;overflow:hidden}.proj:hover{border-color:var(--accent);box-shadow:var(--shadow-card);transform:translateY(-6px)}.proj.is-hidden{display:none}.proj--lg{grid-column:span 8}.proj--md{grid-column:span 6}.proj--sm{grid-column:span 4}@media (max-width:980px){.proj--lg,.proj--md,.proj--sm{grid-column:span 12}}@media (min-width:981px) and (max-width:1180px){.proj--sm{grid-column:span 6}}.proj__visual{aspect-ratio:16/10;background:var(--bg-subtle);position:relative;overflow:hidden}.proj--lg .proj__visual{aspect-ratio:16/9}.proj--sm .proj__visual{aspect-ratio:4/3}.proj__visual-inner{transition:transform .7s var(--xy-ease);position:absolute;inset:0}.proj:hover .proj__visual-inner{transform:scale(1.04)}.proj__tag{z-index:3;-webkit-backdrop-filter:blur(8px);color:var(--xy-warm-white);letter-spacing:.04em;text-transform:uppercase;background:#1a1612b3;border-radius:999px;padding:5px 11px;font-size:11px;font-weight:600;position:absolute;top:14px;left:14px}.proj__caption{justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 24px 26px;display:flex}.proj__title-block{min-width:0}.proj__client{color:var(--accent);letter-spacing:.06em;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:600}.proj__title{letter-spacing:-.02em;color:var(--text);text-wrap:balance;margin:0 0 4px;font-size:18px;font-weight:700}.proj__meta{color:var(--text-faint);font-size:12px}.proj__arrow{background:var(--bg);border:1px solid var(--line);width:38px;height:38px;color:var(--text-muted);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;transition:background .2s,color .2s,border-color .2s,transform .25s;display:inline-flex}.proj:hover .proj__arrow{background:var(--accent);color:var(--xy-charcoal);border-color:var(--accent);transform:rotate(-45deg)}.viz-dash{background:linear-gradient(135deg,#0f1922,#1a1612);height:100%;padding:28px}.viz-dash__header{gap:6px;margin-bottom:20px;display:flex}.viz-dash__header span{background:#ffffff1f;border-radius:999px;width:10px;height:10px}.viz-dash__chart{background:linear-gradient(#f59e0b2e,#0000 70%);border-radius:8px;height:60%;position:relative;overflow:hidden}.viz-dash__chart:before{content:"";background:linear-gradient(90deg, transparent, var(--xy-amber-light) 30%, var(--xy-amber-light) 70%, transparent);height:2px;position:absolute;inset:auto 0 30%}.viz-dash__chart:after{content:"";background:repeating-linear-gradient(90deg,#0000 0 40px,#ffffff0a 40px 41px);height:60%;position:absolute;bottom:30%;left:0;right:0}.viz-dash__row{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px;display:grid}.viz-dash__row>div{background:#ffffff0d;border:1px solid #ffffff14;border-radius:6px;height:28px}.viz-site{background:linear-gradient(135deg,#2a241f,#1a1612);padding:32px}.viz-site__win{background:var(--xy-warm-white);border-radius:10px;overflow:hidden;box-shadow:0 20px 40px -16px #0009}.viz-site__bar{background:#e8e2d8;align-items:center;gap:4px;height:22px;padding:0 10px;display:flex}.viz-site__bar span{background:#c9c0b0;border-radius:999px;width:6px;height:6px}.viz-site__body{flex-direction:column;gap:8px;height:calc(100% - 22px);padding:22px;display:flex}.viz-site__h{background:var(--xy-charcoal);border-radius:4px;width:65%;height:14px}.viz-site__p{background:#d5cdbe;border-radius:4px;height:6px}.viz-site__p:nth-child(3){width:80%}.viz-site__p:nth-child(4){width:70%}.viz-site__cta{background:var(--xy-amber);border-radius:999px;width:110px;height:28px;margin-top:8px;box-shadow:0 8px 20px -6px #d9770699}.viz-ai{background:radial-gradient(circle at 70% 30%,#2c1f11,#1a1612);padding:30px}.viz-ai__msg{color:#faf8f5d9;background:#ffffff0f;border:1px solid #ffffff14;border-radius:14px;margin-bottom:10px;padding:12px 14px;font-family:Inter,monospace;font-size:11px}.viz-ai__msg--me{background:var(--xy-amber);color:var(--xy-charcoal);border-color:#0000;max-width:70%;margin-left:auto}.viz-ai__msg--bot{max-width:80%}.viz-ai__msg--bot:before{content:"◆";color:var(--xy-amber-light);margin-right:6px}.viz-ai__type{background:#ffffff0f;border:1px solid #ffffff14;border-radius:14px;gap:4px;padding:10px 12px;display:inline-flex}.viz-ai__type span{background:var(--xy-amber-light);border-radius:999px;width:6px;height:6px;animation:1.4s ease-in-out infinite bot-pulse}.viz-ai__type span:nth-child(2){animation-delay:.2s}.viz-ai__type span:nth-child(3){animation-delay:.4s}@keyframes bot-pulse{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.viz-brand{background:linear-gradient(135deg,#f2eee7,#faf8f5);place-items:center;display:grid;position:relative}.viz-brand__mark{letter-spacing:-.06em;color:var(--xy-charcoal);align-items:baseline;font-size:clamp(42px,9vw,96px);font-weight:900;display:inline-flex;position:relative}.viz-brand__mark:before{content:"";background:var(--xy-amber);border-radius:2px;width:4px;height:64%;position:absolute;top:18%;left:-12px}.viz-brand__mark .dot{color:var(--xy-amber)}.viz-brand__sub{letter-spacing:.16em;text-transform:uppercase;color:var(--xy-slate);font-size:10px;font-weight:600;position:absolute;bottom:22px;left:24px}.viz-print{background:linear-gradient(135deg,#c09167,#6b4a2a);justify-content:center;align-items:center;gap:18px;padding:30px;display:flex}.viz-print__page{background:var(--xy-warm-white);aspect-ratio:3/4;border-radius:4px;flex-direction:column;gap:6px;width:38%;padding:16px;display:flex;transform:rotate(-4deg);box-shadow:0 30px 50px -16px #00000073}.viz-print__page:nth-child(2){margin-top:-12px;transform:rotate(3deg)}.viz-print__page:before{content:"";background:linear-gradient(135deg, var(--xy-charcoal), #4a3d2f);border-radius:2px;height:36%}.viz-print__bar{background:#d5cdbe;border-radius:2px;height:4px}.viz-print__bar:nth-of-type(odd){width:70%}.viz-print__amber{background:var(--xy-amber);border-radius:2px;width:24px;height:4px;margin-top:4px}.viz-shop{background:#f2eee7;padding:24px}.viz-shop__top{color:var(--xy-charcoal);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:11px;font-weight:700;display:flex}.viz-shop__top .bag{background:var(--xy-amber);color:var(--xy-charcoal);border-radius:999px;padding:3px 9px;font-size:10px}.viz-shop__grid{grid-template-columns:1fr 1fr;gap:10px;height:calc(100% - 30px);display:grid}.viz-shop__card{background:var(--xy-warm-white);border-radius:8px;flex-direction:column;gap:6px;padding:12px;display:flex}.viz-shop__img{background:linear-gradient(135deg,#c09167,#8c6a48);border-radius:6px;height:60%}.viz-shop__card:nth-child(2) .viz-shop__img{background:linear-gradient(135deg,#6b6355,#2a241f)}.viz-shop__card:nth-child(3) .viz-shop__img{background:linear-gradient(135deg,#1a1612,#3a332c)}.viz-shop__card:nth-child(4) .viz-shop__img{background:linear-gradient(135deg,#d97706,#b45309)}.viz-shop__name{background:var(--xy-charcoal);border-radius:2px;width:70%;height:6px}.viz-shop__price{background:var(--xy-amber);border-radius:2px;width:40%;height:5px}.viz-book{background:#1a1612;padding:24px}.viz-book__cal{background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;gap:10px;height:100%;padding:16px;display:flex}.viz-book__head{color:var(--xy-warm-white);letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:11px;font-weight:700;display:flex}.viz-book__head span{color:var(--xy-amber-light)}.viz-book__days{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.viz-book__days div{aspect-ratio:1;color:#faf8f580;background:#ffffff0a;border-radius:4px;place-items:center;font-size:9px;display:grid}.viz-book__days div.has{color:var(--xy-amber-light);background:#f59e0b2e}.viz-book__days div.sel{background:var(--xy-amber);color:var(--xy-charcoal);font-weight:700}.viz-book__slot{color:var(--xy-warm-white);background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:8px;justify-content:space-between;margin-top:8px;padding:10px 12px;font-size:11px;display:flex}.viz-book__slot span:last-child{color:var(--xy-amber-light);font-weight:700}.viz-seo{background:linear-gradient(135deg,#1a1612,#221e19);padding:28px}.viz-seo__big{letter-spacing:-.04em;color:var(--xy-amber);margin-bottom:8px;font-size:56px;font-weight:900;line-height:1}.viz-seo__big small{color:var(--xy-amber-light);margin-left:4px;font-size:18px}.viz-seo__lbl{color:#faf8f599;letter-spacing:.06em;text-transform:uppercase;margin-bottom:16px;font-size:11px}.viz-seo__bars{grid-template-columns:repeat(8,1fr);align-items:end;gap:6px;height:50%;display:grid}.viz-seo__bars div{background:linear-gradient(180deg, var(--xy-amber), #d977064d);border-radius:4px 4px 0 0}.viz-flow{background:linear-gradient(135deg,#221e19,#1a1612);padding:30px}.viz-flow__chain{justify-content:space-between;align-items:center;height:100%;display:flex}.viz-flow__node{aspect-ratio:1;background:var(--xy-charcoal-soft);width:18%;color:var(--xy-amber-light);border:1px solid #f59e0b66;border-radius:50%;place-items:center;font-size:22px;font-weight:900;display:grid;position:relative;box-shadow:inset 0 0 0 4px #f59e0b0f}.viz-flow__node:not(:last-child):after{content:"→";color:var(--xy-amber-light);opacity:.6;font-size:22px;position:absolute;top:50%;right:-56%;transform:translateY(-50%)}.viz-flow__node--ai{background:var(--xy-amber);color:var(--xy-charcoal);border-color:var(--xy-amber);box-shadow:0 0 30px #f59e0b80}.viz-app{background:linear-gradient(135deg,#2a241f,#0f0c0a);place-items:center;padding:20px;display:grid}.viz-app__phone{aspect-ratio:9/19;background:#0a0807;border:8px solid #1a1612;border-radius:24px;flex-direction:column;gap:8px;width:38%;max-width:200px;padding:20px 12px;display:flex;position:relative;box-shadow:0 30px 60px -20px #000000b3}.viz-app__phone:before{content:"";background:#1a1612;border-radius:999px;width:30%;height:4px;position:absolute;top:4px;left:50%;transform:translate(-50%)}.viz-app__h{background:var(--xy-amber);border-radius:4px;width:60%;height:14px}.viz-app__c{background:#ffffff0f;border-radius:8px;height:30%}.viz-app__c--accent{background:linear-gradient(135deg, var(--xy-amber), var(--xy-amber-deep))}.viz-app__c:last-of-type{height:18%}.modal{z-index:100;-webkit-backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .3s var(--xy-ease);background:#0a0806b3;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal.open{opacity:1;pointer-events:auto}.modal__panel{background:var(--bg);border:1px solid var(--line);width:100%;max-width:920px;max-height:88vh;transition:transform .3s var(--xy-ease);border-radius:24px;position:relative;overflow-y:auto;transform:translateY(20px)scale(.98)}.modal.open .modal__panel{transform:translateY(0)scale(1)}.modal__close{border:1px solid var(--line);background:var(--bg-elev);width:38px;height:38px;color:var(--text);z-index:5;border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:18px;right:18px}.modal__close:hover{color:var(--accent);border-color:var(--accent)}.modal__visual{border-bottom:1px solid var(--line);height:280px;position:relative;overflow:hidden}.modal__body{padding:36px 40px 40px}.modal__client{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:700}.modal__title{letter-spacing:-.035em;margin:0 0 16px;font-size:clamp(26px,3vw,36px);font-weight:900;line-height:1.1}.modal__lede{color:var(--text-muted);margin:0 0 28px;font-size:16px;line-height:1.6}.modal__grid{border-top:1px solid var(--line);grid-template-columns:2fr 1fr;gap:32px;padding-top:28px;display:grid}@media (max-width:700px){.modal__grid{grid-template-columns:1fr}.modal__body{padding:28px 24px}.modal__visual{height:200px}}.modal__h4{letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);margin:0 0 12px;font-size:11px;font-weight:700}.modal__story p{color:var(--text);margin:0 0 14px;font-size:15px;line-height:1.65}.modal__metrics{flex-direction:column;gap:14px;display:flex}.modal__metric{background:var(--bg-elev);border:1px solid var(--line);border-radius:12px;padding:16px}.modal__metric .num{color:var(--accent);letter-spacing:-.03em;font-size:26px;font-weight:900;line-height:1}.modal__metric .lbl{color:var(--text-muted);margin-top:6px;font-size:12px}.modal__tags{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.modal__tags span{background:var(--accent-tint);color:var(--accent);border-radius:999px;padding:4px 10px;font-size:11px;font-weight:600}