.hero[data-hero-form="data-band"]{padding-top:var(--hero-top);background:#FFFFFF;color:#1B1A18}
.hero[data-hero-form="data-band"] h1{color:#1B1A18}
.hero-copy{text-align:center}
.hero h1{display:flex;justify-content:center;align-items:flex-start;gap:var(--space-2);max-width:100%;font-size:var(--text-display);line-height:1.25;letter-spacing:-.02em}
.hero h1>span{min-width:0;overflow-wrap:break-word}
.hero-mark{width:32px;height:32px;margin-top:.22em;flex:none}
.hl{padding:0 .22em;border-radius:var(--radius);background:#F5A800;color:#1B1A18;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.lead{max-width:48rem;margin:var(--space-3) auto 0;color:#45423C;font-size:var(--text-lg);line-height:1.6}
.hero-actions{margin-top:var(--space-4)}
.hero-copy .hero-actions{justify-content:center}
.entry{margin-top:var(--space-2);color:#56534D;font-size:var(--text-sm)}
.entry strong{color:#1B1A18;font-family:var(--font-mono);font-variant-numeric:tabular-nums}
.databand{margin-top:var(--space-6);border-block:1px solid #ECEAE5}
.databand-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.dcell{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:start;gap:var(--space-2);min-width:0;padding:var(--space-4) var(--space-3);text-align:left}
.dcell+.dcell{border-left:1px solid #ECEAE5}
.dsq,.anchor{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:var(--radius)}
.dsq svg,.anchor svg{width:22px;height:22px}
.a-b{background:#E6F0FF;color:#173A66}
.a-g{background:#E2F4EA;color:#14513A}
.a-p{background:#FCE7EF;color:#7A2244}
.a-v{background:#ECE8FB;color:#3D2C80}
.dnum{font:600 clamp(1.4rem,2vw,2rem)/1.2 var(--font-mono);font-variant-numeric:tabular-nums}
.dnum span{font:600 var(--text-base)/1.4 var(--font-body)}
.dnote{margin-top:var(--space-1);color:#56534D;font-size:var(--text-sm)}
.hero-art{position:relative;display:grid;grid-template-columns:132px minmax(0,1fr) 112px 132px;align-items:stretch;gap:var(--space-3);width:min(calc(100% - var(--gutter)*2),var(--width-standard));margin:var(--space-6) auto var(--space-6);color:#1B1A18}
.art-backdrop{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(240px 220px at 6% 20%,rgba(110,160,240,.26),transparent 70%),radial-gradient(230px 210px at 4% 80%,rgba(232,130,172,.22),transparent 70%),radial-gradient(240px 230px at 95% 22%,rgba(90,190,135,.24),transparent 70%),radial-gradient(230px 210px at 96% 82%,rgba(140,118,228,.22),transparent 70%)}
.cluster{z-index:1;display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) 0 var(--space-6)}
.cluster:last-child{align-items:flex-end;padding:var(--space-7) 0 var(--space-4)}
.hero-art>.cluster:nth-child(2) .float-card:last-child,.hero-art>.cluster:last-child .float-card:first-child{align-self:flex-end}
.float-card{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--space-1);width:120px;min-height:120px;padding:var(--space-2);border-radius:var(--radius-xl);text-align:center}
.float-card svg{width:40px;height:40px}
.float-title{font-size:var(--text-xs);font-weight:600;line-height:1.4}
.float-blue{background:#E6F0FF;color:#173A66;box-shadow:0 22px 48px rgba(70,130,225,.18);animation:float-one 9s ease-in-out infinite}
.float-pink{background:#FCE7EF;color:#7A2244;box-shadow:0 22px 48px rgba(214,92,140,.16);animation:float-two 11s ease-in-out infinite}
.float-green{background:#E2F4EA;color:#14513A;box-shadow:0 22px 48px rgba(46,158,98,.16);animation:float-one 10s ease-in-out infinite}
.float-violet{background:#ECE8FB;color:#3D2C80;box-shadow:0 22px 48px rgba(110,88,210,.16);animation:float-two 12s ease-in-out infinite}
@keyframes float-one{50%{translate:0 12px}
}
@keyframes float-two{50%{translate:0 -12px}
}
.runner-card{z-index:1;display:flex;flex-direction:column;gap:var(--space-1);min-width:0;padding:14px;border-radius:var(--radius-lg);background:#FFFFFF;color:#1B1A18;box-shadow:0 1px 2px rgba(27,26,24,.06),0 28px 70px rgba(27,26,24,.13)}
.runner-card>svg{display:block;width:100%;height:auto;border-radius:var(--radius)}
.runner-line{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;min-width:0;padding:4px 8px;color:#45423C;font:500 var(--text-xs)/1.5 var(--font-mono);font-variant-numeric:tabular-nums}
.status-live{display:inline-flex;align-items:center;gap:8px;color:#1B1A18;font-family:var(--font-body);font-weight:600}
.status-live::before{content:"";width:8px;height:8px;border-radius:50%;background:#F5A800}
.node-label{color:#1B1A18;font-weight:600}
.pill-ok{display:inline-flex;align-items:center;gap:.4em;width:fit-content;margin-left:auto;padding:.4em .9em;border-radius:999px;background:#E2F4EA;color:#14513A;font:600 var(--text-xs)/1 var(--font-body)}
.queue-card{z-index:1;align-self:center;display:flex;flex-direction:column;gap:var(--space-1);min-width:0;padding:14px 10px;border-radius:var(--radius-lg);background:#FFFFFF;color:#1B1A18;box-shadow:0 18px 44px rgba(27,26,24,.11);text-align:center}
.queue-card>p{color:#56534D;font-size:var(--text-xs);font-weight:600}
.build-row{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;border-radius:var(--radius);background:#F6F5F2;color:#1B1A18}
.build-row strong{font-size:var(--text-lg);line-height:1.2}
.build-row span{color:#56534D;font:500 var(--text-xs)/1.4 var(--font-mono)}
.build-row[aria-current]{background:#F5A800;color:#1B1A18}
.build-row[aria-current] span{color:#493100}
.sec{padding-block:var(--space-7)}
.head{max-width:49rem;margin:0 auto var(--space-5);text-align:center}
.head .kicker{margin-inline:auto}
.kicker{display:inline-flex;align-items:center;gap:.5rem;width:fit-content;max-width:100%;padding:.4em .9em;border-radius:999px;background:#EFEDE8;color:#45423C;font-size:var(--text-xs);line-height:1.2;font-weight:600}
.kicker::before{content:"";width:6px;height:6px;flex:none;border-radius:2px;background:currentColor}
.head h2,.timeline-side h2,.experience-layout h2,.pay h2,.faq-layout h2,.blog-head h2{margin-top:var(--space-2);font-size:var(--text-section)}
.head>p{margin-top:var(--space-2);color:#56534D}
.demo-section{background:#1B1A18;color:#F4F1EB}
.demo-section h2,.demo-section h3{color:#F4F1EB}
.demo-section .head p{color:#C8C2B8}
.demo-section .kicker{background:#34322E;color:#F5C14A}
.demo-stage{display:grid;width:min(100%,65rem);min-height:30rem;margin-inline:auto;padding:var(--space-2);border-radius:var(--radius-lg);background:#262421;color:#F4F1EB}
.scene{grid-area:1/1;display:flex;flex-direction:column;min-width:0;overflow:hidden;border-radius:var(--radius);background:#F6F5F2;color:#1B1A18}
.scene[hidden]{display:none!important}
.scene-label{display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:#FFFFFF;color:#45423C;font-size:var(--text-sm);font-weight:600}
.scene-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);align-items:stretch;flex:1;padding:var(--space-3)}
.scene-panel{min-width:0;padding:var(--space-3);border-radius:var(--radius);background:#FFFFFF;color:#1B1A18}
.scene-panel h3{margin-bottom:var(--space-2);color:#1B1A18;font-size:var(--text-card)}
.scene-panel p{color:#56534D}
.demo-option{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px var(--space-1);min-width:0;margin-top:var(--space-2);padding:var(--space-2);border-radius:var(--radius);background:#F6F5F2;color:#1B1A18}
.demo-option.selected{box-shadow:inset 0 0 0 2px #7A4F00}
.demo-option strong{overflow-wrap:break-word}
.demo-option span{grid-column:1/-1;color:#56534D;font-size:var(--text-sm)}
.demo-option b{grid-column:2;grid-row:1;color:#1B1A18;font-family:var(--font-mono);font-size:var(--text-sm)}
.scene-receipt{margin-top:var(--space-3);padding-top:var(--space-2);border-top:1px solid #ECEAE5}
.scene-receipt strong{font-family:var(--font-mono)}
.connection-code,.scene-terminal code{display:block;max-width:100%;overflow-x:auto;overflow-wrap:anywhere;font-family:var(--font-mono)}
.connection-code{margin-block:var(--space-3);padding:var(--space-2);border-radius:var(--radius);background:#E6F0FF;color:#173A66}
.scene-terminal{display:flex;flex-direction:column;justify-content:center;gap:var(--space-2);min-width:0;padding:var(--space-3);border-radius:var(--radius);background:#262421;color:#F4F1EB}
.scene-terminal code{padding:0;background:transparent;color:#F4F1EB;white-space:normal}
.archive-row{display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--space-1);padding-block:var(--space-1);border-bottom:1px solid #ECEAE5}
.archive-row span:last-child{color:#14513A}
.archive-finish{font-weight:600}
.scene-note{align-self:center;min-width:0;padding:var(--space-3);border-radius:var(--radius);background:#ECE8FB;color:#3D2C80}
.scene-note p{margin-top:var(--space-1);color:#3D2C80}
.demo-caps{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-3);width:min(100%,65rem);margin:var(--space-2) auto 0;padding:var(--space-2) var(--space-3);border-radius:var(--radius);background:#34322E;color:#F4F1EB}
.cap-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-1);margin-bottom:var(--space-1)}
.cap-track span{height:4px;border-radius:999px;background:#56534D}
.cap-track span.is-current,.cap-track span.is-complete{background:#F5A800}
.demo-caption p{color:#F4F1EB}
.pause{min-height:42px;padding:8px 18px;border:1px solid color-mix(in srgb,currentColor 40%,transparent);border-radius:999px;background:#34322E;color:#F4F1EB;font-weight:600}
.feature-section{background:#FFFFFF;color:#1B1A18}
.feat{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);align-items:stretch}
.fcard{display:flex;flex-direction:column;min-width:0;height:100%;padding:var(--space-5);border-radius:var(--radius);background:#FFFFFF;color:#1B1A18;box-shadow:var(--shadow)}
.fcard .anchor{margin-bottom:var(--space-3)}
.fcard h3{color:#1B1A18}
.fcard p{margin-top:var(--space-1);color:#56534D}
.spec{margin-top:auto;padding-top:var(--space-3);color:#45423C;font-size:var(--text-xs);font-weight:600}
.timeline-section{background:#ECE8FB;color:#3D2C80}
.timeline-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:start;gap:var(--space-6)}
.timeline-side h2,.timeline-side>p{color:#3D2C80}
.timeline-side>p{margin-top:var(--space-2)}
.timeline-section .kicker{background:#FFFFFF;color:#3D2C80}
.total{margin-top:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);background:#FFFFFF;color:#1B1A18;box-shadow:var(--shadow)}
.total>span{color:#56534D}
.total>strong{display:block;margin-top:var(--space-1);font:600 clamp(2rem,4vw,3.2rem)/1.2 var(--font-mono)}
.total strong small{font:600 var(--text-base)/1.4 var(--font-body)}
.total p{margin-top:var(--space-2);color:#56534D;font-size:var(--text-sm)}
.tbar{display:flex;gap:4px;margin-top:var(--space-3)}
.tbar span{height:10px;border-radius:999px;background:#3D2C80}
.tbar span:nth-child(1),.tbar span:nth-child(2){flex:1}
.tbar span:nth-child(3){flex:2}
.tbar span:nth-child(4){flex:.25;background:#F5A800}
.steps{position:relative;margin:0;padding:0;list-style:none}
.steps::before{content:"";position:absolute;top:32px;bottom:32px;left:21px;width:2px;background:color-mix(in srgb,#3D2C80 20%,transparent)}
.step{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:start;gap:var(--space-3);padding:var(--space-3) 0}
.step h3{color:#3D2C80;font-size:var(--text-card)}
.step p{margin-top:var(--space-1);color:#55468C}
.num{position:relative;z-index:1;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#FFFFFF;color:#3D2C80;font:600 var(--text-sm)/1 var(--font-mono);box-shadow:0 0 0 5px #ECE8FB}
.step:last-child .num{background:#F5A800;color:#1B1A18}
.dur{display:inline-flex;align-items:center;gap:.4em;width:fit-content;padding:.4em .9em;border-radius:999px;background:#FFFFFF;color:#3D2C80;font:600 var(--text-sm)/1 var(--font-mono)}
.step:last-child .dur{background:#1B1A18;color:#FFFFFF}
.pricing-section{background:#E6F0FF;color:#173A66}
.pricing-section .head h2,.pricing-section .head p{color:#173A66}
.pricing-section .kicker{background:#FFFFFF;color:#173A66}
.period-control{display:flex;justify-content:center;flex-wrap:wrap;gap:4px;width:fit-content;max-width:100%;margin:0 auto var(--space-5);padding:4px;border-radius:999px;background:#FFFFFF;color:#173A66;box-shadow:var(--shadow)}
.period-button{min-height:42px;padding:8px 18px;border:1px solid #D8D4CB;border-radius:999px;background:#FFFFFF;color:#173A66;font-size:var(--text-sm);font-weight:600}
.period-button[aria-pressed="true"]{background:#F5A800;color:#1B1A18}
.plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);align-items:stretch}
.plan{display:flex;flex-direction:column;min-width:0;height:100%;padding:var(--space-5);border-radius:var(--radius-lg);background:#FFFFFF;color:#1B1A18;box-shadow:var(--shadow)}
.plan h3{color:#1B1A18}
.plan-top{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:var(--space-2)}
.cfg{margin-top:var(--space-1);color:#56534D;font:500 var(--text-sm)/1.5 var(--font-mono)}
.tag{display:inline-flex;align-items:center;gap:.4em;width:fit-content;padding:.4em .9em;border-radius:999px;background:#E2F4EA;color:#14513A;font-size:var(--text-xs);font-weight:600;line-height:1.2}
.tag-violet{background:#ECE8FB;color:#3D2C80}
.tag-blue{background:#E6F0FF;color:#173A66}
.price{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px;margin-top:var(--space-4);color:#1B1A18}
.price strong{font:600 clamp(2rem,3.4vw,2.75rem)/1.2 var(--font-mono);font-variant-numeric:tabular-nums}
.price span{color:#56534D}
.allp{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;margin-top:var(--space-2);border-radius:var(--radius);background:#F6F5F2;color:#1B1A18}
.allp>div{min-width:0;padding:var(--space-1)}
.allp span{display:block;color:#56534D;font-size:var(--text-xs)}
.allp b{display:block;overflow-wrap:break-word;font:600 var(--text-sm)/1.4 var(--font-mono)}
.plist{display:grid;gap:var(--space-1);margin-top:var(--space-3);padding-left:1.3em;color:#45423C}
.plist li{font-size:var(--text-sm)}
.plan-cta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-2);margin-top:auto;padding-top:var(--space-4)}
.plan-cta>span{color:#56534D;font-size:var(--text-sm)}
.plan-cta .btn{min-height:44px;font-size:var(--text-sm)}
.advisor{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-1);margin-top:var(--space-3)}
.advisor>div{min-width:0;padding:var(--space-3);border-radius:var(--radius);background:#FFFFFF;color:#173A66}
.advisor p,.advisor span{display:block;margin-top:var(--space-1);color:#3F5D85;font-size:var(--text-sm)}
.advisor strong{display:block;overflow-wrap:break-word}
.more{text-align:center;margin-top:var(--space-4)}
.more a{color:#173A66;font-weight:600}
.nodes-section{background:#FFFFFF;color:#1B1A18}
.nodes{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:var(--space-2);align-items:stretch}
.ncard{display:flex;flex-direction:column;min-width:0;height:100%;padding:var(--space-3);border-radius:var(--radius);background:#FFFFFF;color:#1B1A18;box-shadow:var(--shadow)}
.ncode{display:grid;place-items:center;width:44px;height:44px;margin-bottom:var(--space-2);border-radius:var(--radius);font:600 var(--text-xs)/1 var(--font-mono)}
.ncard h3{color:#1B1A18}
.ncard dl{display:grid;gap:var(--space-2);margin-top:var(--space-2)}
.ncard dt{color:#56534D;font-size:var(--text-xs)}
.ncard dd{min-width:0;color:#45423C;font-size:var(--text-sm);overflow-wrap:break-word}
.nfoot{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-1);margin-top:auto;padding-top:var(--space-3)}
.nfoot a{color:#7A4F00;font-size:var(--text-sm);font-weight:600}
.ok-badge{display:inline-flex;align-items:center;gap:.4em;width:fit-content;padding:.4em .9em;border-radius:999px;background:#E2F4EA;color:#14513A;font-size:var(--text-xs);font-weight:600;line-height:1}
.ok-badge::before{content:"";width:6px;height:6px;border-radius:50%;background:#14513A}
.reliability-section{background:#FCE7EF;color:#7A2244}
.reliability-section .head h2,.reliability-section .head p{color:#7A2244}
.reliability-section .kicker{background:#FFFFFF;color:#7A2244}
.meter{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:var(--space-5);padding:var(--space-5);border-radius:var(--radius-lg);background:#FFFFFF;color:#1B1A18;box-shadow:var(--shadow)}
.meter-big>span{color:#56534D}
.meter-big>strong{display:block;margin-top:var(--space-1);font:600 clamp(2.5rem,5vw,3.2rem)/1.2 var(--font-mono)}
.meter-big p{margin-top:var(--space-3);padding:var(--space-2);border-radius:var(--radius);background:#FCE7EF;color:#7A2244}
.meter-big a{display:inline-block;margin-top:var(--space-2);color:#7A4F00;font-weight:600}
.meter-rules h3{margin-bottom:var(--space-2);color:#1B1A18}
.meter-row{display:grid;grid-template-columns:2.5rem minmax(0,1fr);gap:var(--space-2);padding-block:var(--space-2);border-top:1px solid #ECEAE5}
.meter-row>span{color:#7A2244;font-family:var(--font-mono);font-weight:600}
.meter-row p{margin-top:var(--space-1);color:#56534D;font-size:var(--text-sm)}
.meter-rules .btn{margin-top:var(--space-3)}
.experience-section{background:#E2F4EA;color:#14513A}
.experience-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:var(--space-6)}
.experience-layout h2,.experience-lead{color:#14513A}
.experience-lead{margin-top:var(--space-2)}
.experience-section .kicker{background:#FFFFFF;color:#14513A}
.exp-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4) var(--space-3);margin-top:var(--space-5)}
.exp-list .mk{display:block;width:28px;height:4px;margin-bottom:var(--space-2);border-radius:2px;background:#14513A}
.exp-list h3{color:#14513A;font-size:var(--text-base)}
.exp-list p{margin-top:var(--space-1);color:#3E6B58;font-size:var(--text-sm)}
.panel{min-width:0;padding:var(--space-4);border-radius:var(--radius-xl);background:#FFFFFF;color:#1B1A18;box-shadow:var(--shadow-lg)}
.p-head,.prow{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-2);padding-block:var(--space-2);border-bottom:1px solid #ECEAE5}
.p-head{padding-top:0}
.p-head strong span,.prow small{display:block;color:#56534D;font-size:var(--text-xs)}
.zoom{display:inline-flex;align-items:center;gap:.4em;padding:.4em .9em;border-radius:999px;background:#E2F4EA;color:#14513A;font-size:var(--text-xs);font-weight:600;line-height:1}
.seg{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;border-radius:var(--radius);background:#F6F5F2;color:#56534D}
.seg span{padding:6px 10px;border-radius:var(--radius-sm);font-size:var(--text-xs)}
.seg .on{background:#FFFFFF;color:#1B1A18;box-shadow:var(--shadow)}
.tog{display:flex;justify-content:flex-end;width:44px;height:26px;padding:3px;border-radius:999px;background:#F5A800;color:#1B1A18}
.tog::after{content:"";width:20px;height:20px;border-radius:50%;background:#FFFFFF}
.panel code{display:block;max-width:100%;overflow-x:auto;overflow-wrap:anywhere;margin-top:var(--space-3);padding:var(--space-2);border-radius:var(--radius);background:#262421;color:#F4F1EB}
.scenarios-section{background:#FFFFFF;color:#1B1A18}
.scn{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);align-items:start}
.scard{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:start;gap:var(--space-2);min-width:0;padding:var(--space-3);border-radius:var(--radius);background:#FFFFFF;color:#1B1A18;box-shadow:var(--shadow)}
.scard h3{color:#1B1A18;font-size:var(--text-card)}
.scard p{margin-top:var(--space-1);color:#56534D;font-size:var(--text-sm)}
.scard div>span{display:inline-block;margin-top:var(--space-2);color:#7A4F00;font-size:var(--text-sm);font-weight:600}
.pay{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:start;gap:var(--space-6);margin-top:var(--space-7);padding-top:var(--space-6);border-top:1px solid #ECEAE5}
.pay>div:first-child>p{margin-top:var(--space-2);color:#56534D}
.paycards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}
.paycard{min-width:0;padding:var(--space-3);border-radius:var(--radius);background:#FFFFFF;color:#1B1A18;box-shadow:var(--shadow)}
.paycard h3{margin-top:var(--space-2);color:#1B1A18}
.paycard p{margin-top:var(--space-1);color:#56534D;font-size:var(--text-sm)}
.paynote{grid-column:1/-1;display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius);background:#F6F5F2;color:#45423C;font-size:var(--text-sm)}
.paynote strong{color:#1B1A18;font-family:var(--font-mono)}
.paynote a{color:#7A4F00;font-weight:600}
.faq-section{background:#F6F5F2;color:#1B1A18}
.faq-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:start;gap:var(--space-6)}
.faq-layout>div:first-child>p{margin-top:var(--space-2);color:#56534D}
.faq-actions{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}
.faq-section .c-faq details{background:#F6F5F2;color:#1B1A18;box-shadow:none;border-top:1px solid #ECEAE5;border-radius:0}
.faq-section .c-faq details p{padding:var(--space-2) 0 var(--space-3);border-top:1px solid #D8D4CB;background:#F6F5F2;color:#56534D}
.home-blog{background:#FFFFFF;color:#1B1A18}
.blog-head{display:flex;justify-content:space-between;align-items:end;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-4)}
.blog-head>a{color:#7A4F00;font-weight:600}
.home-blog__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);align-items:stretch}
.home-blog__card{display:flex;flex-direction:column;min-width:0;height:100%;padding:var(--space-3);border-radius:var(--radius);background:#E6F0FF;color:#173A66}
.home-blog__card:nth-child(2){background:#E2F4EA;color:#14513A}
.home-blog__card:nth-child(3){background:#ECE8FB;color:#3D2C80}
.home-blog__card[hidden]{display:none!important}
.home-blog__card .pill{display:inline-flex;align-items:center;gap:.4em;width:fit-content;padding:.4em .9em;border-radius:999px;background:#FFFFFF;color:#1B1A18;font-size:var(--text-xs);line-height:1}
.home-blog__card h3{margin-top:var(--space-2);color:inherit;font-size:var(--text-card)}
.home-blog__card p{margin-top:var(--space-1);color:inherit;font-size:var(--text-sm)}
.home-blog__empty{padding:var(--space-4);border-radius:var(--radius);background:#F6F5F2;color:#45423C}
.home-blog__empty[hidden]{display:none!important}
.home-blog__empty a{color:#7A4F00;font-weight:600}
.closing-section{padding:var(--space-6) 0 var(--space-7);background:#FFFFFF;color:#1B1A18}
.c-closing{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-5);padding:var(--space-6);border-radius:var(--radius-xl);background:#1B1A18;color:#F4F1EB}
.c-closing h2{color:#FFFFFF;font-size:var(--text-display)}
.c-closing p{max-width:42rem;margin-top:var(--space-2);color:#E0DAD1}
.c-closing small{display:block;margin-top:var(--space-3);color:#C8C2B8}
.cta-sq{display:flex;gap:var(--space-1);margin-bottom:var(--space-3)}
.cta-sq span{display:grid;place-items:center;width:44px;height:44px;border-radius:var(--radius)}
.cta-sq svg{width:22px;height:22px}
.closing-actions{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-2);min-width:14rem}
.closing-actions .btn-line{background:#1B1A18;color:#F4F1EB;border-color:color-mix(in srgb,currentColor 40%,transparent)}
.btn,.c-btn{max-width:100%}
@media(max-width:64rem){
  .hero-art{grid-template-columns:96px minmax(0,1fr) 90px 96px;gap:var(--space-1)}
  .float-card{width:90px;min-height:90px;padding:var(--space-1)}
  .float-card svg{width:30px;height:30px}
  .databand-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .dcell{grid-template-columns:minmax(0,1fr)}
  .timeline-layout,.experience-layout,.faq-layout{gap:var(--space-4)}
  .advisor{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:48rem){
  .databand-grid{grid-template-columns:minmax(0,1fr)}
  .dcell{grid-template-columns:44px minmax(0,1fr)}
  .dcell+.dcell{border-left:0;border-top:1px solid #ECEAE5}
  .hero-art{grid-template-columns:minmax(0,1fr);width:min(calc(100% - var(--gutter)*2),100%);height:auto;overflow:visible;margin-inline:auto;transform:none}
  .hero-art .cluster,.hero-art .cluster:last-child{grid-column:1;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:var(--space-2);padding:0}
  .hero-art>.cluster:nth-child(2) .float-card:last-child,.hero-art>.cluster:last-child .float-card:first-child{align-self:auto}
  .hero-art .float-card{width:min(44%,120px);min-height:96px;animation:none}
  .hero-art .runner-card,.hero-art .queue-card{grid-column:1;width:auto;min-width:0}
  .hero-art .queue-card{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:var(--space-1)}
  .queue-card>p{grid-column:1/-1}
  .build-row{padding:var(--space-1) 2px}
  .timeline-layout,.experience-layout,.faq-layout,.meter,.pay{grid-template-columns:minmax(0,1fr)}
  .feat,.plans,.paycards{grid-template-columns:minmax(0,1fr)}
  .scn,.home-blog__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .scene-body{grid-template-columns:minmax(0,1fr)}
  .demo-stage{min-height:0}
  .c-closing{grid-template-columns:minmax(0,1fr)}
  .closing-actions{align-items:stretch;min-width:0}
}
@media(max-width:42rem){
  .hero[data-hero-form="data-band"]{padding-top:var(--space-6)}
  .hero h1{gap:var(--space-1);font-size:clamp(1.8rem,7vw,2.4rem)}
  .hero-mark{width:28px;height:28px}
  .lead{font-size:var(--text-base)}
  .lead br{display:none}
  .hero-actions{gap:var(--space-1)}
  .hero-actions .btn{font-size:var(--text-sm);padding-inline:var(--space-2)}
  .sec{padding-block:var(--space-6)}
  .head{margin-bottom:var(--space-4)}
  .step{grid-template-columns:44px minmax(0,1fr);gap:var(--space-2)}
  .dur{grid-column:2;justify-self:start}
  .scn,.home-blog__grid,.advisor{grid-template-columns:minmax(0,1fr)}
  .scard{grid-template-columns:44px minmax(0,1fr)}
  .exp-list{grid-template-columns:minmax(0,1fr)}
  .demo-caps{grid-template-columns:minmax(0,1fr)}
  .pause{justify-self:start}
  .plan,.fcard,.panel,.meter{padding:var(--space-3)}
  .allp{grid-template-columns:repeat(2,minmax(0,1fr))}
  .period-button{padding-inline:var(--space-1)}
  .c-closing{padding:var(--space-3)}
  .closing-actions .btn{width:100%;white-space:normal}
}
@media(max-width:22rem){
  .hero-actions .btn{width:100%}
  .runner-line{font-size:var(--text-xs)}
  .queue-card{padding:var(--space-1)}
  .build-row strong{font-size:var(--text-base)}
  .period-control{border-radius:var(--radius)}
  .period-button{font-size:var(--text-xs)}
  .demo-option{grid-template-columns:minmax(0,1fr)}
  .demo-option b{grid-row:auto;grid-column:1}
}
@media(prefers-reduced-motion:reduce){.float-card{animation:none}
}