/* SPACE Q: standalone page styles. No iframe or external assets required. */
:root {
  color-scheme: light dark;
}
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: light-dark(#ffffff, #18202b);
  font-family: "Hiragino Sans", "Yu Gothic", Meiryo, sans-serif;
}
button, summary { cursor: pointer; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}

/* Original page design */
#space-q-preview{--sq-paper:light-dark(#ffffff,#18202b);--sq-ink:light-dark(#223957,#e7edf6);--sq-muted:light-dark(#607086,#a6b5c8);--sq-soft:light-dark(#f3f6f9,#202b3b);--sq-line:light-dark(#dce4ed,#3a4a5f);--sq-rose:light-dark(#f9e8e8,#49303b);--sq-mint:light-dark(#eaf3ee,#253e36);--sq-brand:light-dark(#25476d,#bdcee4);--sq-onbrand:light-dark(#ffffff,#1b304b);font-family:"Hiragino Sans","Yu Gothic",Meiryo,sans-serif;color:var(--sq-ink);background:transparent;line-height:1.85;font-size:14px;}
#space-q-preview *{box-sizing:border-box}#space-q-preview button,#space-q-preview a,#space-q-preview summary{-webkit-tap-highlight-color:transparent}#space-q-preview button{font:inherit}#space-q-preview a{color:inherit;text-decoration:none}#space-q-preview p{margin:0 0 16px}#space-q-preview h1,#space-q-preview h2,#space-q-preview h3{font-family:inherit;color:inherit;margin:0;font-weight:600;letter-spacing:.01em;line-height:1.65}#space-q-preview h1{font-size:clamp(28px,3.8vw,43px);letter-spacing:.025em;line-height:1.62}#space-q-preview h2{font-size:29px}#space-q-preview h3{font-size:18px}#space-q-preview .sq-page{container-type:inline-size;background:var(--sq-paper);max-width:1120px;margin:0 auto;box-shadow:0 0 0 1px var(--sq-line);transition:max-width .25s ease}#space-q-preview .sq-page.sq-mobile{max-width:390px}#space-q-preview .sq-wrap{padding:64px 6.2%}#space-q-preview .sq-header{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:22px 5%;border-bottom:1px solid var(--sq-line)}#space-q-preview .sq-logo{font-size:23px;letter-spacing:.11em;font-weight:700;white-space:nowrap;line-height:1.3}#space-q-preview .sq-logo small{display:block;font-size:10px;font-weight:400;letter-spacing:.04em;color:var(--sq-muted);margin-top:5px}#space-q-preview .sq-nav{display:flex;align-items:center;gap:22px;font-size:12px}#space-q-preview .sq-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:46px;padding:11px 21px;border-radius:6px;border:1px solid var(--sq-brand);background:var(--sq-brand);color:var(--sq-onbrand);font-size:13px;font-weight:500;text-align:center;line-height:1.6}#space-q-preview .sq-button.sq-outline{background:transparent;color:var(--sq-ink);border-color:var(--sq-line)}#space-q-preview .sq-arrow{font-size:20px;line-height:1}#space-q-preview .sq-kicker{font-size:11px;letter-spacing:.14em;font-weight:500;color:var(--sq-muted);margin-bottom:12px;display:block}#space-q-preview .sq-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:38px;padding-top:65px;padding-bottom:55px}#space-q-preview .sq-pill{display:inline-block;border:1px solid var(--sq-line);font-size:11px;padding:4px 11px;border-radius:30px;margin-bottom:20px}#space-q-preview .sq-hero p{font-size:13px;line-height:2.1;margin:24px 0}#space-q-preview .sq-actions{display:flex;gap:10px;flex-wrap:wrap}#space-q-preview .sq-hero-picture{position:relative;padding:26px 0 22px}#space-q-preview .sq-hero-orbit{position:absolute;inset:5% -1%;border-radius:50%;background:var(--sq-rose)}#space-q-preview .sq-screen-shell{position:relative;background:#fff;border:1px solid #dce4ed;border-radius:13px;box-shadow:0 16px 35px #20334d14;padding:7px;margin-top:38px}#space-q-preview .sq-screen-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#607086;padding:5px 7px 10px;line-height:1.5}#space-q-preview .sq-screen-shell img{display:block;width:100%;height:auto;border-radius:4px}#space-q-preview .sq-mascot{position:absolute;width:90px;height:90px;object-fit:contain;right:4px;top:-32px;z-index:2}#space-q-preview .sq-float-label{position:absolute;left:14px;top:7px;z-index:2;font-size:12px;color:var(--sq-ink);background:var(--sq-paper);padding:8px 14px;border:1px solid var(--sq-line);border-radius:25px}#space-q-preview .sq-caption{position:relative;color:var(--sq-muted);font-size:10px;margin:16px 0 0;text-align:center;line-height:1.7}#space-q-preview .sq-caption button{border:0;background:transparent;color:inherit;text-decoration:underline;padding:2px 6px;font-size:11px}#space-q-preview .sq-use-strip{display:flex;gap:14px;justify-content:center;align-items:center;flex-wrap:wrap;border-top:1px solid var(--sq-line);border-bottom:1px solid var(--sq-line);padding:18px 6%;font-size:12px;background:var(--sq-soft)}#space-q-preview .sq-use-strip strong{font-size:11px;color:var(--sq-muted);font-weight:400;margin-right:10px}#space-q-preview .sq-use-strip span:not(:last-child){padding-right:20px;border-right:1px solid var(--sq-line)}#space-q-preview .sq-intro{text-align:center;max-width:680px;margin:0 auto 32px}#space-q-preview .sq-intro p{color:var(--sq-muted);margin-top:15px;font-size:13px}#space-q-preview .sq-problems{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:25px 0 0}#space-q-preview .sq-problem{padding:20px 5px 0;border-top:2px solid var(--sq-line)}#space-q-preview .sq-problem b{font-size:15px;font-weight:500;display:block;margin-bottom:8px}#space-q-preview .sq-problem p{font-size:12px;color:var(--sq-muted);line-height:1.9}#space-q-preview .sq-features{background:var(--sq-soft)}#space-q-preview .sq-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}#space-q-preview .sq-feature{background:var(--sq-paper);padding:24px;border-radius:10px;border:1px solid var(--sq-line)}#space-q-preview .sq-feature-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}#space-q-preview .sq-feature-top img{width:52px;height:52px;object-fit:contain}#space-q-preview .sq-feature-top span{font-size:12px;letter-spacing:.12em;color:var(--sq-muted)}#space-q-preview .sq-feature h3{font-size:17px;margin-bottom:10px}#space-q-preview .sq-feature p{font-size:12px;color:var(--sq-muted);line-height:1.9;margin:0}#space-q-preview .sq-bridge{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:28px;flex-wrap:wrap;font-size:12px}#space-q-preview .sq-bridge span:nth-child(2n){color:var(--sq-muted)}#space-q-preview .sq-context{display:grid;grid-template-columns:.78fr 1.22fr;gap:45px;align-items:start}#space-q-preview .sq-context p{font-size:13px;color:var(--sq-muted);margin-top:18px}#space-q-preview .sq-tabs{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:23px}#space-q-preview .sq-tabs button{background:transparent;border:1px solid var(--sq-line);border-radius:30px;padding:8px 14px;color:var(--sq-ink);font-size:12px;min-height:40px}#space-q-preview .sq-tabs button[aria-selected="true"]{background:var(--sq-brand);border-color:var(--sq-brand);color:var(--sq-onbrand)}#space-q-preview .sq-steps{border-top:1px solid var(--sq-line)}#space-q-preview .sq-step{display:grid;grid-template-columns:30px 1fr;gap:13px;padding:18px 0;border-bottom:1px solid var(--sq-line)}#space-q-preview .sq-step>span{background:var(--sq-mint);border-radius:50%;height:28px;width:28px;text-align:center;font-size:12px;line-height:28px;margin-top:3px}#space-q-preview .sq-step b{font-size:14px;font-weight:500}#space-q-preview .sq-step p{margin:5px 0 0;font-size:12px;line-height:1.9}#space-q-preview .sq-background{background:light-dark(#263e5b,#24394f);color:#f1f5fa}#space-q-preview .sq-background .sq-kicker{color:#bdcddf}#space-q-preview .sq-background .sq-story-lead{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin-bottom:35px}#space-q-preview .sq-background h2{font-size:28px}#space-q-preview .sq-background p{font-size:13px;color:#d9e2ec;line-height:2}#space-q-preview .sq-timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-bottom:24px}#space-q-preview .sq-timeline article{border-top:1px solid #778ba2;padding-top:18px}#space-q-preview .sq-timeline small{font-size:10px;letter-spacing:.08em;color:#bacbdf}#space-q-preview .sq-timeline h3{font-size:18px;margin:6px 0 8px;color:#fff}#space-q-preview .sq-timeline p{font-size:12px;margin:0}#space-q-preview .sq-story-more{border:0;border-bottom:1px solid #8b9eb6;border-radius:0;background:transparent;color:#fff;padding:8px 0;font-size:13px}#space-q-preview .sq-story-extra{border-top:1px solid #778ba2;margin-top:22px;padding-top:22px}#space-q-preview .sq-story-extra[hidden]{display:none}#space-q-preview .sq-cases{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}#space-q-preview .sq-cases strong{font-size:13px;font-weight:500}#space-q-preview .sq-cases p{font-size:12px;margin-top:7px}#space-q-preview .sq-faq{display:grid;grid-template-columns:.75fr 1.25fr;gap:45px}#space-q-preview .sq-faq details{border-bottom:1px solid var(--sq-line);padding:17px 0}#space-q-preview .sq-faq details:first-child{border-top:1px solid var(--sq-line)}#space-q-preview .sq-faq summary{font-size:13px;font-weight:500;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:15px}#space-q-preview .sq-faq summary::after{content:'＋';font-weight:400;font-size:18px}#space-q-preview .sq-faq details[open] summary::after{content:'−'}#space-q-preview .sq-faq details p{font-size:12px;color:var(--sq-muted);margin:13px 0 0;line-height:1.9}#space-q-preview .sq-consult{background:var(--sq-mint);text-align:center}#space-q-preview .sq-consult .sq-intro{margin-bottom:23px}#space-q-preview .sq-consult h2{font-size:28px}#space-q-preview .sq-consult .sq-small{font-size:11px;color:var(--sq-muted);margin:16px 0 0}#space-q-preview .sq-consult-flow{margin:25px auto 0;max-width:640px;display:flex;justify-content:center;gap:12px;flex-wrap:wrap;font-size:12px}#space-q-preview .sq-consult-flow[hidden]{display:none}#space-q-preview .sq-consult-flow span{border:1px solid var(--sq-line);background:var(--sq-paper);padding:12px 16px;border-radius:6px}#space-q-preview .sq-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;padding:30px 6.2%;font-size:11px;color:var(--sq-muted)}#space-q-preview .sq-footer b{font-size:18px;color:var(--sq-ink);letter-spacing:.1em}#space-q-preview .sq-modal{border:1px solid var(--sq-line);background:var(--sq-paper);color:var(--sq-ink);border-radius:12px;padding:16px;width:min(90%,740px);max-height:90%;}#space-q-preview .sq-modal::backdrop{background:#0f1e35a6}#space-q-preview .sq-modal img{width:100%;height:auto;display:block}#space-q-preview .sq-modal-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px;font-size:12px}#space-q-preview .sq-modal-head button{border:1px solid var(--sq-line);background:var(--sq-soft);color:var(--sq-ink);padding:7px 12px;border-radius:5px;font-size:12px}
@container(max-width:680px){#space-q-preview .sq-header{padding:18px 6%}#space-q-preview .sq-nav>a:not(.sq-button){display:none}#space-q-preview .sq-nav .sq-button{font-size:11px;min-height:40px;padding:9px 12px}#space-q-preview .sq-wrap{padding:44px 7%}#space-q-preview .sq-hero{grid-template-columns:1fr;gap:25px;padding-top:38px}#space-q-preview h1{font-size:32px}#space-q-preview h2{font-size:24px}#space-q-preview .sq-hero p{font-size:13px;margin:20px 0}#space-q-preview .sq-hero-picture{max-width:460px;width:100%;margin:auto}#space-q-preview .sq-hero .sq-button{flex:1;padding:12px 10px;font-size:12px}#space-q-preview .sq-use-strip{font-size:11px;gap:10px;padding:17px 5%}#space-q-preview .sq-use-strip strong{width:100%;text-align:center;margin:0}#space-q-preview .sq-use-strip span:not(:last-child){padding-right:10px}#space-q-preview .sq-problems{grid-template-columns:1fr;gap:4px}#space-q-preview .sq-problem{padding-top:18px}#space-q-preview .sq-feature-grid{grid-template-columns:1fr;gap:12px}#space-q-preview .sq-feature{padding:23px}#space-q-preview .sq-feature-top{margin-bottom:6px}#space-q-preview .sq-context,#space-q-preview .sq-faq{grid-template-columns:1fr;gap:25px}#space-q-preview .sq-background .sq-story-lead{grid-template-columns:1fr;gap:20px;margin-bottom:22px}#space-q-preview .sq-background h2{font-size:25px}#space-q-preview .sq-timeline{grid-template-columns:1fr;gap:20px}#space-q-preview .sq-cases{grid-template-columns:1fr;gap:15px}#space-q-preview .sq-consult h2{font-size:25px}#space-q-preview .sq-footer{padding:25px 7%}#space-q-preview .sq-intro{text-align:left;margin-bottom:22px}#space-q-preview .sq-consult .sq-intro{text-align:center}#space-q-preview .sq-bridge{gap:10px}#space-q-preview .sq-tabs{gap:6px}#space-q-preview .sq-tabs button{font-size:11px;padding:8px 10px}}
#space-q-preview .sq-screen-shell img.sq-mascot{width:90px;height:90px;object-fit:contain}
@media(prefers-reduced-motion:reduce){#space-q-preview .sq-page{transition:none}}