:root{--bg:#000;--surface:#090809;--panel:#0c0b0c;--text:#f7f5f6;--muted:#dedbdd;--quiet:#b3aeb1;--line:#282328;--accent:#bd86a5;--accent-soft:#25151e;--strong:#fff;--inverse:#000;--rail:#191619;--font:"Space Mono",ui-monospace,monospace;font-family:var(--font);color:var(--text);background:var(--bg);color-scheme:dark;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:108px}body{margin:0}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button:disabled{cursor:wait}h1,h2,h3,p{margin:0}svg{width:20px;height:20px;flex:none}img{max-width:100%}button svg{pointer-events:none}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:-80px;left:20px;z-index:60;padding:12px;background:var(--text);color:var(--bg)}.skip:focus{top:10px}.wrap{max-width:1200px;width:calc(100% - 64px);margin-inline:auto}.study-bar{border-bottom:1px solid var(--line);background:var(--surface);min-height:42px;display:flex;align-items:center;justify-content:center;gap:25px;font-size:11px;color:var(--muted)}.study-bar>a{font-weight:500;color:var(--quiet)}.study-bar nav{display:flex;gap:6px}.study-bar nav a{padding:6px 12px;border-radius:4px;transition:background .2s,color .2s}.study-bar nav a:hover{color:var(--text)}.study-bar nav a[aria-current]{background:var(--accent-soft);color:var(--accent)}.study-status{font-size:10px;color:var(--quiet)}.site-header{position:sticky;top:0;z-index:40;border-bottom:1px solid var(--line);background:rgba(0,0,0,.72);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%)}.header{display:flex;align-items:center;gap:30px;height:92px}.brand{display:inline-flex;align-items:center;gap:10px;flex:none}.brand img{width:58px;height:auto}.brand strong{font-size:25px;letter-spacing:-1.2px;font-weight:650}.audience{display:flex;gap:3px;margin-right:auto}.audience button,.audience a{background:transparent;border:0;padding:9px 10px;font-size:11px;color:var(--muted);border-radius:4px;white-space:nowrap}.audience button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:inset 0 0 0 1px var(--line)}.header-nav{display:flex;align-items:center;gap:22px;margin-left:auto;font-size:12px;color:var(--muted)}.header-nav a:hover{text-decoration:underline;text-underline-offset:5px;color:var(--text)}.yc{display:flex;align-items:center;gap:7px;color:#ff6600;font-size:13px;white-space:nowrap}.yc-mark{display:grid;place-items:center;background:#ff6600;color:#fff;width:29px;height:29px;font-weight:400;font-size:23px}.hero{position:relative;text-align:center;padding:80px 20px 54px;overflow:hidden}.hero h1{font-size:clamp(50px,6.8vw,84px);font-weight:500;line-height:1.03;letter-spacing:-4.5px;text-wrap:balance}.hero h1 .soft{color:var(--muted)}.keep-together{white-space:nowrap}.hero h1 .first{position:relative;display:inline-block}.hero h1 .hero-sheen{position:absolute;inset:0;color:transparent;background:linear-gradient(110deg,transparent 40%,#bd86a560 46%,#e9c7dbb3 48%,transparent 50%,transparent 52%,#bd86a58c 54%,transparent 56%);background-size:240% 100%;background-clip:text;-webkit-background-clip:text;pointer-events:none;animation:title-sheen 5s linear infinite}.hero-description{max-width:650px;margin:25px auto 0;color:var(--muted);font-size:18px;line-height:1.65;text-wrap:pretty}.setup-group{max-width:580px;margin:30px auto 0}.setup-bar{display:flex;align-items:center;gap:16px;padding:8px 8px 8px 20px;border:1px solid #624456;border-radius:8px;background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 9%,var(--bg)),var(--bg) 70%);box-shadow:inset 0 1px 0 #ffffff0c,0 0 28px #bd86a508;text-align:left}.setup-bar>span{font-size:14px;margin-right:auto}.setup-bar .prompt-glyph{font-family:var(--font);font-size:20px;color:var(--accent);margin:0}.copy-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:43px;padding:12px 18px;border:0;border-radius:4px;background:var(--text);color:var(--bg);font-size:12px;font-weight:550;white-space:nowrap;transition:background .2s}.copy-button:hover{background:var(--accent);color:#000}.copy-button svg{width:16px;height:16px}.free-note{margin-top:14px;font-size:12px;color:var(--muted)}.client-list{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:22px;margin:25px auto 0}.client{display:flex;align-items:center;gap:7px;min-height:32px;padding:2px 0;border:0;background:none;color:var(--muted);font-size:12px;transition:color .2s}.client:hover{color:var(--text)}.client img{width:21px;height:21px;object-fit:contain}.client img.invert{filter:invert(1)}.team-talk{display:none;margin-top:20px;color:var(--accent);font-size:13px;text-underline-offset:5px}.team-talk:hover{text-decoration:underline}:root[data-audience=teams] .team-talk{display:inline-block}.section{padding:84px 48px}.section-heading{display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:50px;margin-bottom:38px}.section-heading h2,h2{font-weight:500;font-size:44px;line-height:1.12;letter-spacing:-1.8px;text-wrap:balance}.section-heading h2 span{color:var(--muted)}.section-heading>p{font-size:15px;line-height:1.75;color:var(--muted);max-width:410px}.context-intro{max-width:630px;margin:0 auto 28px;text-align:center;font-size:14px;color:var(--muted);line-height:1.7}.flow-section{padding-top:14px;border-top:0}.flow-section>.section-heading{margin-top:50px}.framework-caption{font-size:10px;color:var(--quiet);text-align:center;margin-top:15px}.sources-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.source-column{min-width:0;border:1px solid var(--line);border-radius:10px;background:var(--surface);overflow:hidden}.source-column-head{padding:27px 27px 20px;border-bottom:1px solid var(--line);min-height:139px}.source-column h3{font-size:25px;line-height:1.2;font-weight:500;letter-spacing:-.8px;margin-bottom:10px}.source-column-head p{font-size:13px;color:var(--muted);line-height:1.7;max-width:350px}.source-preview{height:425px;overflow:hidden;position:relative;background:var(--bg)}.source-preview iframe{width:100%;height:1100px;border:0;display:block;pointer-events:none}.source-preview::after{content:'';position:absolute;inset:auto 0 0;height:90px;background:linear-gradient(transparent,var(--bg));pointer-events:none}.source-column-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 25px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.text-button{display:inline-flex;align-items:center;gap:9px;background:none;border:0;padding:0;color:var(--text);font-size:12px}.text-button:hover{text-decoration:underline;text-underline-offset:5px}.text-button svg{width:15px;height:15px}.source-preview.swarm-preview{height:425px;padding:0 12px}.source-swarm{height:100%}.source-preview .ss-filters{padding-top:16px;gap:4px;justify-content:center}.source-preview .ss-filters button{font-size:9px;padding:5px 6px;min-height:28px}.source-preview .ss-orbit{max-width:390px;width:100%;margin:0 auto}.source-preview .ss-actions{display:none}.source-preview .ss-center img{content:url('/assets/logo-sheen.svg')}.section.supply-strip{padding-block:0}.supply-steps{display:grid;grid-template-columns:repeat(3,1fr)}.supply-step{padding:35px 30px 38px 0}.supply-step+.supply-step{padding-left:30px;border-left:1px solid var(--line)}.supply-step>span{color:var(--accent);font-size:11px;display:block;margin-bottom:15px}.supply-step h3{font-weight:500;font-size:22px;letter-spacing:-.6px;margin-bottom:11px}.supply-step p{font-size:13px;line-height:1.75;color:var(--muted);max-width:270px}.handoff-layout{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:60px}.handoff-copy h2{max-width:410px}.handoff-copy>p{font-size:15px;line-height:1.75;color:var(--muted);margin-top:22px;max-width:360px}.continuity{position:relative;display:grid;grid-template-columns:.4fr 1.3fr 1fr;gap:38px;align-items:center;background:radial-gradient(ellipse at 10% 50%,#bd86a50b,transparent 60%)}.continuity-logo{width:90px;height:90px;object-fit:contain}.continuity h2{font-size:35px}.continuity p{font-size:14px;line-height:1.8;color:var(--muted)}.pricing-section{padding:75px 48px!important}.pricing-section h2{font-size:42px}.pricing-section .section-heading{margin-bottom:36px}.pricing-section .section-heading>p{font-size:14px}.closing{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:min(80vh,780px);text-align:center;padding:110px 25px 120px}.closing>.hero-ctas{width:100%}.closing h2{font-size:48px;letter-spacing:-2px}.closing h2 span{color:var(--muted)}.closing>p{font-size:15px;line-height:1.7;color:var(--muted);margin-top:17px}.site-footer{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px 28px;padding-block:44px;font-size:11px;color:var(--muted)}.site-footer nav{display:flex;gap:28px}.site-footer a:hover{color:var(--text)}.preview-note{font-size:10px;line-height:1.7;color:var(--quiet);text-align:center;padding:0 25px 25px}.setup-dialog,.dataset-dialog{background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:12px;padding:0;width:min(630px,calc(100% - 24px));max-height:90dvh;overflow:auto;box-shadow:0 35px 120px #0009}.setup-dialog::backdrop,.dataset-dialog::backdrop{background:#000b;backdrop-filter:blur(7px)}.dialog-top{padding:18px 23px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px}.dialog-close{border:0;background:none;color:var(--text);font-size:22px;width:32px;height:32px}.dialog-body{padding:28px}.dialog-body h2{font-size:30px;letter-spacing:-1px}.dialog-body p{font-size:13px;color:var(--muted);line-height:1.75;margin:15px 0 21px}.dialog-body label{display:block;font-size:11px;color:var(--muted);margin-bottom:8px}.dialog-body textarea{width:100%;min-height:220px;resize:vertical;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--text);padding:15px;font:12px/1.7 var(--font)}.dialog-actions{display:flex;align-items:center;gap:18px;margin-top:18px}.dialog-actions .text-button{font-size:11px}.dataset-dialog{width:min(1260px,calc(100% - 30px));height:92dvh;overflow:hidden}.dataset-dialog .dialog-top{height:61px}.dataset-dialog iframe{display:block;width:100%;height:calc(100% - 61px);border:0}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:50;max-width:calc(100% - 30px);padding:13px 20px;background:var(--text);color:var(--bg);border-radius:7px;box-shadow:0 5px 25px #0004;font-size:12px;white-space:normal;width:max-content;line-height:1.5;text-align:center;pointer-events:none}
/* Backend direction: the finished system is visible before the first scroll. */
.hero-backend{display:grid;grid-template-columns:1fr .95fr;gap:55px;text-align:left;padding:76px 48px 70px;align-items:center}.hero-backend h1{font-size:66px;letter-spacing:-3.6px;line-height:1.06}.hero-backend .hero-description{font-size:16px;margin:24px 0 0;max-width:460px}.hero-backend .setup-group{margin:29px 0 0}.hero-backend .setup-bar{gap:10px;padding-left:14px}.hero-backend .setup-bar>span{font-size:12px}.hero-backend .copy-button{font-size:11px;padding-inline:13px}.hero-backend .client-list{justify-content:flex-start;gap:18px;margin-top:23px}.hero-backend .client{font-size:11px}.backend-board{position:relative;border:1px solid #57404d;border-radius:12px;overflow:hidden;background:linear-gradient(155deg,#1d131b,#060506 40%);box-shadow:inset 0 1px 0 #e4c5d61f,0 0 80px #bd86a50a}.backend-board-head{display:flex;align-items:center;gap:12px;padding:24px;border-bottom:1px solid #362730}.backend-board-head img{height:37px;width:37px}.backend-board-head strong{font-weight:500;font-size:15px;color:#e8dce4}.backend-board-head span{display:block;font-size:10px;color:#ad8b9e;margin-top:3px}.backend-board-head .board-dot{margin-left:auto;width:5px;height:5px;border-radius:50%;background:#d3abc3;box-shadow:0 0 0 5px #bd86a51a}.system-layers{padding:19px 21px 20px;display:grid;gap:10px}.system-layer{display:flex;gap:14px;align-items:center;position:relative;min-height:75px;border:1px solid #392b34;border-radius:7px;padding:16px;background:linear-gradient(110deg,#21171e,#100c0f);box-shadow:inset 0 1px 0 #ecd5e10a;transition:border-color .2s}.system-layer:hover{border-color:#9a6b86}.system-layer .layer-glyph{width:33px;height:33px;display:grid;place-items:center;color:#c69ab4;background:#241920;border:1px solid #513949;border-radius:6px}.system-layer strong{font-size:13px;font-weight:500;color:#e0cdd8}.system-layer small{display:block;font-size:10px;color:#a18b98;margin-top:5px}.system-layer>span:last-child{margin-left:auto;color:#98758a;font:10px var(--font)}.board-interfaces{display:flex;gap:8px;padding:0 21px 22px}.metal{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:32px;padding:6px 13px;border:1px solid #614356;border-radius:5px;background:linear-gradient(145deg,#3b2a35,#1d141b 70%);box-shadow:inset 0 1px 0 #eed0e017;color:#d6b8c9;font-size:11px}.board-interfaces .metal{flex:1}.metal::after{content:'';position:absolute;inset:-70% auto -70% -70%;width:20%;background:linear-gradient(90deg,transparent,#f5dfea60,transparent);transform:rotate(22deg) translateX(-200%);animation:badge-sheen 6.5s ease-in-out infinite;pointer-events:none}.metal:nth-child(2)::after{animation-delay:.3s}.metal:nth-child(3)::after{animation-delay:.6s}.backend-caption{color:var(--quiet);font-size:10px;line-height:1.7;text-align:center;margin-top:13px}.backend-section .oc-panel{margin-top:36px}.backend-receipt{border:1px solid var(--line);border-radius:10px;display:grid;grid-template-columns:.8fr 1.2fr;overflow:hidden}.receipt-copy{padding:35px;border-right:1px solid var(--line)}.receipt-copy h3{font-size:28px;letter-spacing:-1px;font-weight:500;line-height:1.2}.receipt-copy p{color:var(--muted);font-size:14px;line-height:1.8;margin-top:15px}.receipt-list{padding:10px 30px}.receipt-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:21px 0;border-bottom:1px solid var(--line);font-size:13px}.receipt-row:last-child{border-bottom:0}.receipt-row span{color:var(--muted);font-size:12px}.receipt-row svg{color:var(--accent);height:15px;width:15px}
@keyframes title-sheen{0%,24%{background-position:120% 50%}58%,100%{background-position:-20% 50%}}@keyframes badge-sheen{0%,10%{transform:rotate(22deg) translateX(-200%);opacity:0}15%{opacity:.6}35%,100%{transform:rotate(22deg) translateX(1000%);opacity:0}}
@media(max-width:1100px){.wrap{width:calc(100% - 40px)}.header{gap:18px}.header-nav{gap:16px}.header .yc>span:last-child{display:none}.section{padding:65px 30px}.hero-backend{padding:60px 30px;gap:30px}.hero-backend h1{font-size:58px}.hero-backend .setup-bar{flex-wrap:wrap}.hero-backend .copy-button{margin-left:auto}.hero-backend .client-list{gap:14px}.source-column-head{padding:24px 22px;min-height:149px}.handoff-layout{gap:35px}.pricing-section{padding:65px 30px!important}.source-preview .ss-filters button{font-size:8px;padding-inline:4px}.source-convergence{max-width:780px}.source-chip{width:200px}.source-chip:nth-child(2){margin-left:12px}.convergence-group.right .source-chip:nth-child(2){margin-right:12px}}
@media(max-width:850px){html{scroll-padding-top:88px}.header{height:72px}.header-nav{gap:16px}.audience{grid-row:2;grid-column:1/3;justify-self:center;margin:0}.header .yc{grid-column:2;grid-row:1}.header .yc>span:last-child{display:block}.hero{padding:58px 24px 42px}.hero h1,.hero-search h1{font-size:62px;letter-spacing:-3.2px}.hero-description{font-size:16px}.section-heading{grid-template-columns:1fr;gap:19px}.section-heading h2,h2{font-size:38px}.section-heading>p{max-width:560px}.sources-grid{grid-template-columns:1fr}.source-column-head{min-height:auto}.source-preview{height:430px}.source-preview.swarm-preview{height:460px}.source-preview .ss-filters button{font-size:10px;padding-inline:7px}.source-preview .ss-orbit{max-width:410px}.source-column-foot{font-size:11px}.source-convergence{grid-template-columns:1fr 120px 1fr;max-width:620px}.source-chip{width:180px;font-size:11px;gap:9px}.source-chip:nth-child(2){margin-left:0}.convergence-group.right .source-chip:nth-child(2){margin-right:0}.convergence-core::before,.convergence-core::after{width:40px}.convergence-core img{width:70px;height:70px;padding:10px}.convergence-core strong{font-size:11px}.convergence-core span{font-size:9px}.hero-backend{display:block;text-align:center}.hero-backend h1{font-size:64px}.hero-backend .hero-description{margin:23px auto 0;max-width:580px}.hero-backend .setup-group{margin:28px auto 0}.hero-backend .setup-bar{flex-wrap:nowrap}.hero-backend .client-list{justify-content:center}.backend-art{max-width:470px;margin:45px auto 0;text-align:left}.hero-backend .setup-bar>span{font-size:14px}.hero-backend .copy-button{font-size:12px}.backend-receipt{grid-template-columns:1fr}.receipt-copy{border-right:0;border-bottom:1px solid var(--line)}.handoff-layout{grid-template-columns:1fr;gap:30px}.handoff-copy h2{max-width:600px}.handoff-copy>p{max-width:560px}.continuity{grid-template-columns:75px 1fr;gap:25px}.continuity-logo{width:70px;height:70px}.continuity p{grid-column:2}.continuity h2{font-size:32px}.supply-step{padding-right:18px}.supply-step+.supply-step{padding-left:18px}.supply-step h3{font-size:20px}.supply-step p{font-size:12px}.search-sources .source-column+.source-column{border-left:0;border-top:1px solid var(--line)}.review-grid{grid-template-columns:1fr}.review-card{display:grid;grid-template-columns:1fr 1fr}.review-thumbnail{height:100%;min-height:240px;border-bottom:0;border-right:1px solid var(--line)}.review-content p{min-height:auto}.review-title{font-size:47px}.site-footer{flex-wrap:wrap}.site-footer nav{gap:15px}}
@media(max-width:540px){.wrap{width:calc(100% - 24px)}.study-bar{gap:6px;justify-content:space-between;padding:7px 12px;flex-wrap:wrap}.study-bar>a{font-size:10px}.study-bar nav{gap:0}.study-bar nav a{font-size:10px;padding:5px 7px}.study-status{display:none}.header{padding-block:15px;gap:11px}.brand strong{font-size:23px}.brand img{width:52px;height:auto}.header .yc{font-size:11px;gap:5px}.yc-mark{width:25px;height:25px;font-size:20px}.audience button,.audience a{font-size:11px;padding:7px 10px}.hero{padding:45px 17px 34px}.hero h1,.hero-search h1,.hero-backend h1{font-size:47px;letter-spacing:-2.4px;line-height:1.05}.hero-description{font-size:15px;line-height:1.65;margin-top:22px}.setup-group{margin-top:26px}.setup-bar{padding:12px;gap:9px;flex-wrap:wrap}.setup-bar>span{font-size:12px}.setup-bar .prompt-glyph{font-size:17px}.setup-bar .copy-button{width:100%;margin-top:4px;font-size:12px;min-height:44px}.free-note{font-size:11px}.client-list{display:grid;grid-template-columns:repeat(3,1fr);max-width:310px;gap:13px 17px;margin-top:22px}.client{font-size:11px;justify-content:center;gap:6px}.client img{height:19px;width:19px}.section{padding:48px 19px}.section-heading{margin-bottom:27px;gap:17px}.section-heading h2,h2{font-size:31px;letter-spacing:-1.3px}.section-heading>p{font-size:14px;line-height:1.75}.flow-section{padding:10px 10px 36px}.framework-caption{font-size:9px;line-height:1.6;padding-inline:10px}.source-column-head{padding:23px 20px}.source-column h3{font-size:23px}.source-column-head p{font-size:12px}.source-column-foot{padding:17px 18px;gap:8px}.source-column-foot>span{font-size:10px}.text-button{font-size:11px;gap:6px}.source-preview{height:350px}.source-preview.swarm-preview{height:355px;padding-inline:5px}.source-preview .ss-filters{gap:3px}.source-preview .ss-filters button{font-size:8px;min-height:26px;padding:4px 5px}.source-preview .ss-orbit{width:100%;max-width:310px}.supply-steps{grid-template-columns:1fr}.supply-step,.supply-step+.supply-step{padding:26px 0;border-left:0}.supply-step+.supply-step{border-top:1px solid var(--line)}.supply-step>span{margin-bottom:10px;font-size:10px}.supply-step h3{font-size:23px;margin-bottom:10px}.supply-step p{font-size:13px;max-width:100%}.handoff-copy>p{font-size:14px;margin-top:18px}.continuity{grid-template-columns:1fr;text-align:center;gap:21px}.continuity-logo{margin-inline:auto;width:75px;height:75px}.continuity h2{font-size:30px}.continuity p{grid-column:auto;font-size:13px}.pricing-section{padding:48px 19px!important}.pricing-section h2{font-size:31px}.pricing-section .section-heading>p{font-size:13px}.closing{min-height:0;padding:80px 17px 88px}.closing h2{font-size:36px;letter-spacing:-1.5px}.closing>p{font-size:14px}.site-footer{flex-direction:column;gap:14px;font-size:10px;padding-block:32px}.site-footer nav{flex-wrap:wrap;justify-content:center;gap:12px 22px}.preview-note{font-size:9px}.hero-backend .setup-bar{flex-wrap:wrap}.hero-backend .setup-bar>span{font-size:12px}.hero-backend .client-list{display:grid;gap:13px 17px}.backend-art{margin-top:34px}.backend-board-head{padding:20px}.backend-board-head img{width:32px;height:32px}.backend-board-head strong{font-size:13px}.system-layers{padding:15px;gap:8px}.system-layer{padding:13px 11px;gap:11px;min-height:73px}.system-layer strong{font-size:12px}.system-layer small{font-size:9px}.system-layer>span:last-child{display:none}.board-interfaces{padding:0 15px 18px}.backend-caption{font-size:9px}.backend-section .oc-panel{margin-top:27px}.receipt-copy{padding:25px}.receipt-copy h3{font-size:25px}.receipt-copy p{font-size:13px}.receipt-list{padding:6px 23px}.receipt-row{font-size:12px;gap:15px}.receipt-row span{font-size:10px}.source-convergence{grid-template-columns:1fr 78px 1fr;margin-top:36px;gap:5px}.source-chip{width:100%;font-size:10px;min-height:42px;padding:9px 8px;gap:7px}.source-chip svg,.source-chip img{width:15px;height:15px}.convergence-core img{width:60px;height:60px;padding:8px;border-radius:10px}.convergence-core::before,.convergence-core::after{width:15px;top:30px;right:calc(50% + 30px)}.convergence-core::after{right:auto;left:calc(50% + 30px)}.convergence-core strong{font-size:10px}.convergence-core span{display:none}.source-group-label{font-size:8px}.convergence-foot{gap:6px;margin-top:22px}.metal{padding:6px 11px;font-size:10px;min-height:29px}.search-sources{padding-top:37px}.dialog-body{padding:23px}.dialog-body h2{font-size:26px}.dialog-body textarea{min-height:230px}.dataset-dialog{width:calc(100% - 12px)}.dialog-top{padding:13px 16px;font-size:11px}.review-index{width:calc(100% - 32px);padding:25px 0 40px}.review-header{padding-bottom:43px}.review-header>a:last-child{font-size:10px}.review-title{font-size:38px;letter-spacing:-1.6px}.review-description{font-size:14px;margin-top:21px}.review-grid{margin-top:30px;gap:18px}.review-card{display:block}.review-thumbnail{height:220px;min-height:0;border-right:0;border-bottom:1px solid var(--line)}.review-content{padding:23px}.review-foot{font-size:10px}}
@media(max-width:360px){.hero h1,.hero-search h1,.hero-backend h1{font-size:41px;letter-spacing:-2px}.hero-description{font-size:14px}.header .yc>span:last-child{display:none}.source-chip{font-size:9px;gap:5px;padding:8px 5px}.source-chip svg,.source-chip img{width:13px;height:13px}.source-convergence{grid-template-columns:1fr 62px 1fr;gap:3px}.convergence-core img{width:52px;height:52px}.convergence-core strong{font-size:9px}.convergence-core::before,.convergence-core::after{display:none}.client-list{column-gap:12px}.client{font-size:10px}.sources-grid{gap:15px}.source-column-foot{flex-wrap:wrap}.source-preview.swarm-preview{height:325px}.source-preview .ss-filters button{font-size:7.5px}.section{padding-inline:15px}.flow-section{padding-inline:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hero h1 .hero-sheen{display:none}}
@media(forced-colors:active){.hero h1 .hero-sheen,.metal::after{display:none}}

/* Keep the source orbit balanced inside the paired data panel. */
.source-preview .source-swarm{margin-top:0}.source-preview .ss-orbit{width:min(100%,350px)}.source-preview .ss-token{width:35px;height:35px;border-radius:8px}.source-preview .ss-token img{width:23px;height:23px}.source-preview .ss-center{padding:8px;border-radius:12px;box-shadow:0 0 0 10px var(--bg)}.source-preview .ss-center img{width:51px;height:51px}.source-actions{display:flex;align-items:center;gap:18px}.source-actions [data-source-pause]{font-size:10px;color:var(--muted)}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:45px;padding:14px 18px;border:1px solid var(--line);border-radius:5px;background:transparent;font-size:12px;line-height:1.5;color:var(--text)}.primary-button{background:var(--text);color:var(--bg);border-color:var(--text)}.secondary-button:hover,.primary-button:hover{text-decoration:underline;text-underline-offset:4px}.primary-button svg,.secondary-button svg{width:18px;height:18px}
@media(max-width:540px){.source-preview .ss-orbit{width:min(100%,270px)}.source-preview .ss-token{height:28px;width:28px;border-radius:7px}.source-preview .ss-token img{width:19px;height:19px}.source-preview .ss-center img{width:39px;height:39px}.source-preview .ss-center{padding:6px;border-radius:9px;box-shadow:0 0 0 8px var(--bg)}.source-actions{gap:12px}.source-column-foot{flex-wrap:wrap}}
/* The preview owns hero spacing; retained pricing styles must not add another inset. */
.hero-copy{padding:0}
@media(max-width:540px){body[data-direction=agent] .hero h1{font-size:41px;letter-spacing:-2px}}
@media(max-width:360px){body[data-direction=agent] .hero h1{font-size:34px;letter-spacing:-1.6px}}

/* Outcome studies retain the backend composition; only the promise changes. */
.hero-outcome h1{font-size:60px;letter-spacing:-3px;line-height:1.06;text-wrap:balance}
.hero-outcome h1>br{display:none}
.hero-outcome h1>.soft{display:block;text-wrap:balance}
.hero-outcome .hero-description{font-size:16px;max-width:475px}
.outcome-study-bar .original-link{font-size:10px;color:var(--quiet)}
.latest-studies{display:inline-flex;align-items:center;gap:13px;color:var(--accent);font-size:13px;line-height:1.6;margin-bottom:25px;padding-bottom:8px;border-bottom:1px solid var(--line)}
.latest-studies:hover{border-color:var(--accent)}
.latest-studies svg{width:16px;height:16px}
.outcome-index .review-thumbnail{height:290px}
.outcome-index .review-content p{min-height:70px}
@media(min-width:851px) and (max-width:1100px){.hero-outcome h1{font-size:50px;letter-spacing:-2.4px}}
@media(min-width:541px) and (max-width:850px){.hero-outcome h1{font-size:62px;max-width:650px;margin-inline:auto}}
@media(max-width:540px){.hero-outcome h1{font-size:42px;letter-spacing:-1.9px}.hero-outcome .hero-description{font-size:15px}.outcome-study-bar .original-link{display:none}.outcome-index .review-thumbnail{height:245px}.outcome-index .review-content p{min-height:0}.latest-studies{font-size:11px}}
@media(max-width:360px){.hero-outcome h1{font-size:36px;letter-spacing:-1.6px}.hero-outcome .hero-description{font-size:14px}}

/* Production polish: readable details, aligned rows, restrained surface highlights. */
body{-webkit-font-smoothing:antialiased}
.hero-outcome h1{font-size:60px;letter-spacing:-3px;line-height:1.06;text-wrap:balance}
.hero-outcome h1>br{display:none}.hero-outcome h1>.soft{display:block;text-wrap:balance}
.hero-backend{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:54px}
.backend-board-head{padding:24px}.backend-board-head span{font-size:11px;line-height:1.5}
.system-layer{min-height:80px;gap:14px;background:linear-gradient(115deg,#21171e,#100c0f 85%)}
.system-layer strong{font-size:14px;line-height:1.4}.system-layer small{font-size:11px;line-height:1.5;margin-top:4px}
.system-layer .layer-glyph{width:35px;height:35px;flex:none}
.source-column-foot{justify-content:flex-end;min-height:60px}
.source-preview .ss-token img{object-fit:contain}

.developer-faq.section-pad{border-top:1px solid var(--line);padding:70px 48px}
@media(min-width:851px) and (max-width:1100px){.hero-outcome h1{font-size:50px;letter-spacing:-2.4px}.hero-backend{gap:30px}.system-layer{padding:13px;gap:10px}.system-layer small{font-size:10px}}
@media(max-width:850px){.hero-backend{display:block}.hero-outcome h1{max-width:650px;margin-inline:auto}}
@media(max-width:540px){.hero-outcome h1{font-size:42px;letter-spacing:-1.9px}.system-layer strong{font-size:12px}.system-layer small{font-size:10px}.developer-faq.section-pad{padding:48px 19px}}
@media(max-width:360px){.hero-outcome h1{font-size:36px;letter-spacing:-1.6px}.hero-outcome .hero-description{font-size:14px}.system-layer small{font-size:9px}}

/* The developer view gives external datasets the full canvas. */
.external-datasets{padding-inline:24px}
.external-datasets>.section-heading{margin-inline:24px}
.external-datasets .dataset-frame{display:block;width:100%;height:820px;border:0;background:var(--bg);color-scheme:dark}
/* Keep the wide dataset explorer out of the mobile landing-page flow. */
@media(max-width:850px){.external-datasets{display:none}}

/* A single centered focal point for the developer hero. */
.hero-centered{display:grid;align-items:center;min-height:calc(100svh - 93px);padding:72px 40px}
.hero-centered .hero-copy{width:100%;max-width:1040px;margin-inline:auto}
.hero-centered h1{max-width:1000px;margin-inline:auto;font-size:clamp(44px,5vw,72px);line-height:1.08;letter-spacing:-.05em}
.hero-centered h1>.soft{display:inline-block}
.hero-centered .hero-description{max-width:720px;margin:25px auto 0;font-size:17px;line-height:1.65}
.hero-centered .setup-group{width:100%;max-width:580px;margin:32px auto 0}
.hero-centered .client-list{justify-content:center;margin-top:25px}
.hero-centered .hero-backers{justify-content:center;margin-top:26px}
@media(max-width:850px){
 .hero-centered{min-height:calc(100svh - 113px);padding:60px 28px}
 .hero-centered h1{font-size:clamp(46px,6.8vw,58px)}
 .hero-centered .hero-description{max-width:600px;font-size:16px}
}
@media(max-width:540px){
 .hero-centered{padding:45px 17px}
 .hero-centered h1{font-size:clamp(36px,10.5vw,48px);line-height:1.09;letter-spacing:-.045em}
 .hero-centered .hero-description{font-size:15px;margin-top:22px;line-height:1.65}
 .hero-centered .setup-group{margin-top:27px}
 .hero-centered .client-list{margin-top:23px}
 .hero-centered .hero-backers{margin-top:24px}
}
@media(max-width:360px){.hero-centered .hero-description{font-size:14px}}
/* Podcast demo: a centred intro that shows at the bottom of the first screen, then the live search app framed across the section. */
.podcast-demo-section{padding-inline:24px;padding-top:48px}.demo-intro{margin:0 24px 32px;text-align:center}.demo-intro p{margin-top:12px;font-size:14px;line-height:1.8;color:var(--muted)}.demo-window{overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#0b0b0b}.podcast-demo{display:block;width:100%;height:780px;border:0;color-scheme:light dark}.demo-actions{display:flex;justify-content:flex-end;margin-top:14px}
@media(max-width:850px){.podcast-demo{height:720px}}
@media(max-width:540px){.podcast-demo-section{padding-inline:12px;padding-top:36px}.demo-intro{margin:0 7px 24px}.demo-intro p{margin-top:10px;font-size:13px}}
/* How it works: three equal cards read left to right, centred on the OC mark. */
.how-title{text-align:center}.how-flow{--how-gap:96px;--how-arrow:#a3a5e0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--how-gap);row-gap:24px;margin:40px 0 0;padding:0;list-style:none}.how-node{display:grid;grid-row:span 3;grid-template-rows:subgrid;min-width:0}.how-node-head{align-self:end;max-width:300px;margin-inline:auto;text-align:center}.how-node-head h3{font-size:20px;font-weight:400;line-height:1.3;letter-spacing:-.02em;text-wrap:balance}.how-node-note{max-width:340px;margin:0 auto;font-size:13px;line-height:1.7;color:var(--muted);text-align:center;text-wrap:balance}
.how-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;aspect-ratio:1;padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.how-mark{width:150px;height:auto}
.how-card-sources{gap:0;padding:12px}.how-card .source-swarm{display:grid;align-content:center;width:100%;margin:0}.how-card .ss-filters{display:none}.how-card .ss-orbit{width:100%;max-width:260px;margin:0 auto}.how-card .ss-token{width:28px;height:28px;border-radius:8px}.how-card .ss-token img{width:18px;height:18px}.how-card .ss-center{padding:0;border:0;background:none;box-shadow:none}.how-card .ss-center img{width:30px}.how-card .ss-actions{display:none}
.results-agents{display:flex;gap:10px}.results-tile{display:grid;place-items:center;width:68px;height:68px;border:1px solid #ffffff20;border-radius:14px;background:#f4f4f4}.results-tile{transition:transform .16s,box-shadow .16s}.results-tile:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0006}.results-tile:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.results-tile img{width:44px;height:34px;object-fit:contain;transition:opacity .35s}.results-tile img.is-fading{opacity:0}
.how-link{position:absolute;top:50%;right:calc(100% + 8px);width:calc(var(--how-gap) - 16px);height:1px;background:var(--how-arrow)}.how-link::after{content:"";position:absolute;right:-1px;top:-4px;border-block:4.5px solid transparent;border-left:6px solid var(--how-arrow)}.how-link-exchange{display:grid;gap:12px;height:auto;background:none;transform:translateY(-50%);font-size:10px;color:var(--muted);text-align:center}.how-link-exchange::after{display:none}.how-link-exchange span{position:relative;padding-bottom:8px;border-bottom:1px solid var(--how-arrow);white-space:nowrap}.how-link-exchange span::after{content:"";position:absolute;bottom:-5px;border-block:4.5px solid transparent}.how-link-exchange span:first-child::after{right:-1px;border-left:6px solid var(--how-arrow)}.how-link-exchange span:last-child::after{left:-1px;border-right:6px solid var(--how-arrow)}
@media(max-width:1100px){.how-flow{grid-template-columns:minmax(0,1fr);row-gap:0;max-width:420px;margin-inline:auto}.how-node{display:block}.how-node+.how-node{position:relative;margin-top:16px;padding-top:40px}.how-node+.how-node::before{content:"↓";position:absolute;top:0;left:50%;transform:translateX(-50%);font-size:18px;color:var(--how-arrow)}.how-node-head{margin-bottom:18px}.how-node-note{margin-top:16px}.how-card{aspect-ratio:auto;padding:30px 20px}.how-card-sources{aspect-ratio:1;padding:12px}.how-link{display:none}}
/* Pricing: three simple plans, the free plan edged in the logo’s lavender. */
.price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.price-card{display:flex;flex-direction:column;min-height:360px;padding:30px 28px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.price-card-free{border-color:color-mix(in srgb,#7d82ff 55%,#000)}.price-card h3{font-size:18px;font-weight:400;letter-spacing:-.02em}.price-value{margin-top:26px;font-size:34px;line-height:1.15;letter-spacing:-.035em}.price-summary{margin-top:12px;font-size:13px;line-height:1.7;color:var(--muted)}.price-details{margin:24px 0 0}.price-details div{display:flex;justify-content:space-between;gap:16px;padding:13px 0;border-top:1px solid var(--line);font-size:12px}.price-details div:last-child{border-bottom:1px solid var(--line)}.price-details dt{color:var(--text)}.price-details dd{margin:0;color:var(--muted);text-align:right}.price-action{margin-top:auto;padding-top:28px}
@media(min-width:1001px) and (max-width:1100px){.price-card{padding-inline:22px}}
@media(max-width:1000px){.price-grid{grid-template-columns:minmax(0,1fr);max-width:460px;margin-inline:auto}.price-card{min-height:0}}
@media(max-width:540px){.price-card{padding:26px 22px}}
@media(max-width:360px){.price-card{padding:24px 16px}}
/* Header: on phones only sign in and the try free button stay beside the logo; on the narrowest, just the button. */
@media(max-width:540px){.header-nav a:not(.header-sign-in){display:none}}
@media(max-width:360px){.header-nav .header-sign-in{display:none}}
/* The agent card’s OC mark: its coral and cobalt layers jitter subtly around their resting offsets, like an old 3D print. */
.oc-jitter .jitter-coral{animation:oc-jitter-coral 2.4s steps(1,end) infinite}.oc-jitter .jitter-cobalt{animation:oc-jitter-cobalt 2.4s steps(1,end) infinite}
@keyframes oc-jitter-coral{0%{transform:translate(-12px,0)}8%{transform:translate(-15px,2px)}16%{transform:translate(-10px,-1px)}24%{transform:translate(-14px,1px)}32%{transform:translate(-11px,-2px)}40%{transform:translate(-15px,1px)}48%{transform:translate(-10px,1px)}56%{transform:translate(-13px,-1px)}64%{transform:translate(-19px,2px)}68%{transform:translate(-9px,-2px)}72%{transform:translate(-16px,1px)}76%{transform:translate(-13px,-1px)}84%{transform:translate(-11px,1px)}92%{transform:translate(-14px,-1px)}}
@keyframes oc-jitter-cobalt{0%{transform:translate(12px,0)}8%{transform:translate(10px,-1px)}16%{transform:translate(15px,2px)}24%{transform:translate(11px,-1px)}32%{transform:translate(14px,1px)}40%{transform:translate(10px,-2px)}48%{transform:translate(14px,1px)}56%{transform:translate(11px,1px)}64%{transform:translate(18px,-2px)}68%{transform:translate(9px,2px)}72%{transform:translate(15px,-1px)}76%{transform:translate(13px,1px)}84%{transform:translate(12px,-1px)}92%{transform:translate(10px,1px)}}
@media(prefers-reduced-motion:reduce){.oc-jitter :is(.jitter-coral,.jitter-cobalt){animation:none}.results-tile img{transition:none}}
/* Closing call: the header’s OC lockup, larger, above the last heading. */
.closing-brand{display:inline-flex;align-items:center;gap:22px;margin-bottom:44px}.closing-brand .closing-mark{width:168px;height:auto}.closing-brand span{font-size:60px;font-weight:700;line-height:1;letter-spacing:-.055em;color:var(--text)}
@media(max-width:540px){.closing-brand{gap:14px;margin-bottom:30px}.closing-brand .closing-mark{width:100px}.closing-brand span{font-size:36px}}
/* The logo-coloured grid is strongest along the page edges. A full-height vignette
   keeps the reading column quiet at every scroll position, including on mobile.
   Centred cells widen for coral and narrow for cobalt, so the split grows
   toward both edges with coral always outside. */
.jitter-grid{position:fixed;top:0;left:0;z-index:-1;width:100%;height:100vh;height:100lvh;overflow:hidden;pointer-events:none;--grid-vignette:linear-gradient(90deg,#000 4%,#0009 16%,#0002 32%,#0001 44%,#0001 56%,#0002 68%,#0009 84%,#000 96%);-webkit-mask-image:var(--grid-vignette);mask-image:var(--grid-vignette)}.jitter-grid span{position:absolute;inset:-16px;background-image:linear-gradient(to right,var(--grid-line) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-line) 1px,transparent 1px);background-size:80px 80px;background-position:center}.jitter-grid span:nth-child(1){--grid-line:#ff626838;background-size:calc(80px + var(--grid-spread,1px)) 80px}.jitter-grid span:nth-child(2){--grid-line:#164bff47;background-size:calc(80px - var(--grid-spread,1px)) 80px}.jitter-grid span:nth-child(3){--grid-line:#7d82ff24}.jitter-grid>span{opacity:.9;animation:grid-shimmer 6s ease-in-out infinite}
@keyframes grid-shimmer{0%,100%{opacity:.9}17%{opacity:1}33%{opacity:.84}50%{opacity:.96}67%{opacity:.8}83%{opacity:.98}}
@media(prefers-reduced-motion:reduce){.jitter-grid span{animation:none}}
/* The left arrow’s label, in the same mono style as Results and Queries. */
.how-link-label{position:absolute;left:50%;bottom:9px;transform:translateX(-50%);font-size:12px;color:var(--muted);white-space:nowrap}
/* Separate masks feather the closing boundary and the pointer spotlight without a hard clip. */
.grid-lens{--grid-spread:1px;position:absolute;inset:0;opacity:0;-webkit-mask-image:linear-gradient(to bottom,transparent var(--zone-top,0px),#000 calc(var(--zone-top,0px) + 160px));mask-image:linear-gradient(to bottom,transparent var(--zone-top,0px),#000 calc(var(--zone-top,0px) + 160px))}.grid-lens-focus{position:absolute;inset:0;background:radial-gradient(circle 260px at var(--mx,50%) var(--my,50%),rgba(125,130,255,.08),transparent 70%);-webkit-mask-image:radial-gradient(circle 260px at var(--mx,50%) var(--my,50%),#000,rgba(0,0,0,.45) 45%,transparent 100%);mask-image:radial-gradient(circle 260px at var(--mx,50%) var(--my,50%),#000,rgba(0,0,0,.45) 45%,transparent 100%)}.jitter-grid .grid-lens span:nth-child(1){--grid-line:#ff62689e;transform:scaleX(calc(1 + (var(--split,3) - 3)/972));will-change:transform}.jitter-grid .grid-lens span:nth-child(2){--grid-line:#3d6bffcc;transform:scaleX(calc(1 - (var(--split,3) - 3)/948));will-change:transform}.jitter-grid .grid-lens span:nth-child(3){--grid-line:#a3a6ffa6}
/* Keep the 81px/79px tiles rasterized at a fixed size. Centred transforms spread
   the same lines continuously instead of retiling gradients at fractional pixel sizes. */
@media(hover:none),(prefers-reduced-motion:reduce){.grid-lens{display:none}}