:root{--paper:#fbfaf7;--paper-2:#f3f1ec;--white:#fff;--ink:#1f2a44;--ink-2:#4d5670;--ink-3:#8a90a6;--blue:#3f6fe0;--blue-2:#6c93f0;--sky:#dfeaff;--sky-2:#eef4ff;--lav:#e7e1ff;--line:#e6e3dc;--green:#3fb67a;--maru:"Zen Maru Gothic", "Hiragino Maru Gothic ProN", sans-serif;--sans:"Zen Kaku Gothic New", "Hiragino Sans", system-ui, sans-serif;--hand:"Yomogi", "Zen Maru Gothic", cursive;--gutter:clamp(16px, 4vw, 40px);--maxw:1180px;--shadow:0 2px 4px #1f2a440a, 0 16px 32px -18px #1f2a4438;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:80px}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:15.5px;line-height:1.9;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit}h1,h2,h3{margin:0}.wrap{width:100%;max-width:var(--maxw);padding:0 var(--gutter);margin:0 auto}.hand{font-family:var(--hand)}.nw{white-space:nowrap}.header{z-index:20;backdrop-filter:blur(10px);background:#fbfaf7db;position:sticky;top:0}.header-inner{align-items:center;gap:28px;height:72px;display:flex}.logo{align-items:center;gap:10px;text-decoration:none;display:flex}.logo span{font-family:var(--maru);letter-spacing:.32em;color:var(--ink);font-size:20px;font-weight:700}.nav{gap:26px;margin-left:auto;display:flex}.nav a{white-space:nowrap;font-family:var(--maru);color:var(--ink-2);font-size:14px;font-weight:700;text-decoration:none;position:relative}.nav a:after{content:"";background:var(--sky);border-radius:3px;height:3px;transition:transform .2s;position:absolute;bottom:-4px;left:0;right:0;transform:scaleX(0)}.nav a:hover:after{transform:scaleX(1)}.btn{font-family:var(--maru);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn.primary{background:var(--blue);color:#fff;box-shadow:0 10px 24px -10px #3f6fe0b3}.btn.ghost{background:var(--white);color:var(--ink);border:1.5px solid var(--line);box-shadow:var(--shadow)}.btn.small{padding:8px 16px;font-size:13.5px}.gh{width:17px;height:17px}.header .btn{margin-left:8px}.hero{background:radial-gradient(60% 70% at 78% 40%, var(--sky-2), transparent 70%);padding:clamp(24px,4vw,48px) 0 clamp(40px,5vw,72px)}.hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(20px,3vw,40px);display:grid}.hero h1{font-family:var(--maru);letter-spacing:.01em;font-size:clamp(28px,3.3vw,44px);font-weight:900;line-height:1.4}.lead{color:var(--ink-2);margin:20px 0 28px;font-size:16px}.cta{flex-wrap:wrap;gap:12px;display:flex}.meta{color:var(--ink-3);gap:0;margin:18px 0 0;font-size:13px;display:flex}.meta span+span:before{content:"|";color:var(--line);margin:0 12px}.hero-art{position:relative}.diorama{filter:drop-shadow(0 30px 30px #3f5aaa2e);animation:7s ease-in-out infinite bob}.diorama.small{animation-duration:8s}@keyframes bob{50%{transform:translateY(-8px)}}.bubble{background:var(--white);box-shadow:var(--shadow);font-size:14px;line-height:1.55;font-family:var(--maru);color:var(--ink);border-radius:18px;margin:0;padding:10px 16px;font-weight:700;position:absolute}.bubble:after{content:"";background:var(--white);width:14px;height:14px;position:absolute;transform:rotate(45deg)}.bubble.hand{font-family:var(--hand);font-size:16px;font-weight:400}.hero-art .bubble{z-index:2;white-space:nowrap}.hero-art .you{bottom:79%;left:53%;transform:translate(-50%)rotate(-3deg)}.hero-art .you:after{bottom:-6px;left:calc(50% - 7px)}.hero-art .me{background:var(--sky);top:41%;left:73%}.hero-art .me:after{background:var(--sky);top:40%;left:-6px}.hero-card{z-index:1;border-radius:12px;width:21%;position:absolute;bottom:-14%;right:-3%;transform:rotate(4deg);box-shadow:0 20px 36px -16px #1f2a4473}.overview{padding:clamp(24px,4vw,48px) 0 clamp(8px,2vw,24px)}.ov-head{text-align:center;max-width:44em;margin:0 auto clamp(56px,6vw,76px)}.ov-head h2{font-family:var(--maru);margin-bottom:14px;font-size:clamp(30px,3.2vw,40px);font-weight:900;line-height:1.2}.ov-head h2 mark{background:linear-gradient(transparent 52%, var(--sky) 52%, var(--sky) 92%, transparent 92%);color:inherit;border-radius:4px;padding:0 .12em}.ov-head h3{font-family:var(--maru);margin-bottom:10px;font-size:clamp(18px,1.7vw,21px);font-weight:700}.ov-head p{color:var(--ink-2);margin:0;font-size:14.5px}.ov-shot{max-width:1000px;margin:0 auto clamp(40px,5vw,56px);position:relative}.ov-win{background:#ecebe7;border-radius:14px;overflow:hidden;box-shadow:0 40px 70px -40px #1f2a4480,0 0 0 1px #1f2a4414}.ov-bar{background:#f4f3f0;align-items:center;gap:7px;height:26px;padding-left:12px;display:flex}.ov-bar i{background:#ff5f57;border-radius:50%;width:10px;height:10px}.ov-bar i+i{background:#febc2e}.ov-bar i+i+i{background:#28c840}.tag{color:var(--ink-2);white-space:nowrap;font-size:17px;font-style:normal;position:absolute;translate:-50%;rotate:-5deg}.tag:after{content:"";background:var(--ink-3);border-radius:2px;width:2px;height:16px;position:absolute;top:calc(100% + 2px);left:50%;rotate:10deg}.tag:before{content:"";border-right:2px solid var(--ink-3);border-bottom:2px solid var(--ink-3);width:7px;height:7px;position:absolute;top:calc(100% + 14px);left:calc(50% - 3px);rotate:45deg}.tag.up:after{top:auto;bottom:calc(100% + 2px)}.tag.up:before{top:auto;bottom:calc(100% + 14px);rotate:225deg}.t-card1{bottom:calc(100% + 20px);left:14%}.t-talk{bottom:calc(100% + 20px);left:50%}.t-card2{bottom:calc(100% + 20px);left:86%}.t-dock{top:calc(100% + 26px);left:50%;rotate:4deg}.features{padding:clamp(16px,3vw,40px) 0 clamp(40px,5vw,64px)}.row{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(24px,4vw,64px);padding:clamp(28px,4vw,52px) 0;display:grid}.row+.row{border-top:1.5px dashed var(--line)}.row h2{font-family:var(--maru);margin-bottom:14px;font-size:clamp(30px,3.2vw,40px);font-weight:900;line-height:1.2}.row h2 mark{background:linear-gradient(transparent 52%, var(--sky) 52%, var(--sky) 92%, transparent 92%);color:inherit;border-radius:4px;padding:0 .12em}#agent h2 mark,#memory h2 mark{background:linear-gradient(transparent 52%, var(--lav) 52%, var(--lav) 92%, transparent 92%)}.row h3{font-family:var(--maru);margin-bottom:10px;font-size:clamp(18px,1.7vw,21px);font-weight:700}.row-text p{color:var(--ink-2);max-width:26em;margin:0;font-size:14.5px}.row-art{position:relative}.note{color:var(--ink-2);margin:0;font-size:17px;line-height:1.4;position:absolute}.collage{height:420px}.collage:before{content:"";background:radial-gradient(circle at 30% 30%, var(--sky-2), var(--sky) 70%);z-index:0;border-radius:48% 52% 44% 56%/52% 44% 56% 48%;position:absolute;inset:6% 2% 4% 4%}.c{background:#fff;border-radius:10px;width:26%;transition:transform .3s,box-shadow .3s,z-index;position:absolute;box-shadow:0 16px 30px -14px #1f2a4466}.c:hover{z-index:10;transform:translateY(-6px)rotate(0)scale(1.04);box-shadow:0 26px 40px -16px #1f2a4480}.c1{z-index:2;object-fit:cover;object-position:top;height:76%;top:0;left:4%;transform:rotate(-4deg)}.c2{z-index:1;object-fit:cover;object-position:top;height:44%;top:4%;left:30%;transform:rotate(2deg)}.c3{z-index:3;object-fit:cover;object-position:top;height:50%;top:0;left:56%;transform:rotate(-2deg)}.c4{z-index:4;object-fit:cover;object-position:top;height:40%;top:58%;left:12%;transform:rotate(3deg)}.c5{z-index:5;object-fit:cover;object-position:top;height:44%;top:46%;left:38%;transform:rotate(-3deg)}.c6{z-index:4;object-fit:cover;object-position:top;width:25%;height:52%;top:34%;left:70%;transform:rotate(4deg)}.c7{z-index:6;object-fit:cover;object-position:top;width:22%;height:24%;top:74%;left:60%;transform:rotate(-5deg)}.n1{z-index:8;top:-6%;right:0;transform:rotate(6deg)}.dock-art{padding:64px 0 10px}.dock{background:var(--white);box-shadow:0 20px 40px -20px #1f2a4459, inset 0 0 0 1.5px var(--line);border-radius:28px;align-items:center;gap:8px;padding:12px 16px;display:flex}.dock-item{flex:1;place-items:center;transition:transform .2s cubic-bezier(.3,1.6,.5,1);display:grid;position:relative}.dock-item:hover{transform:translateY(-10px)scale(1.15)}.dock-item img{width:100%;max-width:64px}.lbl{color:var(--ink-2);white-space:nowrap;font-size:16px;font-style:normal;position:absolute;bottom:calc(100% + 16px);left:50%;translate:-50%;rotate:-6deg}.lbl:after{content:"";background:var(--ink-3);border-radius:2px;width:2px;height:14px;position:absolute;top:calc(100% + 2px);left:50%;rotate:10deg}.lbl:before{content:"";border-right:2px solid var(--ink-3);border-bottom:2px solid var(--ink-3);width:7px;height:7px;position:absolute;top:calc(100% + 12px);left:calc(50% - 3px);rotate:45deg}.dock-item:hover .lbl{color:var(--blue)}.dock-item b{color:#fff;min-width:20px;height:20px;font-size:11px;font-family:var(--maru);background:#ff8a5b;border-radius:999px;place-items:center;display:grid;position:absolute;top:-4px;right:6%}.dock-sep{background:var(--line);width:1.5px;height:44px}.agent-art{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);align-items:center;gap:10px;display:grid}.agent-art .ask{z-index:2;top:-6%;left:0;transform:rotate(-4deg)}.agent-art .ask:after{bottom:-6px;left:44%}.flow{flex-direction:column;align-items:center;gap:10px;display:flex}.confirm{background:var(--white);width:100%;max-width:360px;box-shadow:var(--shadow);text-align:center;border-radius:16px;justify-items:center;gap:4px;padding:16px;display:grid}.confirm .ok{background:var(--green);color:#fff;border-radius:50%;place-items:center;width:26px;height:26px;font-size:14px;display:grid}.confirm b{font-family:var(--maru);font-size:14.5px}.confirm small{color:var(--ink-3);font-size:11.5px}.confirm-btns{gap:8px;margin-top:8px;display:flex}.confirm-btns span{font-family:var(--maru);white-space:nowrap;border:1.5px solid var(--line);border-radius:999px;padding:4px 12px;font-size:12px;font-weight:700}.confirm-btns .go{background:var(--blue);color:#fff;border-color:var(--blue)}.arrow{color:var(--ink-3);font-size:30px;line-height:1;transform:rotate(90deg)}.clis{grid-template-columns:1fr 1fr;gap:8px;width:100%;max-width:360px;display:grid}.clis span{color:#fff;white-space:nowrap;box-shadow:var(--shadow);background:#2b3450;border-radius:10px;align-items:center;gap:8px;padding:8px 14px;font-family:ui-monospace,SF Mono,monospace;font-size:13px;display:flex}.clis i{color:#9fb5ff;font-style:normal}.memory-art{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:10px;display:grid}.diary{background:var(--white);box-shadow:var(--shadow);border-radius:16px;padding:18px 20px;transform:rotate(1.5deg)}.diary-k{font-family:var(--maru);color:#8b77e0;margin:0 0 4px;font-size:12px;font-weight:700}.diary b{font-family:var(--maru);margin-bottom:6px;font-size:15.5px;display:block}.diary p:not(.diary-k){color:var(--ink-2);margin:0;font-size:13.5px;line-height:1.8}.diary small{color:var(--ink-3);margin-top:8px;font-size:11px;display:block}.n2{font-size:16px;bottom:-8%;left:36%;transform:rotate(-6deg)}.start{padding:0 0 clamp(40px,5vw,64px)}.start-band{min-height:340px;box-shadow:var(--shadow);border-radius:32px;place-items:center;display:grid;position:relative;overflow:hidden}.start-bg{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.start-inner{text-align:center;padding:40px 20px;position:relative}.start-inner h2{font-family:var(--maru);font-size:clamp(28px,3.4vw,42px);font-weight:900}.start-inner>p:first-of-type{color:var(--ink-2);margin:6px 0 22px}.start-inner .cta,.start-inner .meta{justify-content:center}.robot{font-size:17px;top:24%;right:11%}.robot:after{bottom:-6px;left:22px}.steps{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px;display:grid}.steps>div{background:var(--white);box-shadow:var(--shadow);border-radius:18px;align-items:flex-start;gap:12px;min-width:0;padding:16px 18px;display:flex}.steps b{background:var(--sky);width:28px;height:28px;color:var(--blue);font-family:var(--maru);border-radius:50%;flex:none;place-items:center;font-size:14px;display:grid}.steps p{color:var(--ink-2);margin:0;font-size:13.5px;line-height:1.75}.footer{border-top:1.5px solid var(--line);padding:22px 0}.footer-inner{flex-wrap:wrap;align-items:center;gap:12px 28px;display:flex}.footer .nav{margin-left:0}.footer p{color:var(--ink-3);margin:0 0 0 auto;font-size:12.5px}.footer .footer-note{flex-basis:100%;margin:0}[data-in]{opacity:0;transition:opacity .7s,transform .7s cubic-bezier(.2,.8,.2,1);transform:translateY(20px)}[data-in].in{opacity:1;transform:none}@media (width<=960px){.nav{display:none}.header .btn{margin-left:auto}.hero-grid,.row{grid-template-columns:1fr}.hero-art{max-width:640px;margin:0 auto}.row-text p{max-width:none}.steps{grid-template-columns:1fr}.footer p{margin-left:0}}@media (width<=600px){.collage{height:330px}.c{width:30%}.agent-art,.memory-art{grid-template-columns:1fr}.agent-art .diorama,.memory-art .diorama{max-width:320px;margin:0 auto}.dock{gap:2px;padding:10px}.lbl{font-size:10.5px;bottom:calc(100% + 12px);rotate:-10deg}.dock-art{padding-top:54px}.dock-sep{display:none}.hero-card{width:25%}.hero-art .me{top:17%;left:60%}.hero-art .me:after{top:auto;bottom:-6px;left:18%}.bubble.hand{font-size:14px}.bubble{padding:8px 12px;font-size:12.5px}.start-band{min-height:380px}.start-bg{object-position:30% center;opacity:.55}.robot{display:none}.n2{text-align:center;position:static;transform:none}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}[data-in]{opacity:1;transform:none}html{scroll-behavior:auto}}:root{--site-menu-border:var(--line);--site-menu-bg:var(--white);--site-menu-text:var(--ink-2);--site-menu-hover:var(--paper-2);--site-menu-accent:var(--blue)}.header .site-menu{font-family:var(--maru);font-weight:700}