/* TOBIRA content in the measured Mobbin / Framer section geometry. */
.lp-completed{background:#fff;color:#141414}
.lp-completed main{position:relative;z-index:1;background:white}
.lp-completed .lp-search,.lp-completed .lp-mcp,.lp-completed .lp-showcase,.lp-completed .lp-stories,.lp-completed .lp-footer{font-family:"Hiragino Sans","Hiragino Kaku Gothic ProN",sans-serif;box-sizing:border-box}
.lp-completed :is(.lp-search,.lp-mcp,.lp-showcase,.lp-stories,.lp-footer) *{box-sizing:border-box}
.lp-completed :is(.lp-search,.lp-mcp,.lp-showcase,.lp-stories) h2{font-size:44px;line-height:1.25;letter-spacing:-.035em;font-weight:600;margin:0;word-break:keep-all;overflow-wrap:normal}
.lp-completed :is(.lp-search,.lp-mcp,.lp-showcase,.lp-stories) p{margin:0}
.lp-mobbin-grid{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:20px;width:100%;max-width:1728px;padding-inline:20px;margin-inline:auto}
.lp-search{padding:160px 0 80px;display:flex;flex-direction:column;gap:80px;overflow:clip}
.lp-search-copy{grid-column:3/span 10;display:flex;flex-direction:column;gap:44px}
.lp-search-copy h2 span,.lp-mcp h2 span{display:block}
.lp-search-copy p{font-size:44px;line-height:1.35;letter-spacing:-.035em;font-weight:600;color:#737373;word-break:keep-all;overflow-wrap:normal}
.lp-search-query{grid-column:3/span 12;font-size:44px;font-weight:600;line-height:1.35;min-height:60px;letter-spacing:-.035em;white-space:nowrap}
.lp-search-query svg{display:inline-block;width:40px;height:40px;vertical-align:middle;margin-right:16px;position:relative;top:-4px}
.lp-caret{display:inline-block;width:2px;height:42px;margin-left:2px;vertical-align:middle;background:currentColor;animation:lp-caret 1.06s steps(1) infinite}
@keyframes lp-caret{50%{opacity:0}}
.lp-search-window{overflow:hidden;margin-top:-16px}
.lp-search-track,.lp-search-copy-track{display:flex;width:max-content;align-items:center}
.lp-search-card{position:relative;display:block;flex:none;width:576px;height:384px;margin-right:20px;border-radius:32px;overflow:hidden;background:#f4f4f4;color:inherit}
.lp-search-card.is-narrow{width:304px}
.lp-search-layer{position:absolute;inset:0;overflow:hidden;border-radius:inherit;background:#f4f4f4}
.lp-search-screen{position:absolute;top:32px;left:32px;width:512px;height:320px;border-radius:8px;object-fit:cover;object-position:left top}
.is-narrow .lp-search-screen{width:240px;height:520px;border-radius:29px;object-position:35% top}
.lp-search-icon{position:absolute;top:20px;left:20px;width:63px;height:63px;border-radius:30%;object-fit:cover;box-shadow:0 13px 45px #00000029;background:white}
.lp-mcp{padding:80px 0 160px}
.lp-mcp-copy{grid-column:3/span 5;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:80px;min-width:0}
.lp-mcp-cta{display:flex;align-items:center;gap:16px;margin-top:40px;flex-wrap:wrap}
.lp-mcp-cta .button{font-size:14px;min-height:44px;padding:12px 20px;white-space:nowrap}
.lp-mcp-cta>span{font-size:12px;color:#737373}
.lp-agent-icons{display:flex;align-items:center;gap:28px}
.lp-agent-icons img{height:40px;width:40px;object-fit:contain;filter:grayscale(1);border-radius:8px}
.lp-mcp-demo{grid-column:9/span 6;aspect-ratio:1;border-radius:24px;background:#f4f4f4;position:relative;display:flex;align-items:center;overflow:hidden;padding:64px}
.lp-conversation{width:100%;position:relative;display:flex;flex-direction:column;gap:32px;transform:translateY(28px);transition:transform .3s cubic-bezier(.25,.46,.45,.94),opacity .3s,filter .3s}
.lp-prompt{align-self:flex-end;background:#ebebeb;border-radius:20px 20px 6px 20px;padding:20px;font-size:14px;line-height:1.5}
.lp-response{display:flex;gap:8px;align-items:center;font-size:14px;color:#737373;min-height:24px;opacity:0;transform:translateY(8px);transition:opacity .3s,transform .3s}
.lp-response img{width:16px;height:16px;object-fit:contain}
.lp-mcp-screens{position:absolute;top:calc(100% + 16px);left:-64px;width:calc(100% + 128px);padding-inline:64px;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain;opacity:0;transform:translateY(16px);transition:opacity .3s,transform .3s}
.lp-mcp-screens>div{display:flex;gap:12px;width:max-content}
.lp-mcp-screens img{width:210px;height:260px;flex:none;object-fit:cover;object-position:left top;border-radius:10px}
.lp-mcp-demo[data-phase="curating"] .lp-conversation,.lp-mcp-demo[data-phase="gathering"] .lp-conversation{transform:translateY(0)}
.lp-mcp-demo:is([data-phase="curating"],[data-phase="gathering"],[data-phase="found"],[data-phase="screens"]) .lp-response{opacity:1;transform:none}
.lp-mcp-demo:is([data-phase="found"],[data-phase="screens"]) .lp-conversation{transform:translateY(-100px)}
.lp-mcp-demo[data-phase="screens"] .lp-mcp-screens{opacity:1;transform:none}
.lp-mcp-demo[data-phase="exit"] .lp-conversation{opacity:0;filter:blur(4px);transform:translateY(-108px)}
.lp-showcase,.lp-stories{padding:120px 20px;display:flex;flex-direction:column;align-items:center;gap:40px;overflow:clip}
.lp-framer-header{width:100%;max-width:1200px;display:flex;justify-content:space-between;align-items:flex-end;gap:24px}
.lp-framer-button{flex:none;background:#f5f5f5;color:#141414;border-radius:8px;padding:10px 14px;font-size:14px;line-height:1;text-decoration:none}
.lp-framer-button:hover{background:#ebebeb}
.lp-showcase-rows{max-width:1200px;width:100%;display:flex;flex-direction:column;gap:10px;overflow:hidden;border-radius:15px}
.lp-showcase-row{overflow:hidden;width:100%;height:450px;border-radius:15px}
.lp-showcase-track,.lp-showcase-copy{display:flex;gap:10px;width:max-content;height:100%}
.lp-showcase-copy{padding-right:10px;gap:10px}
.lp-showcase-track{gap:0}
.lp-showcase-item{display:block;flex:none;width:700px;height:450px;position:relative;border-radius:15px;overflow:hidden}
.lp-showcase-item.is-narrow{width:220px}
.lp-showcase-item img{width:100%;height:100%;object-fit:cover;object-position:center top}
.lp-stories{padding-bottom:102px}
.lp-stories-window{width:100vw;overflow:hidden}
.lp-stories-track,.lp-stories-copy{display:flex;width:max-content;gap:10px}
.lp-stories-track{gap:0}
.lp-stories-copy{padding-right:10px}
.lp-story{position:relative;width:360px;height:460px;flex:none;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-decoration:none;color:#141414;box-shadow:inset 0 0 0 1px #e5e5e5;isolation:isolate}
.lp-story-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.03);transition:opacity .3s ease,transform .5s cubic-bezier(.16,1,.3,1);z-index:-1}
.lp-story-title{font-size:28px;font-weight:600;text-align:center;line-height:1.4;word-break:keep-all;overflow-wrap:anywhere;transition:color .2s,text-shadow .2s}
.lp-story-label{position:absolute;bottom:32px;display:flex;align-items:center;gap:6px;font-size:18px;line-height:1.35}
.lp-story-label svg{width:16px;height:16px}
.lp-story:is(:hover,:focus-visible) .lp-story-cover{opacity:1;transform:scale(1)}
.lp-story:is(:hover,:focus-visible){color:white;text-shadow:0 1px 12px #0008}
.lp-completed .closing-section{position:relative;z-index:1}
.lp-footer{position:relative;background:#101010;color:#fff;padding:160px 0 0;overflow:hidden;z-index:1}
.lp-footer-grid{row-gap:120px}
.lp-footer-brand{grid-column:3/span 2;align-self:start}
.lp-footer-brand img{filter:invert(1);object-fit:contain}
.lp-footer nav{display:flex;flex-direction:column;gap:8px;min-width:0;font-size:16px;line-height:1.5;align-items:flex-start}
.lp-footer nav:nth-of-type(1){grid-column:9/span 2}
.lp-footer nav:nth-of-type(2){grid-column:11/span 2}
.lp-footer nav:nth-of-type(3){grid-column:13/span 2}
.lp-footer nav p{color:#999;font-size:14px;margin:0 0 12px}
.lp-footer a{color:inherit;text-decoration:none}
.lp-footer a:hover{text-decoration:underline}
.lp-footer-legal{grid-column:3/span 12;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:14px;color:#aaa}
.lp-footer-legal>div{display:flex;gap:24px}
.lp-footer-stage{height:360px;position:relative;margin-top:32px;overflow:hidden}
.lp-footer-mark{position:absolute;inset:0;border:0;background:none;display:flex;justify-content:center;align-items:flex-end;width:100%;padding:0;cursor:pointer}
.lp-footer-mark img{height:95%;width:100%;object-fit:contain;filter:invert(1);opacity:.12}
.lp-footer-icons{position:absolute;inset:0;pointer-events:none}
.lp-footer-icons img{position:absolute;width:64px;height:64px;object-fit:cover;border-radius:16px;will-change:transform}
.lp-completed :is(.lp-search-card,.lp-story,.lp-showcase-item,.lp-framer-button,.lp-footer a,.lp-footer-mark):focus-visible{outline:3px solid #3e79ff;outline-offset:4px}
@media(min-width:768px) and (max-width:1439px){.lp-search-copy{grid-column:2/span 11}.lp-search-query{grid-column:2/span 13}.lp-mcp-copy{grid-column:2/span 6}.lp-mcp-demo{grid-column:9/span 7}.lp-footer-brand{grid-column:2/span 2}.lp-footer nav:nth-of-type(3){grid-column:13/span 3}.lp-footer-legal{grid-column:2/span 14}}
@media(min-width:810px) and (max-width:1199px){.lp-showcase-row,.lp-showcase-item{height:340px}.lp-showcase-item{width:529px}.lp-showcase-item.is-narrow{width:166px}}
@media(max-width:1200px){.lp-mcp-copy{grid-column:1/-1;align-items:center;gap:40px}.lp-mcp-copy h2{text-align:center}.lp-mcp-cta{justify-content:center}.lp-mcp-demo{grid-column:1/-1;width:min(100%,640px);justify-self:center}.lp-mcp>.lp-mobbin-grid{row-gap:40px}}
@media(max-width:767px){
.lp-completed :is(.lp-search,.lp-mcp,.lp-showcase,.lp-stories) h2{font-size:32px;line-height:1.35;letter-spacing:-.04em}
.lp-mobbin-grid{grid-template-columns:repeat(6,minmax(0,1fr));padding-inline:20px}
.lp-search-copy,.lp-search-query{grid-column:1/-1}
.lp-search{padding-top:100px;gap:64px}.lp-search-copy{gap:36px}.lp-search-copy p{font-size:28px;line-height:1.5}
.lp-search-query{font-size:28px;min-height:44px}.lp-search-query svg{width:32px;height:32px;margin-right:12px}.lp-caret{height:30px}
.lp-search-window{margin-top:0}.lp-search-card{width:464px;height:308px}.lp-search-card.is-narrow{width:208px}
.lp-search-screen{left:24px;top:24px;width:416px;height:260px}.is-narrow .lp-search-screen{width:160px;height:347px;border-radius:19px}
.lp-search-icon{left:18px;top:18px;width:56px;height:56px}
.lp-mcp{padding:80px 0 128px}.lp-mcp-demo{padding:32px 20px;min-height:350px}.lp-mcp-screens{left:-20px;width:calc(100% + 40px);padding-inline:20px}.lp-mcp-screens img{width:160px;height:210px}.lp-prompt{font-size:13px}.lp-mcp-cta{margin-top:32px}.lp-agent-icons{gap:28px}
.lp-showcase,.lp-stories{padding:80px 20px;gap:32px}.lp-framer-header{align-items:flex-start;flex-direction:column;gap:24px}
.lp-showcase-row,.lp-showcase-item{height:260px}.lp-showcase-item{width:404.44px}.lp-showcase-item.is-narrow{width:127.11px}
.lp-story{width:300px;height:390px;padding:28px}.lp-story-title{font-size:24px}.lp-story-label{font-size:16px;bottom:28px}
.lp-footer{padding-top:80px}.lp-footer-grid{row-gap:40px}.lp-footer-brand{grid-column:1/-1}.lp-footer nav:nth-of-type(1){grid-column:1/span 3}.lp-footer nav:nth-of-type(2){grid-column:4/span 3}.lp-footer nav:nth-of-type(3){grid-column:1/-1}.lp-footer nav{font-size:14px;gap:10px}.lp-footer-legal{grid-column:1/-1;align-items:flex-start;flex-wrap:wrap;gap:20px;font-size:12px}.lp-footer-legal>div{gap:16px}.lp-footer-stage{height:220px}
}
@media(prefers-reduced-motion:reduce){.lp-caret{animation:none}.lp-story-cover,.lp-conversation,.lp-response,.lp-mcp-screens{transition:none}}
.lp-agent-icon{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:48px}
.lp-agent-icon img{border-radius:0;transition:transform .2s}
.lp-agent-icon>span{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);opacity:0;font-size:12px;white-space:nowrap;transition:opacity .2s}
.lp-agent-icon:is(:hover,:focus-visible)>span{opacity:1}
.lp-agent-icon:is(:hover,:focus-visible) img{transform:translateY(-4px)}
.lp-prompt{width:319px;max-width:100%;color:#141414}
@media(max-width:767px){.lp-mcp-demo{height:400px;aspect-ratio:auto}.lp-agent-icons{gap:24px}}

@media(max-width:359px){.lp-completed .lp-search h2{font-size:28px}}

.lp-footer-particle{position:absolute;display:block;border-radius:25%;overflow:hidden;box-shadow:0 10px 15px -3px #0002;will-change:transform}
.lp-footer-particle img{position:static;width:100%;height:100%;border-radius:0;object-fit:cover}
.lp-footer-particle.is-puff{overflow:visible;border-radius:0;box-shadow:none}

.lp-footer{padding-bottom:40px}
.lp-footer-brand svg{display:block;width:40px;height:40px}
.lp-footer-mark svg{height:100%;width:100%;opacity:.12;color:#fff}
@media(max-width:767px){.lp-footer-legal{display:grid;grid-template-columns:1fr;gap:20px;font-size:14px}.lp-footer-legal>span{order:3;margin-top:20px}}
@media(hover:none){.lp-story-cover{opacity:1;transform:none}.lp-story{color:white;text-shadow:0 1px 12px #0008}}

/* The white page reveals the dark footer through its rounded lower corners. */
body.lp-completed{background:#101010}
.lp-completed>main{z-index:2;border-radius:0 0 clamp(28px,4vw,56px) clamp(28px,4vw,56px);overflow:clip}
.lp-completed .closing-section{border-radius:inherit}
.lp-footer-brand{grid-column:3/span 3}
.lp-footer-brand .lp-footer-wordmark{width:clamp(140px,13vw,188px);height:auto}
.lp-footer-mark .lp-footer-wordmark{width:88%;height:auto;max-height:100%;opacity:.12}
@media(min-width:768px) and (max-width:1439px){.lp-footer-brand{grid-column:2/span 3}}
@media(max-width:767px){.lp-footer-brand{grid-column:1/-1}.lp-footer-mark .lp-footer-wordmark{width:92%}}
