/* FAQ and demo: sculpted surfaces, readable controls, reversible motion. */
#faq{background:radial-gradient(ellipse at 10% 65%,#dfeaff 0,transparent 46%),#f5f7fb;overflow:hidden}
.faq-layout{align-items:center;gap:clamp(32px,5vw,80px)}
.faq-list{gap:14px;min-width:0}
.faq-item{padding:0;border:1px solid #d8e3f1;border-radius:22px;background:linear-gradient(125deg,#fff,#edf4ff);box-shadow:0 3px 5px #10284405,0 16px 32px #10284408;overflow:hidden}
.faq-item:nth-child(2n){background:linear-gradient(125deg,#fff,#edf9f6)}
.faq-item:nth-child(3n){background:linear-gradient(125deg,#fff,#fff6df)}
.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;padding:23px 26px;font-size:clamp(17px,1.45vw,23px);min-height:78px;color:#101c32}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:'+';display:grid;place-items:center;flex:0 0 36px;height:36px;border-radius:50%;background:#183f70;color:#fff;font-size:26px;font-weight:400;transition:transform 150ms cubic-bezier(.2,0,0,1),background 150ms cubic-bezier(.2,0,0,1)}
.faq-item[open] summary::after{content:'−';background:#a97b21}
.faq-item[open]{border-color:#8eaed7;box-shadow:0 15px 35px #193b7014}
.faq-item .a{padding:0 26px 25px;max-width:none;font-size:17px;line-height:1.65;color:#46576e}
.faq-item summary:focus-visible{outline:3px solid #326bc3;outline-offset:-5px;border-radius:22px}
.answer-sculpture{position:relative;width:min(100%,330px);height:230px;margin-top:30px;display:grid;place-items:center;isolation:isolate;pointer-events:none}
.answer-orbit{position:absolute;width:260px;height:150px;border:2px solid #c79a4155;border-radius:50%;transform:rotate(-23deg);box-shadow:0 0 28px #71a8df22}
.answer-orbit.second{transform:rotate(35deg);width:210px;height:200px;border-color:#538ed144}
.answer-orb{width:150px;height:150px;display:grid;place-items:center;border-radius:42px;background:radial-gradient(at 20% 10%,#638abd,#173f70 40%,#07172e 85%);border:1px solid #a6c2e5;box-shadow:inset 2px 3px 6px #ffffff88,inset -4px -8px 10px #0006,8px 12px 0 #07162b,0 35px 35px #1234553b;color:#f3cf77;font:700 100px/1 var(--font-d);text-shadow:0 3px 0 #815e21,0 -1px 0 #fff4cc}
.answer-sculpture::after{content:'';position:absolute;bottom:4px;left:15%;width:70%;height:20px;background:#183d6022;border-radius:50%;filter:blur(9px);z-index:-1}
#apply{position:relative;overflow:hidden;background:radial-gradient(ellipse at 90% 40%,#c9ddf57a,transparent 60%),linear-gradient(130deg,#f9fbff,#f4f7fc)}
.apply-layout{align-items:center;gap:clamp(32px,5vw,75px)}
.apply-card{position:relative;isolation:isolate;overflow:hidden;background:#0b1b35 url('marble-navy.svg') center/cover;border:1px solid #d4b36a;border-radius:36px;padding:clamp(24px,3vw,42px);box-shadow:inset 1px 2px 2px #f7de9f99,inset -2px -3px 3px #0008,0 8px 0 #09192d,0 12px 0 #b5934b,0 30px 65px #0c25463b}
.apply-card::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(125deg,#ffffff24,transparent 32%,#04142b30 55%,#ffffff12);pointer-events:none}
.marble-glint{position:absolute;left:-50%;top:-15%;width:90%;height:140%;background:linear-gradient(100deg,transparent 28%,#ffffff14 45%,#ffffff2e 50%,#ffffff0a 57%,transparent 70%);transform:rotate(12deg);pointer-events:none;z-index:-1}
.marble-brand{display:flex;gap:13px;align-items:center;margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid #d8bd7a66;color:#fff;font:650 19px var(--font-b)}
.marble-brand img{width:42px;height:42px;border-radius:10px;outline:1px solid #ffffff1a}
.apply-card .f label{color:#f4f7ff;font-size:15px;margin-bottom:10px;line-height:1.4}
.apply-card .rq{color:#f4cf76}
.apply-card .f input{min-height:54px;border:1px solid #b9cce1;background:#f7faff;color:#162b44;border-radius:12px;padding:14px 16px;font-size:16px;box-shadow:inset 0 2px 4px #12304b10,0 2px 0 #0003}
.apply-card .f input::placeholder{color:#5c6d80;opacity:1}
.apply-card .f input:focus-visible{outline:3px solid #f1cb72;outline-offset:3px}
.apply-card .f-foot{align-items:center;flex-wrap:wrap}
.apply-card .f-foot .note{color:#d5e2f1;font-size:14px;max-width:260px}
.apply-card .f-foot button{min-height:54px;padding:16px 25px;font-weight:650;background:linear-gradient(135deg,#ffe6a2,#e5b542);border:1px solid #fff0bc;border-radius:14px;box-shadow:inset 0 2px 0 #ffffffa3,0 5px 0 #9c7024,0 10px 20px #0003;color:#17263d;transition:transform 150ms cubic-bezier(.2,0,0,1)}
.apply-card .f-foot button:active{transform:scale(.96)}
.apply-card .f-foot button:focus-visible{outline:3px solid #fff;outline-offset:5px}
@media(max-width:760px){.faq-layout,.apply-layout{gap:30px}.answer-sculpture{height:160px;margin:15px auto}.answer-orb{width:108px;height:108px;border-radius:30px;font-size:76px}.answer-orbit{width:220px;height:105px}.answer-orbit.second{width:170px;height:140px}.faq-item summary{padding:20px;font-size:17px;min-height:72px}.faq-item .a{padding:0 20px 22px;font-size:16px}.apply-card{border-radius:30px}.apply-card .fg{grid-template-columns:1fr;gap:20px}.apply-card .f-foot button{width:100%}.apply-card .f-foot .note{max-width:none}.marble-brand{font-size:17px}}
@media(prefers-reduced-motion:reduce){.faq-item summary::after,.apply-card button{transition:none!important}}