@font-face{font-family:Harabara;src:url(/fonts/harabara-webfont.woff)format("woff");font-weight:700 900;font-display:swap}:root{--font-heading:"Harabara", "Sora", "Asap", sans-serif;--primary:#b91553;--primary-deep:#8c0e3f;--primary-soft:#fbe3ec;--primary-tint:#fdf1f5;--cream:#fff8f5;--ink:#14110f;--ink-2:#3d3835;--ink-3:#6e6864;--line:#eadfd8;--line-2:#f1e7e1;--gold:#c8a36e;--green:#5e8c4b;--radius:22px;--radius-sm:12px;--radius-lg:32px;--max:1280px;--shadow-sm:0 1px 2px #14110f0f, 0 2px 6px #14110f0a;--shadow-md:0 6px 14px #14110f0f, 0 22px 40px -12px #14110f1f;--shadow-lg:0 12px 28px #14110f14, 0 40px 80px -16px #14110f2e}*{box-sizing:border-box}html,body{margin:0;padding:0}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.section{scroll-margin-top:88px}html.reveal-enabled .reveal{opacity:0;will-change:opacity, transform;transition:opacity .7s cubic-bezier(.16,.84,.44,1),transform .7s cubic-bezier(.16,.84,.44,1);transform:translateY(22px)}html.reveal-enabled .reveal.is-visible{opacity:1;transform:none}html.reveal-enabled .proj-grid .reveal:nth-child(2){transition-delay:90ms}html.reveal-enabled .proj-grid .reveal:nth-child(3){transition-delay:.18s}body{color:var(--ink);background:var(--cream);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:Asap,system-ui,-apple-system,sans-serif;font-size:17px;line-height:1.55}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}.h-heading,h1,h2,h3,h4{font-family:var(--font-heading);letter-spacing:-.01em;color:var(--ink);text-wrap:balance;margin:0;font-weight:800;line-height:1.02}.container{max-width:var(--max);margin:0 auto;padding:0 32px}.nav{z-index:50;-webkit-backdrop-filter:blur(14px)saturate(160%);background:#fff8f5d1;border-bottom:1px solid #eadfd899;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;height:72px;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand-logo{width:auto;height:38px;display:block}.brand-mark{background:var(--primary);color:#fff;width:34px;height:34px;font-family:var(--font-heading);letter-spacing:.02em;border-radius:10px;place-items:center;font-size:18px;font-weight:800;display:grid}.brand-name{font-family:var(--font-heading);letter-spacing:-.01em;font-size:22px;font-weight:800}.nav-links{color:var(--ink-2);align-items:center;gap:30px;font-size:15px;display:flex}.nav-links a{transition:color .15s;position:relative}.nav-links a:hover{color:var(--primary)}.nav-links a:after{content:"";background:var(--primary);transform-origin:50%;border-radius:2px;height:2px;transition:transform .28s cubic-bezier(.16,.84,.44,1);position:absolute;bottom:-7px;left:0;right:0;transform:scaleX(0)}.nav-links a.active{color:var(--primary)}.nav-links a.active:after{transform:scaleX(1)}.nav-cta{background:var(--primary);color:#fff;border:0;border-radius:999px;align-items:center;gap:8px;padding:11px 20px;font-size:15px;font-weight:600;transition:transform .15s,background .15s;display:inline-flex}.nav-cta:hover{background:var(--primary-deep);transform:translateY(-1px)}.nav-right{align-items:center;gap:12px;display:flex}.lang-switch{border:1px solid var(--line);background:#fff9;border-radius:999px;align-items:center;gap:2px;padding:3px;display:inline-flex}.lang-opt{letter-spacing:.04em;color:var(--ink-3);background:0 0;border:0;border-radius:999px;padding:7px 12px;font-family:inherit;font-size:13px;font-weight:700;transition:background .15s,color .15s}.lang-opt:hover{color:var(--primary)}.lang-opt.active{background:var(--primary);color:#fff}.lang-opt.active:hover{color:#fff}.nav-burger{border:1px solid var(--line);background:#fff9;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:42px;height:42px;padding:0;display:none}.nav-burger span{background:var(--ink);border-radius:2px;width:18px;height:2px;transition:transform .25s,opacity .2s;display:block}.nav-open .nav-burger span:first-child{transform:translateY(6px)rotate(45deg)}.nav-open .nav-burger span:nth-child(2){opacity:0}.nav-open .nav-burger span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.nav-drawer{border-top:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fff8f5fa;flex-direction:column;gap:2px;padding:8px 20px 22px;display:none}.nav-drawer a{color:var(--ink);border-bottom:1px solid var(--line-2);padding:14px 4px;font-size:17px;font-weight:500}.nav-drawer a:last-of-type{border-bottom:0}.nav-drawer-cta{justify-content:center;margin-top:14px;color:#fff!important;border-bottom:0!important}.nav-drawer{max-height:0;padding-top:0;padding-bottom:0;transition:max-height .32s,padding .32s;overflow:hidden}.nav-open .nav-drawer{max-height:420px;padding-top:8px;padding-bottom:22px}.hero{padding:64px 0 80px;position:relative;overflow:hidden}.hero-grid{grid-template-columns:1.05fr 1fr;align-items:center;gap:56px;display:grid}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--primary);background:var(--primary-soft);border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-size:13px;font-weight:600;display:inline-flex}.eyebrow .dot{background:var(--primary);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #b915532e}.hero h1{margin:20px 0 0;font-size:clamp(48px,6.5vw,92px)}.hero h1 .ink-accent{color:var(--primary);letter-spacing:-.02em;font-family:Asap,sans-serif;font-style:italic;font-weight:700}.hero-sub{color:var(--ink-2);max-width:520px;margin:22px 0 0;font-size:19px}.hero-ctas{align-items:center;gap:14px;margin-top:34px;display:flex}.btn{border:0;border-radius:999px;align-items:center;gap:10px;padding:16px 26px;font-size:16px;font-weight:600;transition:transform .15s,background .15s,box-shadow .15s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 8px 22px -8px #b915538c}.btn-primary:hover{background:var(--primary-deep);transform:translateY(-1px)}.btn-ghost{color:var(--ink);border:1.5px solid var(--ink);background:0 0;padding:14.5px 24px}.btn-ghost:hover{background:var(--ink);color:#fff}.btn-arrow{background:#ffffff2e;border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.hero-meta{border-top:1px solid var(--line);gap:32px;margin-top:48px;padding-top:28px;display:flex}.hero-meta .stat{flex-direction:column;display:flex}.hero-meta .stat-n{font-family:var(--font-heading);font-size:32px;font-weight:800;line-height:1}.hero-meta .stat-l{color:var(--ink-3);margin-top:6px;font-size:13px}.hero-stack{aspect-ratio:1/1.05;width:100%;max-width:560px;margin-left:auto;position:relative}.hero-orbit{position:absolute;inset:0}.hero-glow{background:radial-gradient(ellipse at center, var(--primary-soft) 0%, transparent 70%);filter:blur(8px);z-index:0;position:absolute;inset:18% 12% 22%}.hero-tile{aspect-ratio:4/3;box-shadow:var(--shadow-md);z-index:2;will-change:transform;contain:layout paint;border:3px solid #fff;border-radius:18px;transition:top 1.1s cubic-bezier(.55,.05,.2,1),left 1.1s cubic-bezier(.55,.05,.2,1),right 1.1s cubic-bezier(.55,.05,.2,1),bottom 1.1s cubic-bezier(.55,.05,.2,1),width 1.1s cubic-bezier(.55,.05,.2,1),transform 1.1s cubic-bezier(.55,.05,.2,1),filter .8s,box-shadow .8s,border-color .4s;position:absolute;overflow:hidden}.hero-tile.is-center{border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:10;aspect-ratio:4/3.2;border-width:4px}.hero-tile>svg{width:100%;height:100%;display:block}.hero-tile .tile-layer{position:absolute;inset:0}.hero-tile .tile-layer>svg{width:100%;height:100%;display:block}.hero-tile .tile-layer.top{clip-path:inset(0 100% 0 0);z-index:2;transition:clip-path 1.1s cubic-bezier(.65,.05,.36,1)}.hero-tile .tile-layer.top.on{clip-path:inset(0)}.hero-tile .tile-sweep{width:6px;box-shadow:0 0 20px #ffffffe6, 0 0 40px var(--primary);z-index:4;opacity:0;pointer-events:none;background:linear-gradient(#0000 0%,#ffffffd9 20%,#fff 50%,#ffffffd9 80%,#0000 100%);transition:none;position:absolute;top:-4%;bottom:-4%;left:0;transform:translate(-50%)}.hero-tile .tile-sweep.go{animation:1.1s cubic-bezier(.65,.05,.36,1) forwards sweepGo}@keyframes sweepGo{0%{opacity:0;left:0}12%{opacity:1}88%{opacity:1}to{opacity:0;left:100%}}.hero-tile.is-center .blip.before{background:#ffc857;box-shadow:0 0 0 3px #ffc85740}.hero-tile.is-center .hero-tag.center-tag{color:var(--primary);opacity:0;pointer-events:none;background:#fffffff5;padding:9px 14px;font-size:13px;font-weight:600;transition:opacity .35s,transform .35s;inset:auto 16px 16px auto;transform:translateY(8px)scale(.94);box-shadow:0 6px 16px #0000002e}.hero-tile.is-center .hero-tag.center-tag.show{opacity:1;transition-delay:1s;transform:translateY(0)scale(1)}.hero-tile.is-center .hero-tag.center-tag .blip{background:var(--primary);box-shadow:0 0 0 3px #b915532e}.hero-tag{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#14110fc7;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:500;display:inline-flex;position:absolute;bottom:16px;left:16px}.hero-tag .blip{background:#66e08a;border-radius:50%;width:6px;height:6px;animation:1.5s ease-in-out infinite blip;box-shadow:0 0 0 3px #66e08a40}@keyframes blip{0%,to{opacity:1}50%{opacity:.4}}.hero-float{box-shadow:var(--shadow-md);z-index:6;background:#fff;border-radius:14px;align-items:center;gap:10px;padding:12px 14px;font-size:13px;display:flex;position:absolute}.hero-float.f1{animation:8s ease-in-out infinite chipFloatA;top:22%;right:-10px}.hero-float.f2{animation:9s ease-in-out infinite chipFloatB;bottom:10%;left:-10px}@keyframes chipFloatA{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes chipFloatB{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.hero-float .icon{background:var(--primary-soft);width:32px;height:32px;color:var(--primary);border-radius:10px;place-items:center;display:grid}.hero-float .label-1{white-space:nowrap;font-size:13px;font-weight:600}.hero-float .label-2{color:var(--ink-3);margin-top:1px;font-size:11px}.section{padding:100px 0;position:relative}.section-alt{background:var(--primary-tint)}.section-head{justify-content:space-between;align-items:end;gap:40px;margin-bottom:56px;display:flex}.section-head h2{max-width:700px;font-size:clamp(36px,4.6vw,62px)}.section-head h2 .accent{color:var(--primary);letter-spacing:-.02em;font-family:Asap,sans-serif;font-style:italic;font-weight:700}.section-head .lede{color:var(--ink-2);max-width:380px;font-size:17px}.tag-row{align-items:center;gap:10px;margin-bottom:16px;display:inline-flex}.tag{letter-spacing:.08em;text-transform:uppercase;color:var(--primary);background:var(--primary-soft);border-radius:999px;align-items:center;padding:7px 14px;font-size:13px;font-weight:600;display:inline-flex}.ba-stage{aspect-ratio:16/9;border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-lg);-webkit-user-select:none;user-select:none;touch-action:none;background:#2a2422;position:relative;overflow:hidden}.ba-layer{position:absolute;inset:0}.ba-after{clip-path:inset(0 0 0 var(--ba-pos,50%));transition:clip-path 80ms linear}.ba-after.smooth{transition:clip-path .6s cubic-bezier(.65,.05,.36,1)}.ba-label{letter-spacing:.12em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;padding:8px 16px;font-size:12px;font-weight:700;position:absolute;top:24px}.ba-label.before{color:#fff;background:#14110fb8;left:24px}.ba-label.after{color:var(--primary);background:#fffffff0;right:24px}.ba-handle{top:0;bottom:0;left:var(--ba-pos,50%);pointer-events:none;background:#fff;width:3px;position:absolute;transform:translate(-50%);box-shadow:0 0 24px #0006}.ba-handle:before,.ba-handle:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;position:absolute;left:50%;transform:translate(-50%,-50%)}.ba-handle:before{top:0}.ba-handle:after{bottom:-14px}.ba-knob{top:50%;left:var(--ba-pos,50%);width:56px;height:56px;color:var(--primary);cursor:ew-resize;z-index:3;background:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 8px 20px #00000040}.ba-knob svg{width:22px;height:22px}.ba-tabs{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.ba-tabs.ba-tabs-top{justify-content:center;margin-top:0;margin-bottom:20px}.ba-tab{border:1px solid var(--line);color:var(--ink-2);background:#fff;border-radius:999px;align-items:center;gap:10px;padding:10px 18px;font-size:14px;font-weight:500;transition:all .15s;display:inline-flex}.ba-tab:hover{border-color:var(--primary);color:var(--primary)}.ba-tab.active{background:var(--ink);color:#fff;border-color:var(--ink)}.ba-tab .swatch{border-radius:4px;width:14px;height:14px}.proj-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.proj-card{border-radius:var(--radius);border:1px solid var(--line);background:#fff;flex-direction:column;transition:transform .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.proj-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-6px)}.proj-visual{aspect-ratio:4/3;position:relative;overflow:hidden}.proj-num{font-family:var(--font-heading);color:var(--ink);z-index:2;letter-spacing:.06em;background:#fffffff0;border-radius:999px;padding:5px 10px;font-size:13px;font-weight:800;position:absolute;top:16px;left:16px}.proj-badge{background:var(--primary);color:#fff;z-index:2;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:600;position:absolute;top:16px;right:16px}.proj-body{flex-direction:column;gap:10px;padding:26px 26px 28px;display:flex}.proj-body h3{font-size:26px}.proj-body p{color:var(--ink-3);margin:0;font-size:15px}.proj-meta{border-top:1px solid var(--line-2);justify-content:space-between;align-items:center;margin-top:14px;padding-top:18px;display:flex}.proj-time{color:var(--ink-3);align-items:center;gap:6px;font-size:13px;display:inline-flex}.proj-open{color:var(--primary);align-items:center;gap:8px;font-size:14px;font-weight:600;display:inline-flex}.proj-open .arr{background:var(--primary);color:#fff;border-radius:50%;place-items:center;width:26px;height:26px;transition:transform .2s;display:grid}.proj-card:hover .proj-open .arr{transform:translate(4px)}.faq-head{text-align:center;flex-direction:column;align-items:center;max-width:700px;margin:0 auto 56px;display:flex}.faq-head h2{margin-top:14px;font-size:clamp(36px,4.6vw,62px)}.faq-lede{color:var(--ink-2);max-width:520px;margin:18px auto 0;font-size:17px}.faq-list{flex-direction:column;gap:0;max-width:760px;margin:0 auto;display:flex}.faq-item{border-bottom:1px solid var(--line);padding:22px 0}.faq-item:first-child{border-top:1px solid var(--line)}.faq-q{text-align:left;width:100%;font-family:var(--font-heading);color:var(--ink);letter-spacing:-.005em;background:0 0;border:0;justify-content:space-between;align-items:center;padding:0;font-size:19px;font-weight:800;display:flex}.faq-toggle{background:var(--primary-soft);width:32px;height:32px;color:var(--primary);border-radius:50%;flex:none;place-items:center;transition:transform .25s,background .15s;display:grid}.faq-item.open .faq-toggle{background:var(--primary);color:#fff;transform:rotate(45deg)}.faq-a{grid-template-rows:0fr;transition:grid-template-rows .35s cubic-bezier(.4,0,.2,1);display:grid}.faq-item.open .faq-a{grid-template-rows:1fr}.faq-a>div{color:var(--ink-2);font-size:16px;overflow:hidden}.faq-item.open .faq-a>div{padding-top:14px}.faq-aside{background:var(--ink);color:#fff;border-radius:var(--radius);padding:32px;position:relative;top:100px;overflow:hidden}.faq-aside h3{color:#fff;max-width:280px;font-size:28px}.faq-aside p{color:#ffffffb3;margin:14px 0 24px;font-size:15px}.faq-aside .btn-light{color:var(--ink);background:#fff;border-radius:999px;align-items:center;gap:10px;padding:14px 22px;font-size:15px;font-weight:600;display:inline-flex}.faq-aside .deco{background:var(--primary);opacity:.45;filter:blur(2px);border-radius:50%;width:200px;height:200px;position:absolute;bottom:-30px;right:-30px}.faq-aside .deco-2{background:var(--primary);border-radius:50%;width:100px;height:100px;position:absolute;bottom:30px;right:30px}.contact-wrap{grid-template-columns:1fr 1.1fr;align-items:start;gap:64px;display:grid}.contact-info h2{font-size:clamp(36px,4.2vw,56px)}.contact-info .lede{color:var(--ink-2);max-width:440px;margin-top:18px;font-size:17px}.contact-list{flex-direction:column;gap:20px;margin:36px 0 0;padding:0;list-style:none;display:flex}.contact-list li{align-items:center;gap:16px;display:flex}.contact-list .ic{background:var(--primary-soft);width:44px;height:44px;color:var(--primary);border-radius:12px;flex:none;place-items:center;display:grid}.contact-list .lbl{color:var(--ink-3);letter-spacing:.04em;text-transform:uppercase;font-size:13px}.contact-list .val{font-weight:600}.contact-form{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--line-2);background:#fff;padding:36px}.form-row{grid-template-columns:1fr 1fr;gap:18px;display:grid}.field{flex-direction:column;gap:8px;margin-bottom:18px;display:flex}.field label{color:var(--ink-2);letter-spacing:.02em;font-size:13px;font-weight:600}.field input,.field textarea{border:1.5px solid var(--line);background:var(--cream);width:100%;color:var(--ink);border-radius:12px;outline:none;padding:14px 16px;font-family:inherit;font-size:15px;transition:border-color .15s,background .15s}.field input:focus,.field textarea:focus{border-color:var(--primary);background:#fff}.field textarea{resize:vertical;min-height:130px}.contact-submit{background:var(--ink);color:#fff;border:0;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:8px;padding:16px;font-size:15px;font-weight:600;transition:background .15s;display:inline-flex}.contact-submit:hover{background:var(--primary)}.footer{border-top:1px solid var(--line);background:var(--cream);padding:60px 0 36px}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.footer-nav{flex-wrap:wrap;align-items:center;gap:28px;display:flex}.footer-links,.footer-legal{color:var(--ink-3);flex-wrap:wrap;gap:28px;font-size:14px;display:flex}.footer-links a:hover,.footer-legal a:hover{color:var(--primary)}.footer-fine{color:var(--ink-3);font-size:13px}@media (max-width:880px){.footer-inner{text-align:center;flex-direction:column;align-items:center;gap:22px}.footer-nav{flex-direction:column;align-items:center;gap:14px}.footer-links,.footer-legal{justify-content:center}}.marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--cream);padding:24px 0;overflow:hidden}.marquee-track{width:max-content;font-family:var(--font-heading);color:var(--ink);align-items:center;gap:64px;font-size:22px;font-weight:800;animation:30s linear infinite scroll;display:flex}.marquee-track .star{color:var(--primary);font-size:18px}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (max-width:880px){.container{padding:0 20px}.nav-links,.nav-cta{display:none}.nav-burger,.nav-drawer{display:flex}.nav-inner{height:64px}.hero{padding:36px 0 56px}.hero-grid{grid-template-columns:1fr;gap:36px}.section{padding:64px 0}.section-head{flex-direction:column;align-items:start;margin-bottom:32px}.proj-grid{grid-template-columns:repeat(2,1fr);gap:20px}.faq-wrap,.contact-wrap{grid-template-columns:1fr;gap:32px}.faq-head{margin-bottom:32px}.hero-stack{aspect-ratio:4/3.4;max-width:100%}.hero-tile.is-center{aspect-ratio:4/3;border-width:3px}.hero-tile:not(.is-center){border-width:2px}.hero-tile.is-center .hero-tag.center-tag{padding:7px 11px;font-size:12px;bottom:10px;right:10px}}@media (max-width:520px){.hero-stack{aspect-ratio:4/3;max-width:100%;margin:0 auto}.hero-orbit>.hero-tile:not(.is-center){display:none}.hero-orbit>.hero-tile.is-center{width:100%!important;transform:translate(-50%,-50%)rotate(0)!important}.hero-glow{inset:6% 0}.hero h1{font-size:clamp(38px,9vw,58px)}.hero-sub{font-size:16px}.hero-ctas{flex-direction:column;align-items:stretch;gap:12px}.hero-ctas .btn{justify-content:center;width:100%}.hero-meta{flex-wrap:wrap;gap:20px}.form-row,.proj-grid{grid-template-columns:1fr}}.workflow-wrap{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:56px;display:grid}.wf-mockup-wrap{width:100%;min-width:0;position:relative}.wf-mockup{background:#0e0d14;border-radius:18px;overflow:hidden;box-shadow:0 0 0 1px #ffffff0a,0 30px 60px -20px #14110f73,0 8px 20px -8px #14110f59}.wf-mockup-bar{background:linear-gradient(#1a1815 0%,#14110f 100%);border-bottom:1px solid #ffffff0f;align-items:center;gap:12px;padding:12px 14px;display:flex}.wf-tl{border-radius:50%;flex:none;width:12px;height:12px;display:inline-block}.wf-tl.r{background:#ff5f57}.wf-tl.y{background:#ffbd2e}.wf-tl.g{background:#28c840}.wf-url{color:#ffffffb3;letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;background:#ffffff0f;border:1px solid #ffffff0f;border-radius:8px;flex:1;align-items:center;gap:8px;min-width:0;height:28px;padding:0 14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;display:inline-flex;overflow:hidden}.wf-lock{color:#5e8c4b;font-size:8px}.wf-bar-actions{flex:none;gap:4px;display:flex}.wf-bar-actions span{background:#fff6;border-radius:50%;width:4px;height:4px}.wf-mockup-body{aspect-ratio:16/10;background:#0e0d14;width:100%;position:relative}.wf-slot{color:#fff6;inset:0;background:radial-gradient(120% 100% at 50% 0,#b915531f 0%,#0000 60%),repeating-linear-gradient(-45deg,#ffffff05 0 12px,#0000 12px 24px);border:1.5px dashed #ffffff24;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:10px;margin:14px;display:flex;position:absolute;inset:14px}.wf-slot svg{opacity:.5}.wf-slot-cap{letter-spacing:.01em;font-size:13px;font-weight:500}.wf-mockup-body image-slot{width:100%;height:100%;display:block;position:absolute;inset:0}.wf-float{box-shadow:var(--shadow-md);z-index:4;background:#fff;border-radius:16px;flex-direction:column;align-items:flex-start;min-width:110px;padding:12px 18px;animation:6s ease-in-out infinite chipFloatA;display:flex;position:absolute;top:24px;right:-16px}.wf-float-num{font-family:var(--font-heading);color:var(--primary);font-size:28px;font-weight:800;line-height:1}.wf-float-lbl{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-top:4px;font-size:11px;font-weight:600}.workflow-copy{min-width:0}.workflow-copy h2{margin-bottom:16px;font-size:clamp(34px,4vw,56px)}.workflow-copy .lede{color:var(--ink-2);max-width:460px;margin-bottom:28px;font-size:17px}.wf-steps{flex-direction:column;gap:0;margin:0 0 32px;padding:0;list-style:none;display:flex}.wf-step{border-top:1px solid var(--line);opacity:.55;grid-template-columns:56px 1fr;gap:18px;padding:18px 0;transition:opacity .3s,transform .3s;display:grid}.wf-step:last-child{border-bottom:1px solid var(--line)}.wf-step.on{opacity:1}.wf-step-n{font-family:var(--font-heading);color:var(--ink);letter-spacing:-.02em;border:1.5px solid var(--line);background:0 0;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;font-weight:800;transition:all .3s;display:flex}.wf-step.on .wf-step-n{background:var(--primary);color:#fff;border-color:var(--primary);transform:scale(1.05)}.wf-step-t{font-family:var(--font-heading);letter-spacing:-.005em;margin-bottom:4px;font-size:19px;font-weight:800}.wf-step-s{color:var(--ink-3);font-size:14px}.wf-cta{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.wf-cta-note{color:var(--ink-3);align-items:center;gap:8px;font-size:13px;display:inline-flex}.wf-pulse{background:var(--primary);border-radius:50%;width:7px;height:7px;animation:1.5s ease-in-out infinite blip;box-shadow:0 0 0 4px #b915532e}@media (max-width:880px){.workflow-wrap{grid-template-columns:minmax(0,1fr);gap:40px}.wf-mockup-wrap{order:2}.wf-float{top:-16px;right:12px}}