@font-face{font-family:Onest;src:url('assets/fonts/onest-variable.woff') format('woff');font-style:normal;font-weight:100 900;font-display:swap}body{font-family:Onest,Arial,Helvetica,sans-serif;font-size:17px;line-height:1.7}h1,h2,h3{font-family:Onest,Arial,sans-serif;font-weight:600;letter-spacing:-.045em}.hero{grid-template-columns:1.03fr 1fr;gap:40px;min-height:850px;padding-block:150px 100px}.hero h1{font-size:clamp(48px,5.1vw,78px);font-weight:650;letter-spacing:-.055em;line-height:1.02}.hero-sub{font-size:20px;line-height:1.65;max-width:520px}.hero-description{font-size:15px;line-height:1.8;max-width:430px}.hero .tag{letter-spacing:.08em;font-size:10px}.hero .under-button{line-height:1.8}.eyebrow{letter-spacing:.09em}.button{font-weight:600}.ideas-heading h2,.center-heading h2{letter-spacing:-.045em}.ideas-heading>p{font-size:16px}.brand-engine.hero-art{--scatter:0;height:700px;background:radial-gradient(at 50% 15%,#e5dfffaa,transparent 50%),#f0eff7;border:1px solid #dfdceb;border-radius:30px;box-shadow:none;overflow:hidden}.brand-engine .core-grid,.brand-engine .core-ambient,.brand-engine .projection-beam,.brand-engine .projection-rings,.brand-engine .code-field,.brand-engine .core-light-source,.brand-engine .core-caption,.brand-engine .core-corner{display:none}.brand-engine .core-control{pointer-events:none}.brand-engine .lion-canvas{pointer-events:auto;left:22%;width:56%;top:1%;height:31%;filter:drop-shadow(0 12px 18px #7b67b744)}.brand-engine .holo-emblem{width:40%;left:30%;top:5%;opacity:.8;animation:none}.brand-engine .hologram-logo{filter:none}.brand-engine .core-hint{top:195px;bottom:auto;color:#817593;font-size:10px;z-index:12}.brand-engine .lion-reset{top:171px;bottom:auto;left:50%;min-height:32px;padding:7px 13px;background:#f7f4ff;color:#6a5783;border-color:#cfc0e4;font-size:8px}.assembly-heading{position:absolute;top:20px;left:20px;z-index:8;display:grid;gap:7px;pointer-events:none;max-width:140px}.assembly-heading>span{font:8px/1.6 Onest,sans-serif;letter-spacing:.09em;color:#877b96}.assembly-heading>b{font-size:13px;font-weight:500;color:#5e516f}.assembly-composition{position:absolute;inset:220px 20px 155px;pointer-events:none}.assembly-panel{position:absolute;border:1px solid #d5cce2;border-radius:13px;background:#fff;box-shadow:0 15px 30px #5d467615;padding:15px;min-width:0;transition:background .3s}.assembly-panel>span{display:block;font-size:8px;letter-spacing:.08em;color:#8c7b9f}.assembly-social{left:0;top:20px;width:37%;height:215px;transform:translate(calc(var(--scatter)*-18px),calc(var(--scatter)*22px)) rotate(calc(var(--scatter)*-10deg));z-index:3}.assembly-social-art{margin:12px 0;height:138px;background:#5a48c4;color:#f2edff;border-radius:5px;position:relative;overflow:hidden;padding:13px;display:flex;align-items:end}.assembly-social-art i{position:absolute;right:-20px;top:0;width:110px;height:130px;border:18px solid #ac99ff77;border-radius:90px 90px 0 0;transform:rotate(20deg)}.assembly-social-art b{position:relative;font-size:17px;line-height:1.1;letter-spacing:-.04em;white-space:pre-line}.assembly-dots{display:flex;gap:4px}.assembly-dots i{width:14px;height:3px;background:#c6b6e6;border-radius:2px}.assembly-web{right:0;top:0;width:58%;height:185px;transform:translate(calc(var(--scatter)*18px),calc(var(--scatter)*-25px)) rotate(calc(var(--scatter)*9deg));z-index:1}.assembly-web-nav{font-size:10px;letter-spacing:-.03em;margin-top:15px;color:#57436e}.assembly-web-nav i{float:right;font-style:normal;color:#bbaed0}.assembly-web>b{display:block;font-size:21px;line-height:1.05;max-width:150px;margin-top:14px;letter-spacing:-.035em;color:#3a2b50;position:relative;z-index:2;white-space:pre-line}.assembly-web-shape{position:absolute;right:13px;top:75px;width:55px;height:70px;border-radius:40px 40px 7px 7px;background:linear-gradient(130deg,#c4b5f6,#8165bd)}.assembly-web>em{display:inline-block;font-size:7px;font-style:normal;background:#5d48c1;color:white;padding:7px 10px;margin-top:13px}.assembly-bot{right:7%;top:198px;width:57%;height:120px;transform:translate(calc(var(--scatter)*-20px),calc(var(--scatter)*32px)) rotate(calc(var(--scatter)*-7deg));z-index:4;padding:12px}.assembly-bot p{font-size:9px;color:#7e6b91;margin:8px 0 5px}.assembly-bot>b{font-size:9px;background:#e5dcf6;color:#655079;padding:7px 10px;display:block;max-width:90%;margin-left:auto;border-radius:8px 8px 2px 8px;font-weight:500}.assembly-bot small{display:block;font-size:7px;color:#9d8bae;margin-top:8px}.assembly-controls{position:absolute;bottom:18px;left:20px;right:20px;z-index:15}.assembly-controls>div{display:flex;gap:6px}.assembly-controls button{min-height:40px;padding:9px 14px;font-size:11px;border:1px solid #d3c7e2;border-radius:9px;background:#f7f4fc;color:#79648c}.assembly-controls button[aria-pressed=true]{background:#e1d8f6;border-color:#a894c7;color:#543a74}.assembly-controls label{display:grid;font-size:9px;line-height:1.6;color:#887297;margin-top:12px;gap:1px}.assembly-controls input{width:100%;min-height:30px;accent-color:#6b50b5}.assembly-replay{display:flex!important;align-items:center;justify-content:space-between;width:100%;background:white!important}.assembly-replay svg{width:15px;height:15px}.dbgal{padding-block:85px}.dbgal h2{font-size:clamp(45px,5vw,74px)}.dbgal-intro{max-width:720px;font-size:18px;line-height:1.7}.dbgal-card{border-radius:5px;background:transparent;border-color:transparent;box-shadow:none}.dbgal-card-body{padding-inline:3px}.dbgal-card h3{font-size:29px;line-height:1.17;letter-spacing:-.035em}.dbgal-cover{border-radius:15px;height:390px;background:#e9e7ef}.dbgal-cover>img{object-fit:contain}.dbgal-card[data-category=web] .dbgal-cover{height:440px;background:#eeeaf7}.dbgal-card .eyebrow{font-size:10px}.brief-details{grid-column:1/-1;border-top:1px solid #e1d9eb;padding-top:12px}.brief-details>summary{font-size:13px;cursor:pointer;min-height:44px;display:list-item;padding-block:10px;color:#79678b}.brief-details[open]{display:grid;gap:12px}.brief-details>label{display:grid;margin:12px 0}.form-delivery-status{grid-column:1/-1;font-size:14px;line-height:1.7;padding:15px;background:#f2edf9;border-radius:10px;color:#655076}.form-delivery-status:empty{display:none}.brief-form>.form-selection{font-size:13px}.profile-card{border-radius:15px}.faq-list>details{border-radius:0}.template-card,.idea-card,.motion-idea{border-radius:14px}
@media(max-width:1000px){.hero{gap:20px}.assembly-heading{max-width:110px}.assembly-social-art b{font-size:14px}.assembly-web>b{font-size:17px}.assembly-panel{padding:12px}.assembly-web-shape{opacity:.6}.assembly-controls button{padding:8px 10px}}
@media(max-width:800px){body{font-size:16px}.hero{grid-template-columns:1fr;padding-top:128px;padding-bottom:65px;gap:20px;min-height:0}.hero h1{font-size:clamp(44px,9vw,62px);line-height:1.03}.hero-sub{font-size:18px;line-height:1.65}.hero-art.brand-engine{height:700px;margin-top:10px;border-radius:20px;width:100%}.brand-engine .lion-canvas{top:0;height:31%;left:23%;width:54%}.brand-engine .core-hint{top:196px}.assembly-composition{left:14px;right:14px}.assembly-heading{top:18px;left:14px;max-width:100px}.assembly-heading>b{font-size:11px}.assembly-heading>span{font-size:7px}.assembly-controls{left:14px;right:14px}.assembly-social{width:38%;height:208px}.assembly-social-art{height:135px;padding:10px}.assembly-social-art b{font-size:16px}.assembly-web{width:59%;height:180px}.assembly-web>b{font-size:19px;max-width:140px}.assembly-web-shape{right:6px;width:44px;height:60px;opacity:.5}.assembly-bot{right:0;width:60%;top:195px;height:119px}.assembly-panel>span{font-size:7px}.assembly-controls>div button{flex:1;min-height:44px}.assembly-controls label{font-size:10px}.assembly-controls input{min-height:34px}.assembly-controls .assembly-replay{min-height:44px}.dbgal{padding-block:55px}.dbgal h2{font-size:43px}.dbgal-intro{font-size:16px}.dbgal-cover{height:320px}.dbgal-card[data-category=web] .dbgal-cover{height:370px}.dbgal-card h3{font-size:25px}.hero-bottom{display:none}.hero-shortcuts{gap:10px}}
@media(max-width:380px){.hero h1{font-size:42px}.assembly-social-art b{font-size:14px}.assembly-web>b{font-size:17px}.assembly-web em{font-size:6px;padding:6px}.assembly-bot>b{font-size:8px}.assembly-controls>div button{font-size:10px;padding-inline:8px}}
.reduce-motion .brand-engine *{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){html:not(.motion-enabled) .brand-engine *{animation:none!important;transition:none!important}}

/* Touch targets and readable labels in the live composition. */
.brand-engine.hero-art{height:740px}.brand-engine .lion-canvas{height:28%}.brand-engine .lion-reset{top:180px;min-height:44px;font-size:10px}.brand-engine .core-hint{top:230px;font-size:11px}.assembly-composition{top:265px}.assembly-bot{top:180px;height:110px}.assembly-controls button{min-height:44px;font-size:12px}.assembly-controls label{font-size:11px}.assembly-panel>span,.assembly-heading>span{font-size:10px}.assembly-bot p,.assembly-bot>b{font-size:11px}.assembly-bot small{font-size:9px}.assembly-web>em{font-size:9px}.assembly-replay:focus-visible,.assembly-controls input:focus-visible,.assembly-controls button:focus-visible{outline:3px solid #7260d5;outline-offset:3px}@media(max-width:380px){.assembly-panel>span{font-size:9px}.assembly-bot p,.assembly-bot>b{font-size:10px}.assembly-web>em{font-size:8px}.assembly-social-art b{font-size:15px}}