/* Practical experiences use native controls and no additional animation runtime. */
.about-approach{display:block;margin-top:20px;color:#c0cbe2;font-size:15px;line-height:1.7}.demo-badge{display:inline-block;font-size:12px;color:#d5c6ff;margin-bottom:22px}.demo-form{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-block:24px}.demo-form label,.briefing-form label{display:grid;gap:9px;font-size:14px;color:#e0e6f8}.demo-form button{grid-column:1/-1;justify-self:start}.demo-form select,.briefing-form input,.briefing-form select,.briefing-form textarea{min-width:0;width:100%;font:inherit;font-size:16px;color:#eef2ff;background:#0b1223;border:1px solid #647499;border-radius:8px;padding:13px 14px;min-height:48px;caret-color:#c6b2ff;color-scheme:dark}.briefing-form textarea{resize:vertical;line-height:1.6}.briefing-form input::placeholder,.briefing-form textarea::placeholder{color:#aebbd4}.demo-form :focus-visible,.briefing-wrap :focus-visible,.project-faq summary:focus-visible,.demo-agenda button:focus-visible,#demo-reset:focus-visible{outline:2px solid #c7b3ff;outline-offset:4px}.demo-agenda-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid #6378a344}.demo-agenda-head h4{font-size:16px;margin:0}.demo-agenda-head button,.demo-agenda button,.briefing-edit{color:#d4c9ff;background:none;border:0;font:inherit;font-size:13px;padding:10px 0;cursor:pointer;text-decoration:underline;text-underline-offset:4px}.demo-agenda{list-style:none;margin:0;padding:0}.demo-agenda li{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 0;border-bottom:1px solid #6378a333;font-size:14px}.demo-agenda time{color:#c6b3ff;font-variant-numeric:tabular-nums;display:block;margin-bottom:4px}.demo-panel #demo-status,.briefing-result #briefing-status{min-height:24px;font-size:14px;color:#c4e7d8;margin-block:16px}.demo-panel>small{display:block;font-size:12px;line-height:1.6;color:#b1bfd8}.solution-stage:has(.demo-panel:not([hidden])){transform:none!important}.project-start{padding-block:90px;background:#080c16}.project-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,88px);align-items:start}.project-context h2{font-size:clamp(32px,3.2vw,46px);line-height:1.12;letter-spacing:-.035em;margin:0 0 24px}.project-context h2 span{color:#bdb5ef}.project-context>p,.project-expectations p{font-size:16px;line-height:1.7;color:#b9c6df;max-width:52ch}.project-expectations{margin-block:32px;padding-block:24px;border-block:1px solid #6378a344}.project-expectations h3,.project-faq h3{font-size:19px;margin:0 0 12px}.project-faq details{border-bottom:1px solid #6378a344}.project-faq summary{padding:19px 28px 19px 0;cursor:pointer;font-size:15px;line-height:1.5;color:#e2e8fa}.project-faq details p{font-size:14px;line-height:1.7;color:#b9c6df;margin:0;padding-bottom:22px}.briefing-wrap{padding:clamp(22px,3vw,38px);border:1px solid #4d608766;border-radius:16px;background:#0d1425}.briefing-form{display:grid;gap:22px}.briefing-form h3,.briefing-result h3{font-size:23px;line-height:1.3;letter-spacing:-.025em;margin:0 0 4px}.briefing-form .briefing-note,.briefing-result>p{font-size:13px;line-height:1.7;color:#b6c3df;margin:0}.briefing-form .btn{justify-self:start;cursor:pointer;border:0}.briefing-result[hidden],.briefing-form[hidden]{display:none}.briefing-result pre{font-size:14px;line-height:1.7;font-family:inherit;white-space:pre-wrap;overflow-wrap:anywhere;color:#e1e8f7;border-block:1px solid #6378a344;padding-block:22px;margin-block:24px}.briefing-actions{display:flex;gap:12px;flex-wrap:wrap}.briefing-actions .btn{cursor:pointer}.briefing-edit{display:block;margin-top:15px}.hero-desc{max-width:460px}
@media(min-width:901px){.hero h1{font-size:clamp(54px,4.6vw,68px)}.hero-copy{max-width:550px}.hero-desc{font-size:17px}.hero-actions{gap:14px}.hero-actions .btn{font-size:13px}}
@media(max-width:900px){.project-start{padding-block:55px}.project-layout{grid-template-columns:1fr;gap:35px}.hero h1{font-size:clamp(40px,7vw,60px)}.demo-form{grid-template-columns:1fr}.demo-form button{grid-column:auto}.briefing-wrap{padding:24px 20px}.project-context h2{font-size:34px}}
@media(max-width:380px){.hero h1{font-size:38px}.hero-desc{font-size:15px}.hero-visual{top:590px}.hero,.hero-grid{min-height:1060px}.briefing-actions{flex-direction:column}.briefing-actions .btn{justify-content:center}}
@media(prefers-reduced-motion:reduce){.demo-panel *,.briefing-wrap *{scroll-behavior:auto;transition:none!important}}

.demo-form .btn-outline,.briefing-actions .btn-outline{background:#151e35;color:#e8edff;border:1px solid #7a89b0}.demo-form button:disabled{opacity:.45;cursor:default}.briefing-result{scroll-margin-top:30px}