.iso-blocks,.orbit-structure{position:relative;width:280px;height:240px;transform-style:preserve-3d}.iso-blocks__model,.orbit-structure__model,.orbit-structure__frame,.geometry-solid{position:absolute;transform-style:preserve-3d}.geometry-solid{--face-top: #f9fbfd;--face-front: #dfe8f0;--face-side: #eaf0f6;--face-edge: #c9d9e8;width:var(--box-width);height:var(--box-height);transform:translate3d(var(--box-x),var(--box-y),var(--box-z))}.geometry-face{position:absolute;display:block;box-sizing:border-box;border:1px solid var(--face-edge)}.geometry-face--top{top:0;right:0;bottom:0;left:0;background:var(--face-top);transform:translateZ(var(--box-depth));box-shadow:inset 0 0 0 1px #ffffff73}.geometry-face--front,.geometry-face--back{left:0;width:100%;height:var(--box-depth);background:var(--face-front);transform:rotateX(90deg);transform-origin:center top}.geometry-face--front{top:100%}.geometry-face--back{top:0}.geometry-face--left,.geometry-face--right{top:0;width:var(--box-depth);height:100%;background:var(--face-side);transform:rotateY(-90deg);transform-origin:left center}.geometry-face--left{left:0}.geometry-face--right{left:100%}.geometry-solid--blue{--face-top: #4388e5;--face-front: #186bd8;--face-side: #347acc;--face-edge: #256bbd}.geometry-solid--teal{--face-top: #afd4d0;--face-front: #75b7b3;--face-side: #97c5c1;--face-edge: #75aaa8}.iso-blocks__model{top:18px;left:28px;width:224px;height:224px;transform:rotateX(54deg) rotate(-36deg)}.iso-blocks__foundation>.geometry-face--top{background-color:#edf3f8;background-image:linear-gradient(#d7e3ed 1px,transparent 1px),linear-gradient(90deg,#d7e3ed 1px,transparent 1px);background-size:12px 12px;box-shadow:15px 25px 40px #446d931f}.iso-blocks__tile>.geometry-face--top{box-shadow:inset 0 0 0 1px #ffffff7a,4px 5px #4163850d}.iso-blocks__summit>.geometry-face--top:after{content:"";position:absolute;top:17px;right:17px;bottom:17px;left:17px;border:2px solid #75b7b3;box-shadow:inset 0 0 0 4px #f9fbfd;background:#d0e6e3}.orbit-structure__model{top:36px;left:59px;width:186px;height:156px;transform:rotateX(-14deg) rotateY(-30deg)}.orbit-structure__frame{top:0;right:0;bottom:0;left:0}.orbit-structure__connector{--face-top: #bdccd9;--face-front: #bfcedc;--face-side: #cad8e3;--face-edge: #aabfcf}.orbit-structure__module>.geometry-face--top{background-image:linear-gradient(90deg,#e4edf7 19px,transparent 19px);box-shadow:inset 0 0 0 1px #fff,8px 8px 18px #4a6e9214}.orbit-structure__module>.geometry-face--top:before,.orbit-structure__module>.geometry-face--top:after{content:"";position:absolute;left:29px;right:10px;height:14px;border:1px solid #cfdfef;background:#edf4fb}.orbit-structure__module>.geometry-face--top:before{top:11px}.orbit-structure__module>.geometry-face--top:after{top:35px;right:23px}:root{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;color:#18232e;background:#f9fbfd;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--accent:#186bd8;--ink:#18232e;--muted:#5f6c7b;--line:#dde5ed;--surface:#fff;--radius:12px;--container:1184px;--gutter:32px;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0}.website{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.website>main{flex:1}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}img{display:block;max-width:100%;height:auto}figure,p,h1,h2,h3{margin:0}h1,h2,h3{font-weight:600;text-wrap:balance}h1{font-size:clamp(38px,4.35vw,60px);line-height:1.23;letter-spacing:-.035em}h2{font-size:clamp(28px,3vw,38px);line-height:1.4;letter-spacing:-.025em}h3{font-size:20px;line-height:1.5}p{line-height:1.85;text-wrap:pretty}a:focus-visible,button:focus-visible{outline:3px solid #4d94ee;outline-offset:5px}.container{width:min(100%,var(--container));margin-inline:auto;padding-inline:var(--gutter)}.section{padding-block:88px}.ruled{border-top:1px solid var(--line)}.site-header{position:sticky;top:0;z-index:10;background:#f9fbfdf5;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.header-inner{height:80px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;font-size:19px;font-weight:650;letter-spacing:.03em}.brand img{width:36px;height:36px;object-fit:contain}.main-nav{display:flex;align-items:center;gap:32px}.main-nav a{font-size:14px;line-height:2;color:var(--muted);position:relative}.main-nav a:hover,.main-nav a[aria-current=page]{color:var(--accent)}.main-nav a[aria-current=page]:after{content:"";height:2px;background:var(--accent);position:absolute;bottom:-25px;left:0;right:0}.header-actions{display:flex;align-items:center;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:46px;padding:12px 21px;border:1px solid transparent;border-radius:8px;font-size:14px;font-weight:500;line-height:1.4;white-space:nowrap;transition:background .18s,box-shadow .18s}.primary{background:var(--accent);color:#fff}.primary:hover{background:#115cbd}.button:active{transform:translateY(1px)}.button .anticon{font-size:14px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:#fff}.menu-toggle{display:none}.eyebrow{color:var(--accent);font-size:13px;font-weight:500;letter-spacing:.07em;margin-bottom:22px}.lead{font-size:18px;color:var(--muted);line-height:1.9}.home-hero{padding-block:72px 64px;text-align:center}.hero-copy .lead{max-width:670px;margin:24px auto 32px}.section-heading{margin-bottom:42px;max-width:780px}.section-heading p{font-size:16px;color:var(--muted);margin-top:14px}.business-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.business-item{display:flex;flex-direction:column;padding:28px 0 4px;border-top:2px solid #cdd9e6;transition:border-color .2s}.business-item:hover{border-color:var(--accent)}.item-number{display:block;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums;letter-spacing:.04em;margin-bottom:18px}.business-item h3{margin-bottom:14px;font-size:23px}.business-item p{font-size:15px;color:var(--muted);margin-bottom:28px}.text-link{display:inline-flex;align-items:center;gap:16px;color:var(--accent);font-size:14px;font-weight:500;line-height:1.7;min-height:30px}.business-item .text-link{margin-top:auto}.text-link .anticon{transition:transform .2s}a:hover .anticon{transform:translate(3px)}.approach{display:grid;grid-template-columns:1fr 1.3fr;gap:110px}.approach>div>.text-link{margin-top:30px}.steps>div{display:grid;grid-template-columns:32px 1fr;gap:26px;padding:24px 0;border-bottom:1px solid var(--line)}.steps>div:first-child{padding-top:0}.steps>div:last-child{border:0;padding-bottom:0}.steps>div>span{font-size:12px;color:var(--accent);line-height:30px;font-variant-numeric:tabular-nums}.steps p{font-size:15px;color:var(--muted);margin-top:8px}.page-hero{padding-block:80px 60px;text-align:center;max-width:1000px}.page-hero h1{font-size:clamp(36px,4vw,52px)}.page-hero .lead{max-width:690px;margin:22px auto 0}.page-hero .eyebrow{margin-bottom:18px}.project-picture{min-width:0}.project-picture>img{width:100%;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.project-picture figcaption{font-size:12px;color:var(--muted);margin-top:12px;text-align:right;line-height:1.7}.three-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.three-notes p{font-size:15px;color:var(--muted);margin-top:12px}.site-footer{flex-shrink:0;border-top:1px solid var(--line);padding-block:24px 20px}.footer-brand{font-size:15px}.footer-brand img{width:28px;height:28px}.footer-row{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.footer-contact{border:0;background:none;padding:0;min-height:44px;margin-left:auto}.footer-legal{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;color:var(--muted);font-size:12px}.footer-legal p{line-height:1.7}.icp-link{display:inline-flex;align-items:center;gap:8px;padding:4px 0;line-height:1.7}.icp-link:hover,.footer-contact:hover{color:var(--accent);text-decoration:underline;text-underline-offset:4px}.icp-link .anticon{font-size:12px}.grouped-title span{display:inline-block}.about-contact{margin-top:36px}.skip-link{position:fixed;top:-80px;left:24px;padding:14px 20px;z-index:30;background:#fff;color:var(--accent);border:1px solid var(--accent)}.skip-link:focus{top:8px}.contact-dialog{border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--ink);padding:0;width:min(600px,calc(100% - 32px));max-height:calc(100dvh - 40px);box-shadow:0 28px 100px #15283935}.contact-dialog::backdrop{background:#112c4966;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dialog-inner{padding:36px;position:relative}.dialog-close{position:absolute;top:22px;right:22px;width:36px;height:36px;border:0;background:#f2f5f8}.dialog-inner h2{font-size:28px;padding-right:35px}.dialog-intro{font-size:14px;color:var(--muted);margin-block:10px 26px}.contact-dialog fieldset{border:0;margin:0;padding:0;min-width:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact-dialog label{display:block;font-size:13px;color:var(--ink);margin-bottom:18px;line-height:1.6}.contact-dialog label>span{color:#a14338}.contact-dialog label>.optional{color:var(--muted);font-size:11px;margin-left:5px}.contact-dialog .contact-select{display:block;position:relative;margin-top:7px}.contact-dialog .contact-select select{-moz-appearance:none;appearance:none;-webkit-appearance:none;margin-top:0;padding-right:44px}.contact-select .select-chevron{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--ink);font-size:12px;pointer-events:none}.contact-select select:disabled+.select-chevron{opacity:.45}.contact-dialog input,.contact-dialog select,.contact-dialog textarea{display:block;width:100%;margin-top:7px;border:1px solid #cbd6e1;border-radius:7px;padding:11px 12px;background:#fff;color:var(--ink);font-size:14px;line-height:1.5;min-height:44px}.contact-dialog textarea{resize:vertical;min-height:118px;max-height:250px}.contact-dialog input:focus,.contact-dialog textarea:focus,.contact-dialog select:focus{outline:2px solid #b4d2fa;outline-offset:1px;border-color:var(--accent)}.contact-dialog input::placeholder,.contact-dialog textarea::placeholder{color:#6b7887}.contact-dialog .honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.form-privacy{font-size:12px;color:var(--muted);margin-top:-3px;margin-bottom:18px}.submit-button{width:100%}.form-error{font-size:13px;line-height:1.7;color:#9e302a;background:#fff2f0;padding:12px 14px;border-radius:7px;margin-bottom:16px}.contact-success{text-align:center;padding:24px 0}.contact-success h2{padding:0}.contact-success p{color:var(--muted);font-size:15px;margin:16px auto 26px;max-width:350px}.success-mark{display:inline-flex;background:#eaf2ff;color:var(--accent);border-radius:50%;padding:18px;font-size:24px;margin-bottom:20px}.discard-notice{font-size:12px;padding:12px;background:#f2f5f8;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px;border-radius:7px}.discard-notice>span{width:100%}.discard-notice>button{border:0;background:none;padding:0;color:var(--accent);font-size:12px}@media(min-width:1600px){:root{--container:1280px}.home-hero{padding-block:80px}}@media(max-width:1023px){:root{--gutter:28px}.home-hero{padding-block:60px}.main-nav{gap:22px}.header-inner{gap:18px}.header-actions .button{padding-inline:16px}.brand{font-size:17px}.brand img{width:31px;height:31px}.approach{gap:60px}.section{padding-block:64px}.page-hero{padding-block:60px 42px}.three-notes{gap:32px}}@media(max-width:767px){:root{--gutter:22px}.header-inner{height:70px}.main-nav{display:none;position:absolute;top:69px;left:0;right:0;padding:16px 22px 22px;background:#f9fbfd;border-bottom:1px solid var(--line);box-shadow:0 14px 20px #1528390c}.main-nav.open{display:grid;grid-template-columns:1fr 1fr;gap:6px 22px}.main-nav a{padding:10px 0}.main-nav a[aria-current=page]:after{display:none}.menu-toggle{display:inline-flex;border:0;background:transparent;width:36px}.header-actions{gap:5px}.contact-trigger{min-height:40px;font-size:12px;padding:10px 13px!important}.contact-trigger .anticon{display:none}.brand{font-size:16px;gap:7px}.brand img{width:29px;height:29px}.home-hero{padding-block:52px 40px;text-align:left}.hero-copy h1{font-size:clamp(36px,7.8vw,56px)}.hero-copy .lead{font-size:16px;max-width:25em;margin:20px 0 26px}.eyebrow{font-size:12px;margin-bottom:18px}.section{padding-block:52px}.section-heading{margin-bottom:30px}.section-heading p{font-size:15px}.business-grid,.three-notes{grid-template-columns:1fr;gap:28px}.business-item{padding-top:22px}.business-item h3{font-size:22px}.business-item p{margin-bottom:18px}.item-number{margin-bottom:12px}.approach{grid-template-columns:1fr;gap:38px}.approach>div>.text-link{margin-top:18px}.steps>div{gap:18px}.page-hero{padding-block:52px 38px;text-align:left}.page-hero h1{font-size:36px;max-width:15em}.page-hero .lead{font-size:16px;margin-top:20px}.project-picture figcaption{font-size:11px;text-align:left}.three-notes{gap:28px}.three-notes p{margin-top:8px}.footer-brand{font-size:15px}.site-footer{padding-block:28px}.footer-row{gap:14px 20px}.footer-legal{order:3;flex-basis:100%;gap:4px 20px}.dialog-inner{padding:28px 22px}.dialog-close{top:20px;right:15px}.dialog-inner h2{font-size:25px}.dialog-intro{margin-bottom:22px;font-size:13px}.form-grid{grid-template-columns:1fr;gap:0}.contact-dialog input,.contact-dialog textarea,.contact-dialog select{font-size:16px}.contact-dialog label{margin-bottom:15px}.contact-dialog textarea{min-height:104px}.contact-dialog{max-height:calc(100dvh - 24px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}.service-overview{padding-bottom:64px}.service-overview .three-notes>div{border-top:2px solid var(--line);padding-top:24px}.service-overview h2{font-size:22px;letter-spacing:-.01em}.case-section{padding-block:36px 48px}.case-section>.container>h2{font-size:18px;margin-bottom:18px}.case-reference{border-top:1px solid var(--line);scroll-margin-top:96px}.case-reference summary{display:flex;align-items:center;gap:22px;list-style:none;cursor:pointer;padding-block:20px}.case-reference summary::-webkit-details-marker{display:none}.case-reference summary:focus-visible{outline:3px solid #4d94ee;outline-offset:4px;border-radius:8px}.case-thumbnail{width:112px;height:70px;object-fit:contain;border:1px solid var(--line);border-radius:6px;background:#fff;flex-shrink:0}.case-copy{display:flex;flex-direction:column;gap:5px;min-width:0}.case-copy strong{font-size:16px;font-weight:600;line-height:1.5}.case-copy>span{color:var(--muted);font-size:14px;line-height:1.7}.case-copy small{font-size:11px;line-height:1.6;color:var(--muted)}.case-action{display:flex;gap:12px;align-items:center;margin-left:auto;padding-left:16px;color:var(--accent);font-size:12px;white-space:nowrap}.case-close,.case-reference[open] .case-open{display:none}.case-reference[open] .case-close{display:inline}.case-reference[open] .case-action .anticon{transform:rotate(-90deg)}.case-previews{display:grid;gap:24px;padding-block:4px 24px}@media(max-width:767px){.service-overview{padding-bottom:40px}.service-overview h2{font-size:21px}.service-overview .three-notes>div{padding-top:20px}.case-section{padding-block:28px 32px}.case-reference summary{display:grid;grid-template-columns:64px 1fr;gap:12px;align-items:start}.case-thumbnail{width:64px;height:48px}.case-copy strong{font-size:15px}.case-copy>span{font-size:13px}.case-action{grid-column:2;margin:0;padding:0}}.hero-stage{position:relative;isolation:isolate;--look-x:0deg;--look-y:0deg}.hero-stage .home-hero,.hero-stage .page-hero{position:relative;z-index:1}.hero-content{position:relative}.hero-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;background:#f8fbfe}.hero-ambient{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 0% 75%,#dcecf8 0%,transparent 42%),radial-gradient(ellipse at 100% 20%,#e0efee 0%,transparent 38%)}.hero-readability{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 8%,#f9fbfd55 20%,#f9fbfdf5 34%,#f9fbfdf5 66%,#f9fbfd55 80%,transparent 92%)}.hero-readability:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,#f9fbfd 0%,transparent 22%,transparent 87%,#f9fbfd88 100%)}.hero-object{position:absolute;width:320px;height:260px;top:50%;margin-top:-126px;perspective:1000px}.hero-object--left{left:calc(50% - 760px);transform:rotate(-4deg)}.hero-object--right{right:calc(50% - 740px);transform:rotate(3deg)}.hero-parallax{width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(var(--look-x)) rotateY(var(--look-y));transition:transform .65s cubic-bezier(.2,.65,.3,1)}.hero-float{width:100%;height:100%;display:grid;place-items:center;transform-style:preserve-3d;animation:hero-float 11s ease-in-out infinite;animation-play-state:paused}.hero-object--right .hero-float{animation-name:hero-float-reverse;animation-duration:13s;animation-delay:-4s}.hero-stage[data-motion=paused] .hero-parallax{transition:none}.hero-stage[data-motion=playing] .hero-float{animation-play-state:running}@keyframes hero-float{0%,to{transform:translate3d(0,9px,0) rotate(-2deg)}50%{transform:translate3d(0,-9px,12px) rotate(2deg)}}@keyframes hero-float-reverse{0%,to{transform:translate3d(0,-10px,0) rotate(2deg)}50%{transform:translate3d(0,10px,10px) rotate(-2deg)}}.interface-layers{position:relative;width:286px;height:204px;transform-style:preserve-3d;transform:perspective(900px) rotateX(51deg) rotateY(-8deg) rotate(27deg)}.interface-plane{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid #9fbdd3;border-radius:13px;background:linear-gradient(135deg,#faffff,#e4eff9);box-shadow:0 3px #c5d7e7,0 18px 35px #486f9320}.interface-foundation{transform:translateZ(-38px);background:#edf5fc99;border-style:dashed}.foundation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:22px;height:100%}.foundation-grid i{border:1px solid #c8ddeb;border-radius:6px}.interface-middle{transform:translate3d(12px,-3px,4px);padding:23px;background:linear-gradient(135deg,#f7fdffeb,#ddebf7c9)}.interface-blocks{display:flex;gap:12px;margin-bottom:20px}.interface-blocks i{width:60px;height:38px;border:1px solid #b0ccd9;border-radius:6px;background:#d2e9eb}.interface-rules{display:grid;gap:12px}.interface-rules i{height:6px;width:85%;border-radius:4px;background:#c1d7e8}.interface-rules i:nth-child(2n){width:60%}.interface-front{transform:translate3d(28px,-12px,56px);display:grid;grid-template-columns:56px 1fr;overflow:hidden;background:#fafdff;border-color:#acc7de}.interface-sidebar{border-right:1px solid #d9e6ef;padding:20px 10px;background:#e7f0f8;display:flex;flex-direction:column;gap:15px}.interface-sidebar b{width:18px;height:18px;border-radius:5px;background:#679bcb;margin-bottom:5px}.interface-sidebar i{height:5px;border-radius:3px;background:#b5cce0}.interface-sidebar i:nth-of-type(2){background:#7facca}.interface-body{padding:22px 16px}.interface-heading{display:block;width:86px;height:8px;border-radius:5px;background:#92b1cf;margin-bottom:18px}.interface-tiles{display:flex;gap:8px;margin-bottom:18px}.interface-tiles i{flex:1;height:29px;background:linear-gradient(130deg,#d6e8f7,#eef5fc);border:1px solid #c5d9ec;border-radius:5px}.interface-tiles i:nth-child(2){background:#e1efeb;border-color:#c5dcd5}.interface-table{display:grid;gap:11px}.interface-table>span{display:flex;align-items:center;gap:13px}.interface-table i{width:34px;height:4px;background:#d4e1eb;border-radius:4px}.interface-table b{flex:1;height:4px;background:#d4e1eb;border-radius:4px}.interface-chip{position:absolute;width:112px;height:57px;left:165px;top:132px;border:1px solid #b0cde2;border-radius:9px;background:#f8fdff;box-shadow:0 6px #d5e5f1,0 14px 25px #466b9b18;transform:translateZ(98px);padding:14px;display:grid;grid-template-columns:21px 1fr;gap:7px}.interface-chip i{grid-row:span 2;border-radius:5px;background:#83b2d6}.interface-chip span{height:5px;border-radius:4px;background:#b4cfe2}.document-layers{position:relative;width:216px;height:252px;transform-style:preserve-3d;transform:perspective(1000px) rotateX(23deg) rotateY(-27deg) rotate(-14deg)}.document-sheet{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid #b6ccdd;border-radius:10px;padding:28px 22px;background:linear-gradient(135deg,#fff,#edf5fb);box-shadow:2px 4px #d3e1ec,0 16px 25px #617f9c16;display:flex;flex-direction:column;gap:10px}.document-sheet--back{transform:translate3d(-29px,16px,-34px) rotate(-9deg);background:#e2edf6}.document-sheet--middle{transform:translate3d(-13px,5px,0) rotate(-4deg);background:#f1f7fb}.document-sheet--front{transform:translateZ(40px)}.document-sheet b{width:62%;height:10px;background:#86a8c4;border-radius:4px;margin-bottom:8px}.document-sheet span{width:36%;height:5px;background:#becfdb;border-radius:4px;margin-bottom:12px}.document-sheet i{height:5px;background:#cbdce8;border-radius:4px}.document-sheet i:nth-child(3n){width:72%}.document-sheet em{height:28px;margin-block:4px;border-left:3px solid #6aaca9;background:#e0efeb;border-radius:3px}.document-note{position:absolute;right:-35px;bottom:16px;width:118px;height:83px;padding:15px;background:#e6f2f0;border:1px solid #add1cd;border-radius:8px;box-shadow:0 5px #c4ddda,0 10px 18px #497e8618;transform:translateZ(88px) rotate(8deg);display:grid;gap:7px}.document-note b{width:24px;height:7px;background:#80b5b0;border-radius:4px}.document-note i{height:4px;background:#b2d3cd;border-radius:3px}.document-note i:last-child{width:64%}.document-layers--compact{transform:perspective(900px) rotateX(43deg) rotateY(18deg) rotate(22deg) scale(.8)}.connection-layers{position:relative;width:300px;height:230px;transform-style:preserve-3d;transform:perspective(900px) rotateX(44deg) rotateY(15deg) rotate(-28deg)}.connection-panel{position:absolute;width:130px;height:97px;padding:20px;display:flex;flex-direction:column;gap:10px;border:1px solid #b6cddd;border-radius:10px;background:linear-gradient(135deg,#fff,#e5f0f9);box-shadow:0 5px #ccdeec,0 15px 24px #5272941a}.connection-panel--0{left:10px;top:10px;transform:translateZ(35px)}.connection-panel--1{left:166px;top:42px;transform:translateZ(75px)}.connection-panel--2{left:48px;top:148px;transform:translateZ(10px)}.connection-panel b{width:23px;height:12px;border-radius:4px;background:#82abc9}.connection-panel span{width:85%;height:5px;border-radius:4px;background:#c8dce9}.connection-panel span:nth-child(3){width:60%}.connection-panel i{position:absolute;width:8px;height:8px;border:2px solid #98c4c1;border-radius:50%;top:20px;right:18px}.connection-track{position:absolute;border:2px solid #bbd7e4;border-radius:15px}.connection-track--a{width:160px;height:80px;left:75px;top:55px;transform:translateZ(-6px)}.connection-track--b{width:130px;height:135px;left:90px;top:64px;transform:translateZ(-6px)}.hero-backdrop--home .hero-object--left{transform:scale(1.17) rotate(-3deg);top:53%}.hero-backdrop--home .hero-object--right{transform:scale(1.2) rotate(4deg);top:49%}.hero-backdrop--writing .hero-object--left{left:calc(50% - 720px)}.hero-backdrop--writing .hero-object--right{right:calc(50% - 710px)}.hero-backdrop--games .hero-object--left{transform:scale(.78) rotate(5deg);left:calc(50% - 755px)}.hero-backdrop--games .hero-object--right{transform:scale(1.12);right:calc(50% - 720px)}.hero-backdrop--about .hero-object--left{transform:scale(.85) rotate(4deg)}.hero-backdrop--about .hero-object--right{transform:scale(1.12)}@media(min-width:1700px){.hero-object--left{left:calc(50% - 820px)}.hero-object--right{right:calc(50% - 800px)}}@media(max-width:1100px){.hero-object--left,.hero-backdrop--writing .hero-object--left,.hero-backdrop--games .hero-object--left{left:-140px}.hero-object--right,.hero-backdrop--writing .hero-object--right,.hero-backdrop--games .hero-object--right{right:-140px}.hero-readability{background:linear-gradient(90deg,#f9fbfd22,#f9fbfde8 24%,#f9fbfdf5 36%,#f9fbfdf5 64%,#f9fbfde8 76%,#f9fbfd22)}}@media(max-width:767px){.hero-stage .home-hero,.hero-stage .page-hero{padding-bottom:136px}.hero-object--left,.hero-backdrop--writing .hero-object--left,.hero-backdrop--games .hero-object--left{display:none}.hero-object--right,.hero-backdrop--writing .hero-object--right,.hero-backdrop--games .hero-object--right{top:auto;bottom:-90px;right:-30px;margin:0;transform:scale(.68);transform-origin:100% 0}.hero-ambient{background:radial-gradient(ellipse at 90% 100%,#dfedf7,transparent 65%)}.hero-readability{background:linear-gradient(180deg,#f9fbfdf2 0%,#f9fbfdf2 55%,#f9fbfd99 70%,transparent 100%)}.hero-readability:after{background:linear-gradient(0deg,#f9fbfd 0%,transparent 15%)}.hero-float{animation-duration:16s}.hero-object--right .hero-float{animation-duration:18s}}@media(prefers-reduced-motion:reduce){.hero-float{animation:none!important;transform:none}.hero-parallax{transform:none!important;transition:none!important}}