:root{--glass-edge:#ffffffd9;--glass-shadow:#63417b12;--glass-fill:#ffffff8f}
body{background:radial-gradient(ellipse 62% 900px at 94% 4%,#e7dcffab,transparent),radial-gradient(ellipse 60% 850px at 8% 48%,#e9def85e,transparent),#f8f6fc}
.brand-home{position:relative;isolation:isolate}
.brand-home:before{content:'';position:absolute;z-index:-1;top:30px;right:1%;width:63%;height:920px;pointer-events:none;background:radial-gradient(ellipse at 60% 35%,#c5a5ef35,transparent 58%),radial-gradient(ellipse at 22% 70%,#eed3ec3d,transparent 60%);filter:blur(25px);animation:liquid-drift 18s ease-in-out infinite alternate}
.site-header{background:linear-gradient(125deg,#ffffff38,#f5edff1f);border:1px solid #ffffffa6;box-shadow:0 7px 30px #6744800a,inset 0 1px #ffffff80;backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4)}
.nav-wrap{border-radius:inherit;background:linear-gradient(120deg,#ffffff14,#f1e5ff08);border:0;box-shadow:inset 0 1px #ffffff5c,inset 0 -1px #d9c2ed29;backdrop-filter:none;-webkit-backdrop-filter:none}
.language-picker{background:#ece4f482;border:1px solid #fff9;box-shadow:inset 0 1px #fff9;border-radius:14px;transition:background .4s,box-shadow .4s}
.language-picker:focus-within{box-shadow:0 0 0 3px #b591e325;background:#fffd}
.language-picker select{max-width:135px;cursor:pointer}
.intent-copy h1{letter-spacing:-.06em;font-weight:650;line-height:1.32}
.intent-copy h1 em{color:#8850ce;text-shadow:0 4px 22px #ad7ee518}
.intent-copy h1 svg path{stroke-dasharray:500;stroke-dashoffset:500;animation:signature-draw 1.7s .25s cubic-bezier(.2,.6,.2,1) forwards}
.intent-lead{color:#796783}
.intent-copy h1{margin-top:25px}
.context-source,.context-message,.intent-tool-card,.canvas-showcase,.tour-feature,.watch-video-frame,.watch-chapter,.pen-lab,.intent-contact{background:linear-gradient(135deg,#ffffffb8,#fdfaff75);border:1px solid var(--glass-edge);box-shadow:0 14px 45px var(--glass-shadow),inset 0 1px 1px #fff,inset 0 -1px #d8c4ea38;backdrop-filter:blur(20px) saturate(1.3)}
.intent-tool-card{border-radius:31px}
.tour-feature,.watch-chapter{border-radius:21px}
.watch-video-frame{background:#f7f1fc}
.context-source{box-shadow:0 17px 46px #6f48891a,inset 0 1px #fff}
.context-message{background:linear-gradient(130deg,#ffffffd9,#e7d9f58c);box-shadow:0 13px 39px #74519517,inset 0 1px #fff}
.context-switch,.clip-theme-switch,.pen-type-picker{backdrop-filter:blur(18px) saturate(1.3);background:linear-gradient(135deg,#fff7,#e5d8f359);border:1px solid #fff9;box-shadow:inset 0 1px #fff9,0 6px 24px #70489908}
.context-switch button,.clip-theme-switch button,.pen-type-picker button{transition:background .45s,box-shadow .55s,color .4s,transform .5s cubic-bezier(.2,.8,.2,1)}
.context-switch button[aria-pressed=true],.clip-theme-switch button[aria-pressed=true],.pen-type-picker button[aria-pressed=true]{background:linear-gradient(140deg,#fff,#f8f2ffdc);box-shadow:0 4px 16px #76509c13,inset 0 1px #fff}
.button.primary{background:linear-gradient(140deg,#a075e6,#8650d3 57%,#7b44c7);border:1px solid #ffffff57;box-shadow:0 9px 24px #8a56c733,inset 0 1px #d6b5ff9c,inset 0 -1px #7440b52b;transition:box-shadow .5s,transform .5s cubic-bezier(.2,.8,.2,1),filter .4s}
.button.primary:hover{box-shadow:0 13px 33px #8a56c73d,inset 0 1px #ebd5ffcc;transform:translateY(-2px);filter:saturate(1.08)}
.button.secondary{background:linear-gradient(135deg,#ffffffc9,#f4ecfca6);border:1px solid #fff;box-shadow:0 5px 19px #8054a40b,inset 0 1px #fff}
.button:active{transform:translateY(1px) scale(.985)}
.watch-chapter[aria-pressed=true]{background:linear-gradient(125deg,#e1cef8b0,#fefbffc9);border-color:#c8ace85c;box-shadow:0 7px 24px #9063b914,inset 0 1px #fff}
.showcase-tabs button[aria-selected=true]{background:linear-gradient(125deg,#fff,#f5ecffd1);box-shadow:0 6px 20px #79519e10,inset 0 1px #fff}
.product-tour .showcase-stage{background:linear-gradient(140deg,#e9def5ad,#f8f4ffb5);border:1px solid #fff6}
.canvas-product-view,.showcase-stage,.ai-image,.panel-figure,.article figure,.clip-panel-stage{position:relative}
.source-shot{position:absolute;right:12px;top:12px;z-index:2;display:inline-flex;align-items:center;gap:6px;max-width:80%;padding:7px 10px;border-radius:10px;border:1px solid #fff9;background:#ffffffb8;backdrop-filter:blur(12px);font-size:9px!important;line-height:1.55;color:#87669c!important;box-shadow:0 3px 12px #8054a00d;transition:background .4s,box-shadow .4s}
.source-shot:hover{background:#fff;box-shadow:0 4px 16px #8054a01c}
.source-shot .icon{width:11px;height:11px}
.clip-panel-stage>.source-shot{top:5px;right:5px;font-size:8px!important;padding:5px 8px}
.article figure>.source-shot{top:12px;right:12px}
.watch-editor-strip img{opacity:.92}
.watch-player figcaption{color:#816b90}
.liquid-surface{position:relative;isolation:isolate}
.liquid-surface:before{content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse 70% 90% at var(--shine-x,50%) var(--shine-y,20%),#fff9,transparent 66%);opacity:.38;transition:opacity .7s}
.liquid-surface:hover:before{opacity:.83}
.intent-contact{background:linear-gradient(120deg,#e8d5f491,#fff9);box-shadow:0 18px 52px #80509a12,inset 0 1px #fff}
.intent-faq details,.platform-note{background:linear-gradient(135deg,#fff9,#f6effb66);border:1px solid #fff9;box-shadow:inset 0 1px #fff9}
.intent-faq summary{color:#776082}
.intent-section-heading>p,.tour-feature p,.chapter-copy small{color:#826e8f}
.source-shot:focus-visible{outline:2px solid #ad85df;outline-offset:3px}
html[lang=de] .intent-copy h1,html[lang=fr] .intent-copy h1,html[lang=pt] .intent-copy h1{font-size:clamp(40px,3.9vw,60px)}
@keyframes signature-draw{to{stroke-dashoffset:0}}
@keyframes liquid-drift{from{transform:translate3d(0,-8px,0) scale(.96)}to{transform:translate3d(-20px,28px,0) scale(1.05)}}
@media(hover:hover) and (pointer:fine){.tour-feature:hover{transform:translateY(-4px);box-shadow:0 15px 34px #8554a71c,inset 0 1px #fff}.watch-chapter:hover{transform:translateX(4px)}}
@media(max-width:1050px){html[lang=de] .intent-copy h1,html[lang=fr] .intent-copy h1,html[lang=pt] .intent-copy h1{font-size:52px}.intent-contact{border-radius:25px}}
@media(max-width:760px){.brand-home:before{width:95%;height:900px;right:0;filter:blur(20px);animation-duration:25s}.context-source,.context-message,.intent-tool-card,.canvas-showcase,.tour-feature,.watch-chapter,.pen-lab,.intent-contact{backdrop-filter:blur(12px) saturate(1.15)}.intent-tool-card{border-radius:26px}.source-shot{font-size:8px!important;padding:6px 8px}.liquid-surface:before{opacity:.28}.language-picker select{max-width:102px}.site-header{backdrop-filter:blur(14px) saturate(1.35);-webkit-backdrop-filter:blur(14px) saturate(1.35)}.nav-wrap{backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(max-width:540px){html[lang=de] .intent-copy h1,html[lang=fr] .intent-copy h1,html[lang=pt] .intent-copy h1{font-size:42px}.intent-copy h1{font-size:43px}.intent-lead{font-size:14px}.intent-actions{gap:9px}.language-picker select{max-width:92px}.source-shot{right:8px;top:8px}}
@media(prefers-reduced-motion:reduce){.brand-home:before,.intent-copy h1 svg path{animation:none!important}.intent-copy h1 svg path{stroke-dashoffset:0}.liquid-surface:before{transition:none;opacity:.25}.button,.tour-feature,.watch-chapter,.context-source,.context-message{transition:none!important;transform:none!important}}
@supports not(backdrop-filter:blur(1px)){.nav-wrap,.intent-tool-card,.tour-feature,.pen-lab,.watch-chapter{background:#fdfbff}}

@media(max-width:540px){.language-picker select{width:108px;min-width:108px;max-width:108px;padding:8px 19px 8px 25px}}
@media(max-width:360px){.nav-cta{display:none}}

html[lang=ja] .intent-copy h1{font-size:clamp(32px,3.2vw,48px)}
@media(max-width:1050px) and (min-width:541px){html[lang=ja] .intent-copy h1{font-size:48px}}
@media(max-width:540px){html[lang=ja] .intent-copy h1{font-size:clamp(25px,7.1vw,38px)}}

.nav-wrap nav a{color:#594464;text-shadow:0 0 2px #fffffff2,0 0 6px #fffffff2,0 1px 12px #ffffffbf}.nav-wrap nav a:hover{color:var(--purple-dark)}.nav-wrap .brand>span{text-shadow:0 0 10px #ffffffb3}