.brand-home [hidden]{display:none!important}.brand-home h1,.brand-home h2,.brand-home h3{word-break:keep-all}.brand-home .intent-hero{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:65px;padding-top:85px;padding-bottom:65px;min-height:0}.intent-eyebrow{display:inline-flex;gap:9px;align-items:center;font-size:13px;font-weight:500;color:#85629b}.intent-eyebrow i{width:6px;height:6px;border-radius:50%;background:#9360df;box-shadow:0 0 0 5px #a277df12}.intent-copy h1{position:relative;font-size:clamp(45px,4.3vw,68px);font-weight:650;line-height:1.28;letter-spacing:-.055em;margin:27px 0 26px}.intent-copy h1 em{font-style:normal;color:#8550ce}.intent-copy h1 svg{position:absolute;left:0;bottom:-17px;width:94%;max-width:380px;height:24px;fill:none;stroke:#a17adb;stroke-width:2.8;stroke-linecap:round;opacity:.5}.intent-lead{font-size:17px;line-height:1.95;color:#7b6f86;margin:34px 0 28px}.intent-actions{display:flex;flex-wrap:wrap;gap:11px}.intent-actions .button{min-height:48px;font-size:13px;padding:13px 21px}.intent-platforms{font-size:11px;color:#9a8ba6;margin-top:18px}.intent-scroll{display:inline-flex;align-items:center;gap:18px;font-size:11px;color:#7e6b8c;margin-top:32px}.intent-scroll span{font-size:18px;color:#9977c6}
.context-story{position:relative;min-width:0;padding:20px 0 30px;perspective:1000px}.context-glow{position:absolute;width:110%;height:100%;top:0;left:-3%;z-index:-1;background:radial-gradient(ellipse,#d9c8f84d 0,transparent 68%);filter:blur(25px)}.context-switch{display:flex;justify-content:center;gap:5px;width:fit-content;margin:0 auto 28px;background:#eae1f478;border:1px solid #fff;border-radius:999px;padding:5px}.context-switch button{border:0;border-radius:999px;background:transparent;color:#92829e;font:inherit;font-size:11px;padding:10px 15px;display:flex;align-items:center;gap:7px;cursor:pointer;transition:background .4s,color .4s,box-shadow .5s}.context-switch .icon{width:14px;height:14px}.context-switch button[aria-pressed=true]{background:#fffc;color:#7044a4;box-shadow:0 3px 13px #78509c0b}.story-pane{position:relative;display:flex;flex-direction:column;align-items:center;animation:context-enter .65s cubic-bezier(.2,.75,.25,1)}.context-source{width:91%;background:#fff9;border:1px solid #fffe;border-radius:22px;box-shadow:0 15px 50px #8b6fa612,inset 0 1px #fff;overflow:hidden;transform:rotate(-3deg);backdrop-filter:blur(20px);transition:transform .65s}.context-story:hover .context-source{transform:rotate(-1deg) translateY(-3px)}.context-window-bar{display:flex;align-items:center;justify-content:space-between;padding:13px 17px;border-bottom:1px solid #a98bb218;color:#95849f;font-size:10px}.window-dots{font-size:7px;letter-spacing:3px;color:#cbbbd9}.context-window-bar .icon{width:13px;height:13px}.idea-drawing{position:relative;height:215px;margin:15px 20px 10px;background:radial-gradient(#bba8ce40 .8px,transparent .9px) 0 0/17px 17px}.drawing-label{position:absolute;top:6px;left:9px;color:#a18eac;font-size:10px}.wireframe-menu{position:absolute;top:55px;left:20px;width:67px;height:130px;border:1px solid #cbb9de;border-radius:9px;background:#ede5f62b;padding:18px 13px}.wireframe-menu i{display:block;height:5px;background:#c6b1dd82;border-radius:3px;margin-bottom:14px}.wireframe-content{position:absolute;top:55px;left:100px;width:53%;height:130px;border:1px solid #d8cce3;border-radius:9px;padding:22px 15px;background:#fff7}.wireframe-content i{display:block;width:90%;height:6px;background:#e3d9ee;border-radius:4px;margin-bottom:13px}.wireframe-content i:nth-child(2){width:60%}.wireframe-content span{position:absolute;right:14px;bottom:16px;width:65px;height:20px;border-radius:7px;background:#b390dd99}.idea-drawing>svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#9c69d7;stroke-width:2.1;stroke-linecap:round}.drawn-circle{stroke-dasharray:290;animation:mark-context 1.6s ease both}.drawing-note{position:absolute;right:2px;top:25px;font-size:13px;color:#9870bf;transform:rotate(7deg)}.context-transfer{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.03em;color:#ae98c1;margin:23px 0 15px}.context-transfer .icon{width:14px;height:14px;transform:rotate(90deg)}.context-message{position:relative;width:95%;padding:19px 22px 18px;background:linear-gradient(135deg,#fffc,#f0e8f9d4);border:1px solid #fffe;box-shadow:0 15px 45px #9c7eb01a;border-radius:20px;backdrop-filter:blur(22px);transform:rotate(1.3deg)}.message-label{font-size:9px;color:#aa92bb}.context-message>p{font-size:14px;color:#65516f;line-height:1.8;margin:8px 0 14px}.attachment-chip{display:flex;align-items:center;gap:9px;width:fit-content;min-width:143px;padding:9px 12px;border-radius:11px;background:#e7daf57d;border:1px solid #d5bee742;color:#8c65a5;font-size:10px}.attachment-chip .icon{width:15px;height:15px}.attachment-chip span{margin-left:auto;color:#b495c5}.context-destinations{text-align:center;margin-top:28px}.context-destinations>span{font-size:9px;color:#ac9cb7}.context-destinations>div{display:flex;justify-content:center;gap:7px;margin-top:9px}.context-destinations b{font-size:10px;font-weight:500;color:#9477a6;border:1px solid #d4c4e248;padding:5px 12px;border-radius:999px;background:#fff5}.context-caption{display:block;text-align:center;font-size:8px;color:#b3a6bc;margin-top:15px}.record-indicator{font-size:9px;color:#c57b98;letter-spacing:.1em}.recording-example{height:240px;position:relative;background:linear-gradient(135deg,#faf7fd,#f1e9f9);padding-top:23px}.example-dialog{width:57%;height:153px;margin:0 auto;background:#fff9;border:1px solid #d6c4e8;border-radius:12px;position:relative;padding:15px;box-shadow:0 8px 20px #8a67a315}.example-dialog>span{font-size:11px;color:#9a85a9}.example-dialog i{display:block;background:#e8dff1;height:6px;border-radius:4px;margin-top:14px;width:80%}.example-dialog i:nth-of-type(2){width:55%}.example-dialog b{position:absolute;bottom:12px;right:13px;border-radius:8px;padding:6px 18px;background:#ad88d6;color:#fff;font-size:9px;font-weight:400}.cursor-marker{position:absolute;left:57%;top:137px;width:25px;height:25px;color:#8662ab;transform:rotate(-40deg)}.bug-note{position:absolute;bottom:41px;left:20px;font-size:12px;color:#b5839c;transform:rotate(-4deg)}.mini-timeline{display:flex;gap:4px;position:absolute;bottom:14px;left:18px;right:18px;height:11px}.mini-timeline i{background:#c7aedf6b;flex:1;border-radius:3px}.mini-timeline i:nth-child(2){background:#bb99db}.mini-timeline>span{position:absolute;top:-4px;bottom:-3px;left:39%;width:2px;background:#9671b8}
.intent-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:35px}.intent-section-heading h2,.handoff-heading h2,.pen-intention h2,.intent-contact h2{font-size:clamp(29px,3vw,43px);letter-spacing:-.045em;line-height:1.4;margin:15px 0 0;font-weight:600}.intent-section-heading>p{font-size:13px;color:#9a8aa6;padding-bottom:6px}.intent-tools{padding-bottom:105px;scroll-margin-top:120px}.intent-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.intent-tool-card{min-width:0;display:flex;flex-direction:column;padding:32px;border-radius:28px;background:linear-gradient(150deg,#fffd,#f5effa8a);border:1px solid #fff;box-shadow:0 10px 40px #8a6fa309;scroll-margin-top:120px}.intent-tool-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.product-symbol{display:grid;place-items:center;width:42px;height:42px;border-radius:15px;background:#e8dcf68c;color:#9362c8}.product-symbol .icon{width:20px;height:20px}.tool-availability{font-size:10px;border:1px solid #d5c4e338;border-radius:999px;padding:6px 11px;color:#a28aae;background:#fff6}.intent-tool-card h3{font-size:26px;margin:0 0 10px;letter-spacing:-.04em;color:#44354e}.intent-tool-card>p{font-size:13px;line-height:1.9;color:#95849f;margin:0 0 20px}.canvas-product-view{height:240px;position:relative;margin-top:5px;overflow:hidden;border-radius:16px;background:#f0e9f5;border:1px solid #d9c9e33d}.canvas-product-view img{width:100%;height:100%;object-fit:cover;object-position:50% 42%;transition:transform 1.1s cubic-bezier(.2,.75,.25,1)}.canvas-product-view:hover img{transform:scale(1.035)}.canvas-product-view>span{position:absolute;bottom:12px;right:12px;background:#fff9;color:#8d789c;backdrop-filter:blur(12px);font-size:8px;border-radius:999px;padding:5px 10px}.brand-home .clip-panel-stage{margin:5px 0 0;min-height:240px;padding:13px 0 0;display:flex;flex-direction:column;align-items:center;justify-content:center;isolation:isolate}.brand-home .clip-panel-stage .clip-panel{max-width:270px;width:80%;max-height:165px;object-fit:contain;filter:drop-shadow(0 12px 15px #977bb522)}.brand-home .clip-panel-stage .panel-halo{opacity:.25}.brand-home .clip-theme-switch{margin-top:12px;background:#e3d6f341;padding:4px;border-color:#d3bce729}.brand-home .clip-theme-switch button{color:#a38bad;font-size:9px;padding:6px 8px}.brand-home .clip-theme-switch button[aria-pressed=true]{background:#fff9;color:#8d63aa}.brand-home .clip-panel-stage>p.fine-print{font-size:8px;color:#aa98b7;margin-top:7px}.tool-capabilities{display:flex;flex-wrap:wrap;gap:7px;margin:23px 0}.tool-capabilities span{font-size:10px;color:#a28eaf;background:#ede4f659;padding:5px 10px;border-radius:999px}.tool-card-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto}.tool-card-actions .button{font-size:12px;padding:12px 18px;min-height:43px}.tool-card-actions .inline-link{font-size:10px;gap:5px}.intent-tool-card>p.tool-version{font-size:9px;color:#b3a3bd;margin:13px 0 -8px}.handoff-section{position:relative;padding:80px 0 85px;background:linear-gradient(120deg,#eee6f580,#faf8fd55);border-top:1px solid #e7dcf44d;border-bottom:1px solid #e7dcf44d}.handoff-heading{text-align:center}.handoff-heading>p{font-size:14px;color:#9886a6;margin:18px 0 0}.handoff-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:52px}.handoff-steps article{position:relative;text-align:center;padding:0 15px}.handoff-steps article:not(:last-child):after{content:'→';position:absolute;right:-25px;top:27px;color:#c1aad3;font-size:22px}.handoff-steps article>span{font-size:9px;letter-spacing:.12em;color:#b5a1c5;display:block;margin-bottom:13px}.handoff-steps article>.icon{width:26px;height:26px;color:#a07cbe;margin:auto}.handoff-steps h3{font-size:16px;color:#665070;margin:16px 0 8px}.handoff-steps p{font-size:11px;line-height:1.8;color:#a591b2}.handoff-note{text-align:center;margin:26px 0 0;font-size:9px;color:#b29fbd}.context-usecases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:52px}.context-case{display:flex;gap:22px;padding:29px;border-radius:23px;border:1px solid #fff;background:#fff7;transition:transform .5s,box-shadow .5s}.context-case:hover{transform:translateY(-4px);box-shadow:0 14px 30px #9773ad12}.case-icon{display:grid;place-items:center;background:#eadcf566;border-radius:12px;width:37px;height:37px;flex-shrink:0;color:#a27cbf}.case-icon .icon{width:17px;height:17px}.context-case .card-kicker{font-size:8px;letter-spacing:.11em}.context-case h3{font-size:22px;line-height:1.55;letter-spacing:-.035em;color:#62506c;margin:13px 0}.context-case p{font-size:11px;line-height:1.8;color:#a18bb0}.context-case .inline-link{font-size:11px;margin-top:16px}.intent-pen{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:90px;padding-top:100px;padding-bottom:95px}.pen-intention>p{font-size:14px;line-height:1.95;color:#9e8baa;margin:23px 0}.pen-intention>.inline-link{font-size:12px}.pen-intention-note{display:flex;align-items:center;gap:8px;font-size:10px;color:#b29dc0;margin-top:27px}.pen-intention-note .icon{width:14px;height:14px}.brand-home .pen-lab{min-width:0;padding:28px;border-radius:25px}.brand-home .pen-lab h3{font-size:20px}.brand-home .pen-lab .pen-stroke{height:130px;margin:23px 0 20px}.intent-details{padding-bottom:90px}.intent-details .intent-section-heading h2{font-size:28px}.intent-faq{display:grid;gap:10px}.intent-faq details{padding:18px 23px;border:1px solid #d8c7e551;border-radius:15px;background:#fff6}.intent-faq summary{font-size:13px;font-weight:500;cursor:pointer;color:#887194;line-height:1.65}.intent-faq p{font-size:12px;line-height:1.9;color:#a28cae;margin-top:17px}.intent-details .clip-platform-grid{margin:12px 0 0;gap:10px}.intent-details .platform-note{padding:18px 23px;border-radius:15px}.intent-details .platform-note summary{font-size:13px;font-weight:500;color:#887194}.intent-download-link{display:flex;align-items:center;justify-content:center;gap:12px;font-size:12px;color:#9b7caf;margin-top:26px}.intent-download-link .icon{width:14px;height:14px}.intent-contact{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:50px 45px;margin-bottom:85px;border:1px solid #fff;border-radius:28px;background:linear-gradient(120deg,#e9ddf28c,#fff9);box-shadow:0 12px 40px #8e6aaf0b}.intent-contact h2{font-size:32px}.intent-contact p{font-size:12px;line-height:1.9;color:#a18aaa;margin-top:19px}.intent-contact .button{font-size:13px;min-height:46px}.guide-video video{width:100%;border-radius:18px;background:#f1e9f6}.guide-video figcaption{font-size:11px;line-height:1.8}
@keyframes context-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes mark-context{from{stroke-dashoffset:290}to{stroke-dashoffset:0}}
@media(max-width:1050px){.brand-home .intent-hero{gap:35px;padding-top:85px}.intent-copy h1{font-size:52px}.context-source{width:97%}.intent-pen{gap:45px}.tool-card-actions{flex-wrap:wrap}.context-case{padding:24px;gap:14px}.context-case h3{font-size:19px}.context-message>p{font-size:12px}.intent-tool-card{padding:25px}.intent-tool-card h3{font-size:24px}.intent-tool-card>p{font-size:12px}}
@media(max-width:760px){.brand-home .intent-hero{grid-template-columns:1fr;gap:50px;padding-top:80px;padding-bottom:65px;min-height:0}.intent-copy{max-width:540px}.intent-copy h1{font-size:52px}.intent-copy h1 svg{max-width:330px}.intent-lead{font-size:15px}.intent-platforms{font-size:10px}.intent-scroll{display:none}.context-story{width:min(100%,480px);margin:0 auto; padding-bottom:0}.context-source{width:90%}.context-message{width:90%}.context-switch{margin-bottom:24px}.intent-section-heading{align-items:flex-start;flex-direction:column;gap:15px}.intent-section-heading>p{margin:0}.intent-tool-grid{gap:17px}.intent-tool-card{padding:22px}.intent-tool-card h3{font-size:21px}.intent-tool-card>p{font-size:11px}.canvas-product-view,.brand-home .clip-panel-stage{height:190px;min-height:190px}.brand-home .clip-panel-stage .clip-panel{max-height:125px}.tool-capabilities{gap:5px;margin:18px 0}.tool-capabilities span{font-size:9px;padding:4px 7px}.tool-availability{font-size:8px;padding:5px 8px}.tool-card-actions .button{font-size:11px;padding:11px 13px}.tool-card-actions .inline-link{font-size:9px}.intent-tools{padding-bottom:65px}.handoff-section{padding:60px 0}.handoff-heading>p{font-size:12px}.handoff-steps{gap:13px;margin-top:38px}.handoff-steps article{padding:0 3px}.handoff-steps h3{font-size:13px}.handoff-steps p{font-size:10px}.handoff-steps article:not(:last-child):after{right:-15px;top:25px;font-size:17px}.context-usecases{gap:15px;margin-top:37px}.context-case{padding:21px;display:block}.case-icon{margin-bottom:15px}.context-case h3{font-size:18px}.context-case p{font-size:10px}.context-case .inline-link{font-size:10px}.intent-pen{gap:30px;padding-top:65px;padding-bottom:65px;grid-template-columns:1fr 1.1fr}.pen-intention h2{font-size:31px}.pen-intention>p{font-size:12px}.pen-intention-note{font-size:9px;line-height:1.8}.brand-home .pen-lab{padding:22px}.brand-home .pen-lab h3{font-size:17px}.intent-details{padding-bottom:60px}.intent-contact{padding:33px;margin-bottom:60px}.intent-contact h2{font-size:27px}}
@media(max-width:540px){.brand-home .intent-hero{padding-top:70px;gap:38px}.intent-copy h1{font-size:45px;margin-top:23px}.intent-copy h1 svg{max-width:300px}.intent-lead{font-size:14px;margin-top:32px}.intent-eyebrow{font-size:11px}.intent-actions .button{font-size:12px;min-height:44px;padding:12px 17px}.context-source{width:94%}.context-message{width:94%}.idea-drawing{height:190px;margin-left:14px;margin-right:14px}.wireframe-menu{left:10px;top:47px;width:56px;height:124px}.wireframe-content{left:78px;top:47px;width:58%;height:124px;padding:20px 12px}.drawing-note{font-size:11px;right:4px;top:19px}.context-switch button{font-size:10px;padding:9px 13px}.recording-example{height:219px}.example-dialog{width:61%}.context-message{padding:17px 19px}.context-destinations{margin-top:23px}.intent-tool-grid,.context-usecases,.intent-pen{grid-template-columns:1fr}.intent-section-heading h2,.handoff-heading h2{font-size:30px}.intent-section-heading{margin-bottom:26px}.intent-tool-card{padding:26px}.intent-tool-card h3{font-size:25px}.intent-tool-card>p{font-size:12px}.canvas-product-view,.brand-home .clip-panel-stage{height:230px;min-height:230px}.brand-home .clip-panel-stage .clip-panel{max-height:155px}.tool-card-actions{flex-wrap:nowrap}.tool-card-actions .button{font-size:12px;padding:12px 18px}.tool-card-actions .inline-link{font-size:10px}.tool-availability{font-size:9px}.tool-capabilities span{font-size:10px;padding:5px 9px}.handoff-steps{gap:7px}.handoff-steps h3{font-size:12px;line-height:1.7;min-height:40px}.handoff-steps p{font-size:10px;line-height:1.9}.handoff-heading>p{font-size:12px;line-height:1.9}.handoff-note{font-size:9px;line-height:1.8;margin-top:20px}.context-case{display:flex;padding:25px;gap:17px}.context-case h3{font-size:21px}.context-case p{font-size:11px}.context-case .inline-link{font-size:11px}.context-case .card-kicker{font-size:7px}.intent-pen{gap:30px}.pen-intention h2{font-size:31px}.pen-intention>p{font-size:13px}.brand-home .pen-lab{padding:26px}.brand-home .pen-lab h3{font-size:19px}.intent-details .intent-section-heading{gap:15px}.intent-contact{display:block;padding:30px}.intent-contact .button{margin-top:23px}.intent-contact h2{font-size:28px}.intent-faq details,.intent-details .platform-note{padding:17px 20px}.intent-faq summary,.intent-details .platform-note summary{font-size:12px}.intent-faq p{font-size:12px}.intent-download-link{font-size:11px}.intent-contact p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.brand-home *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}html[lang=ja] .brand-home h1,html[lang=zh-CN] .brand-home h1,html[lang=ja] .brand-home h2,html[lang=zh-CN] .brand-home h2,html[lang=ja] .brand-home h3,html[lang=zh-CN] .brand-home h3{word-break:normal;overflow-wrap:anywhere}.brand-home .intent-copy,.brand-home .context-story,.brand-home .intent-tool-card,.brand-home .context-case>div,.brand-home .pen-intention{min-width:0}
.intent-tool-card>p,.handoff-heading>p,.handoff-steps p,.context-case p,.pen-intention>p,.intent-contact p{color:#7d698a}.tool-availability,.intent-platforms,.intent-section-heading>p{color:#8c779b}
@media(min-width:761px) and (max-width:1050px){.brand-home .intent-hero{grid-template-columns:1fr;gap:35px;padding-top:80px;min-height:0}.intent-copy{max-width:640px}.intent-copy h1{font-size:58px}.context-story{max-width:510px;width:100%;margin:0 auto}}

.context-story{line-height:1.5}.context-transfer{color:#8a719e}.context-destinations>span,.context-caption{color:#8b779a}.intent-faq p{color:#7d698a}

.article .about-feedback{margin-top:24px}