/* Study 04 extends the existing brand with connected structures and product depth. */
.system-explorer{display:grid;grid-template-columns:1.25fr 1fr;gap:60px;margin-top:70px;align-items:center}.system-stage{height:560px;position:relative;background:radial-gradient(ellipse at center,#2764ff15,transparent 60%);isolation:isolate}.system-art{position:absolute;inset:95px 100px;perspective:900px}.system-plane{position:absolute;inset:20px;border:16px solid #92adff;border-radius:50%;transform:rotateX(62deg) rotateZ(-30deg);box-shadow:inset 0 2px 0 white,0 5px 0 #52617a,0 7px 0 #15203a;opacity:.8;animation:plane-breathe 12s ease-in-out infinite}.plane-b{inset:42px 15px;border-color:#2764ff;transform:rotateX(30deg) rotateY(50deg);animation-delay:-4s}.plane-c{inset:20px 40px;border-width:5px;transform:rotateX(15deg) rotateY(-40deg);animation-delay:-8s}.system-heart{position:absolute;inset:95px 30px;text-align:center;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(ellipse,#f4f7fb 25%,#f4f7fb00 67%)}.system-heart span{font:9px var(--mono);color:#2764ff;letter-spacing:.1em;margin-bottom:12px}.system-heart strong{font-size:30px;font-weight:500;line-height:1.08;letter-spacing:-.04em}.system-node{position:absolute;border:1px solid #d7deea;color:#15203a;background:#f4f7fb;font-size:15px;font-weight:500;padding:14px 16px;display:flex;gap:12px;align-items:center;z-index:3;box-shadow:0 4px 20px #15203a06}.system-node span{color:#2764ff;font:9px var(--mono)}.system-node i{font-style:normal;color:#2764ff;margin-left:auto}.system-node[aria-pressed=true]{background:#2764ff;color:white;border-color:#2764ff}.system-node[aria-pressed=true] span,.system-node[aria-pressed=true] i{color:white}.node-0{left:50%;top:0;transform:translateX(-50%)}.node-1{right:0;top:105px}.node-2{right:0;top:245px}.node-3{right:25px;bottom:75px}.node-4{left:25px;bottom:75px}.node-5{left:0;top:245px}.node-6{left:0;top:105px}.system-caption{position:absolute;bottom:13px;left:0;right:0;text-align:center;font:9px var(--mono);color:#52617a;letter-spacing:.08em}.system-reading{border-top:2px solid #2764ff;padding-top:25px}.system-reading h3{font-size:41px;line-height:1.05;max-width:15ch;margin:25px 0;letter-spacing:-.045em}.system-explanation{font-size:17px;color:#52617a;line-height:1.6}.system-question{margin:28px 0;padding:24px;background:#15203a;color:white;border-left:3px solid #2764ff}.system-question span{font:9px var(--mono);color:#92adff}.system-question p{font-size:20px;line-height:1.35;margin-top:14px}.system-reading small{display:block;color:#52617a;font:9px var(--mono);margin-top:20px}.system-reading.is-changing{animation:reading-in .3s ease-out}.service-object{height:730px!important}.service-object iframe{width:100%;height:100%;border:0;display:block}.service-hero-grid{grid-template-columns:.8fr 1.2fr!important;align-items:center}.offer-visual{transition:transform .7s cubic-bezier(.2,.8,.2,1);perspective:700px}.offer[open] .offer-visual{transform:rotateY(-12deg) rotateX(7deg)}.offer[open]{background:linear-gradient(100deg,#2764ff08,transparent 60%)}.offer[open] summary{color:#2764ff}.book-showroom{height:630px;position:relative;perspective:1400px;isolation:isolate;min-width:0}.book-light{position:absolute;left:0;right:0;bottom:110px;height:110px;transform:rotateX(65deg);background:radial-gradient(ellipse,#2764ff60,transparent 65%)}.book-orbit{position:absolute;width:85%;height:190px;border:1px solid #92adff40;transform:rotateX(65deg) rotateZ(-20deg);left:7%;bottom:90px;border-radius:50%}.display-book{position:absolute;width:85%;aspect-ratio:16/9;left:8%;top:80px;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.2,.8,.2,1),filter .8s;filter:drop-shadow(0 35px 24px #0006);outline-offset:10px}.book-face{position:absolute;inset:0;transform:translateZ(12px);background:#15203a;border:1px solid #92adff55}.book-face img{width:100%;height:100%;object-fit:contain}.book-depth{position:absolute;top:0;bottom:0;width:24px;left:-12px;background:linear-gradient(90deg,#0d162a,#2764ff);transform:rotateY(-90deg)}.book-pages{position:absolute;left:0;right:0;height:24px;bottom:-12px;transform:rotateX(-90deg);background:repeating-linear-gradient(#d7deea 0 1px,#f4f7fb 1px 3px)}.book-okr{transform:translate3d(-25px,0,30px) rotateY(-20deg) rotateX(10deg) rotateZ(-5deg);z-index:2}.book-planning{transform:translate3d(28px,160px,-100px) rotateY(-20deg) rotateX(10deg) rotateZ(-5deg);filter:brightness(.65) drop-shadow(0 30px 20px #0005);z-index:1}.book-showroom.focus-planning .book-okr{transform:translate3d(-25px,0,-100px) rotateY(-20deg) rotateX(10deg) rotateZ(-5deg);filter:brightness(.65) drop-shadow(0 30px 20px #0005);z-index:1}.book-showroom.focus-planning .book-planning{transform:translate3d(0,135px,70px) rotateY(-12deg) rotateX(5deg) rotateZ(-3deg);filter:drop-shadow(0 35px 24px #0006);z-index:3}.showroom-controls{position:absolute;bottom:40px;left:0;right:0;display:flex;gap:8px;z-index:5}.showroom-controls button{border:1px solid #92adff50;background:transparent;color:#92adff;padding:12px;font:9px var(--mono)}.showroom-controls button[aria-pressed=true]{background:#2764ff;color:white;border-color:#2764ff}.showroom-note{position:absolute;bottom:10px;left:0;color:#92adff;font:8px var(--mono);letter-spacing:.04em}.product-stage{perspective:1000px}.product-book{transform:rotateY(-12deg) rotateX(5deg);box-shadow:-8px 5px 0 #d7deea,-12px 8px 0 #52617a,0 30px 35px #0003;transition:transform .6s}.product-stage:hover .product-book{transform:rotateY(-3deg) rotateX(0)}.product-section{scroll-margin-top:100px}.symptom-field .symptom{transition:background .25s,transform .25s}.symptom-field .symptom:hover{background:#2764ff0b;transform:translateY(-4px)}@keyframes plane-breathe{50%{translate:0 -9px}}@keyframes reading-in{from{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:1100px){.system-explorer{grid-template-columns:1fr;gap:25px}.system-stage{max-width:650px;width:100%;margin:auto}.system-reading h3{max-width:22ch}.service-hero-grid{grid-template-columns:1fr!important}.service-object{max-width:800px;width:100%;margin:auto!important}.book-showroom{height:540px}}@media(max-width:600px){.system-explorer{margin-top:40px}.system-stage{height:auto;padding-top:270px;padding-bottom:40px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.system-art{inset:0 45px auto;height:250px}.system-heart{inset:60px 15px}.system-heart strong{font-size:25px}.system-node{position:relative;inset:auto!important;transform:none!important;font-size:13px;padding:13px 10px;gap:8px}.system-node:last-of-type{grid-column:1/-1}.system-node i{font-size:14px}.system-caption{bottom:8px;font-size:8px}.system-reading h3{font-size:34px}.system-explanation{font-size:16px}.system-question p{font-size:19px}.service-object{height:730px!important;margin-top:20px!important}.book-showroom{height:430px;margin-top:25px}.display-book{width:88%;left:5%;top:35px}.book-planning{transform:translate3d(12px,115px,-80px) rotateY(-16deg) rotateX(8deg) rotateZ(-4deg)}.book-okr{transform:translate3d(-6px,0,20px) rotateY(-16deg) rotateX(8deg) rotateZ(-4deg)}.book-showroom.focus-planning .book-planning{transform:translate3d(3px,110px,35px) rotateY(-10deg) rotateX(4deg) rotateZ(-3deg)}.showroom-controls{flex-wrap:wrap;bottom:38px}.showroom-controls button{font-size:8px;padding:10px}.showroom-note{font-size:7px}.book-light{bottom:95px}.system-plane{border-width:10px}.system-reading{padding-top:20px}}.motion-off .system-plane{animation:none}.motion-off .display-book,.motion-off .offer-visual,.motion-off .product-book{transition:none}@media(prefers-reduced-motion:reduce){.system-plane{animation:none}.display-book,.product-book,.offer-visual{transition:none}.system-reading.is-changing{animation:none}}