@charset "UTF-8";:root{--bg:#f8f9fc;--ink:#293e7c;--muted:#596580;--line:#d6dcea;--accent:#e8752a;--panel:#e9edf6;--white:#fff;--dark:#18274e;color-scheme:light}html[data-theme=dark]{--bg:#111a30;--ink:#e7edff;--muted:#aab8d6;--line:#33415f;--accent:#ff954d;--panel:#1c2944;--white:#17233d;--dark:#0c1425;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,select,textarea{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:6px}.skip{position:fixed;left:20px;top:-100px;z-index:100;background:var(--bg);padding:15px}.skip:focus{top:10px}header{height:112px;display:flex;align-items:center;gap:32px;padding:20px 5%;border-bottom:1px solid var(--line);background:var(--bg)}.brand{width:172px;display:block}.brand img{width:100%;display:block}.dark-logo{display:none!important}[data-theme=dark] .light-logo{display:none}[data-theme=dark] .dark-logo{display:block!important}nav{margin-left:auto;display:flex;align-items:center;gap:35px;font-size:14px}.nav-contact{border-bottom:1px solid;padding-bottom:5px}#theme{border:1px solid var(--line);background:none;color:var(--ink);border-radius:50%;width:42px;height:42px;font-size:25px}.hero{padding:52px 5% 0;position:relative;overflow:hidden;min-height:790px}.eyebrow{font-size:11px;letter-spacing:1.5px;font-weight:600}.hero .eyebrow{display:flex;gap:10px;align-items:center}.eyebrow>span{height:7px;width:7px;background:var(--accent);border-radius:50%}h1,h2,h3,p{margin:0}h1{font-size:clamp(58px,7.4vw,114px);line-height:1.02;letter-spacing:-6px;font-weight:500;margin:42px 0 34px;position:relative;z-index:2;pointer-events:none}em{font-family:Georgia,serif;font-weight:400}h1 em{color:var(--accent)}.hero-bottom{display:flex;gap:55px;align-items:center;position:relative;z-index:2;width:51%}.hero-bottom p{font-size:18px;line-height:1.65}.round-link{display:flex;gap:25px;align-items:center;font-size:13px}.round-link b{border:1px solid var(--ink);border-radius:50%;width:52px;height:52px;display:grid;place-items:center;font-size:26px;font-weight:400}.playground{position:absolute;right:2%;top:150px;width:43%;height:480px}.orbit{position:absolute;inset:15px 15px 20px;border:1px solid var(--line);border-radius:50%;transform:rotate(-20deg)}.orbit:after{content:'';position:absolute;inset:40px -25px;border:1px solid var(--line);border-radius:50%;transform:rotate(60deg)}.order{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);border:0;background:var(--white);color:var(--ink);width:190px;height:190px;border-radius:50%;box-shadow:0 15px 70px #293e7c12;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;z-index:2;font-size:12px}.i-mark{height:78px;width:32px;display:block;transform:rotate(8deg)}.i-mark i{display:block;background:var(--accent);height:26px;clip-path:polygon(0 0,100% 0,100% 70%,0 100%);border-radius:3px}.i-mark i+i{height:48px;margin-top:4px;background:var(--ink);clip-path:polygon(0 20%,100% 0,100% 100%,0 100%)}.chip{position:absolute;z-index:3;white-space:nowrap;padding:12px 18px;background:var(--white);border:1px solid var(--line);box-shadow:0 8px 25px #293e7c08;font-size:13px;transition:top .8s,left .8s,transform .8s;pointer-events:none}.c1{top:12%;left:9%;transform:rotate(-12deg)}.c2{top:23%;left:55%;transform:rotate(8deg)}.c3{top:66%;left:3%;transform:rotate(-7deg)}.c4{top:77%;left:50%;transform:rotate(13deg)}.c5{top:48%;left:60%;transform:rotate(-5deg)}.ordered .chip{left:50%;transform:translateX(-50%);border-color:var(--accent)}.ordered .c1{top:0}.ordered .c2{top:11%}.ordered .c3{top:65%}.ordered .c4{top:76%}.ordered .c5{top:87%}.ordered .order{top:43%}.play-caption{position:absolute;bottom:-45px;left:0;right:0;text-align:center;font-size:11px;color:var(--muted)}.hero-foot{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:22px 0;font-size:10px;letter-spacing:1.5px;margin-top:128px}.section{padding:90px 7%;scroll-margin-top:15px}.section-top{display:flex;justify-content:space-between;gap:30px;margin-bottom:45px}.section-top p{font-size:14px;color:var(--muted)}.section-top>span:last-child:not(:first-child){font-size:10px;letter-spacing:1px}h2{font-size:clamp(38px,4.9vw,74px);line-height:1.12;font-weight:500;letter-spacing:-2.5px;margin-bottom:45px}.chooser{background:var(--panel)}.choices{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.choices button{border:0;border-right:1px solid var(--line);background:transparent;color:var(--ink);padding:30px;text-align:left;font-size:clamp(20px,2.4vw,34px);line-height:1.2;position:relative}.choices button:last-child{border:0}.choices button span{position:absolute;right:22px;bottom:25px}.choices button[aria-pressed=true]{background:var(--ink);color:var(--bg)}.choice-answer{display:flex;align-items:center;justify-content:space-between;gap:50px;padding-top:35px;min-height:200px}.choice-answer>div{max-width:620px}h3{font-size:27px;font-weight:500;line-height:1.2}.choice-answer h3{margin:10px 0}.choice-answer p{color:var(--muted);font-size:15px}.text-link{white-space:nowrap;border-bottom:1px solid;padding-bottom:8px;font-size:14px}.service{display:grid;grid-template-columns:50px 1fr 1.2fr 40px;gap:30px;padding:42px 0;border-top:1px solid var(--line)}.number{font-size:12px;color:var(--muted)}.service h3{font-size:35px;letter-spacing:-1px}.service p{font-size:16px;max-width:510px}.service ul{padding:0;list-style:none;color:var(--muted);font-size:13px;margin:20px 0 0}.service li{padding:6px 0;border-bottom:1px solid var(--line)}.service>a{font-size:34px}.method{background:var(--ink);color:var(--bg)}.method h2{margin-top:35px}.method h2 em{color:var(--accent)}.method-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.method-intro{font-size:24px;line-height:1.5;max-width:440px}.method article{display:flex;gap:25px;padding:24px 0;border-top:1px solid #8898bc66}.method article>span{font-size:11px;padding-top:5px}.method article p{font-size:14px;margin-top:12px;opacity:.8}.contact{display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact h2{font-size:clamp(38px,4.3vw,64px);margin-top:30px;margin-bottom:25px}.contact p{max-width:420px;color:var(--muted)}.email{display:inline-block;font-size:20px;border-bottom:1px solid;padding-bottom:6px;margin-top:30px}.location{font-size:12px;margin-top:22px}form{padding-top:20px;display:flex;flex-direction:column;gap:12px}label{font-size:13px}select,textarea{width:100%;padding:15px;border:1px solid var(--line);background:var(--white);color:var(--ink);border-radius:0;margin-bottom:12px}textarea{resize:vertical}.submit{border:0;background:var(--ink);color:var(--bg);padding:18px 22px;text-align:left;display:flex;justify-content:space-between}.form-note{font-size:11px;line-height:1.7}#form-status{font-size:13px}footer{margin:0 5%;padding:30px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:25px;font-size:12px}footer>span:first-child{font-weight:600}@media(min-width:1500px){body{max-width:1800px;margin:auto}}@media(max-width:900px){nav{gap:20px}.hero{min-height:auto}h1{letter-spacing:-4px;font-size:80px}.playground{position:relative;width:100%;max-width:550px;top:auto;right:auto;margin:45px auto 80px}.hero-bottom{width:100%;justify-content:space-between}.hero-foot{margin-top:0}.method-grid{gap:40px}.contact{gap:35px}.service{grid-template-columns:25px 1fr 1.4fr 25px;gap:15px}.service h3{font-size:28px}.choice-answer{gap:20px}}@media(max-width:600px){header{height:95px;padding:15px 6%;gap:16px}.brand{width:130px}nav a:not(.nav-contact){display:none}nav{margin-left:auto;font-size:12px}#theme{width:36px;height:36px;flex-shrink:0}.hero{padding:35px 6% 0}.eyebrow{font-size:9px;letter-spacing:1px}h1{font-size:57px;letter-spacing:-3px;margin-top:30px}.hero-bottom p{font-size:14px}.round-link{gap:10px;font-size:11px}.round-link b{width:38px;height:38px}.playground{height:390px;margin-top:25px}.chip{font-size:10px;padding:10px}.c2{left:48%}.c5{left:42%}.c4{left:44%}.order{width:155px;height:155px}.hero-foot{font-size:8px;letter-spacing:.5px}.section{padding:60px 6%}.section-top{display:block;margin-bottom:25px}.section-top p{margin-top:18px}.section-top>span:last-child:not(:first-child){display:block;margin-top:15px}h2{letter-spacing:-1.7px}.choices{grid-template-columns:1fr}.choices button{font-size:24px;padding:22px;border:0;border-bottom:1px solid var(--line)}.choices br{display:none}.choice-answer{display:block}.text-link{display:inline-block;margin-top:25px}.service{grid-template-columns:25px 1fr 25px;padding:30px 0}.service>div{grid-column:2;grid-row:2}.service>a{grid-column:3;grid-row:1}.service h3{font-size:30px}.service p{font-size:14px}.method-grid,.contact{grid-template-columns:1fr;gap:30px}.method-intro{font-size:20px}.contact h2{font-size:44px}footer{flex-wrap:wrap}footer>span:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* The scattered notes become a circular constellation. */
.chip{transition:top .8s,left .8s,transform .8s,border-radius .8s,width .8s,height .8s}.ordered .chip{width:110px;height:110px;border-radius:50%;white-space:normal;text-align:center;display:grid;place-items:center;padding:15px;line-height:1.35;font-size:12px;transform:translate(-50%,-50%)}.ordered .c1{left:50%;top:7%}.ordered .c2{left:84%;top:34%}.ordered .c3{left:72%;top:78%}.ordered .c4{left:28%;top:78%}.ordered .c5{left:16%;top:34%}.ordered .order{top:43%}.legal-footer{display:flex;justify-content:center;flex-wrap:wrap;gap:15px 28px;padding:22px 6%;font-size:12px;color:var(--muted);border-top:1px solid var(--line)}.legal-footer a{text-decoration:underline;text-underline-offset:4px}.legal-page{max-width:900px;padding:65px 6%;margin:auto}.legal-page h1{font-size:clamp(42px,6vw,70px);letter-spacing:-2px}.legal-page h2{font-size:26px;letter-spacing:-.5px;margin:35px 0 15px}.legal-page p{margin:15px 0}.legal-page a{text-decoration:underline}.legal-page dt{font-weight:700;margin-top:20px}.legal-page dd{margin:5px 0}.draft-note{padding:20px;background:var(--panel);margin-top:30px;font-size:14px}.legal-page .submit{margin-top:20px}@media(max-width:600px){.ordered .chip{width:85px;height:85px;font-size:10px;padding:10px}.ordered .c2{left:85%}.ordered .c5{left:15%}}
/* Five independent orbital paths; ordering removes motion and reveals circles. */
.playground{--orbit-x:190px;--orbit-y:175px}.playground:not(.ordered) .chip{left:50%;top:45%;animation:indigo-orbit 36s linear infinite;transform:translate(-50%,-50%)}.playground:not(.ordered) .c1{animation-delay:0s}.playground:not(.ordered) .c2{animation-delay:-7.2s}.playground:not(.ordered) .c3{animation-delay:-14.4s}.playground:not(.ordered) .c4{animation-delay:-21.6s}.playground:not(.ordered) .c5{animation-delay:-28.8s}@keyframes indigo-orbit{0%{transform:translate(-50%,-50%) translate(var(--orbit-x),0)}25%{transform:translate(-50%,-50%) translate(0,var(--orbit-y))}50%{transform:translate(-50%,-50%) translate(calc(-1 * var(--orbit-x)),0)}75%{transform:translate(-50%,-50%) translate(0,calc(-1 * var(--orbit-y)))}100%{transform:translate(-50%,-50%) translate(var(--orbit-x),0)}}
@supports(offset-path:ellipse(40% 40% at 50% 45%)){.playground:not(.ordered) .chip{left:0;top:0;offset-path:ellipse(35% 38% at 50% 45%);offset-rotate:0deg;transform:none;animation-name:indigo-path}@keyframes indigo-path{to{offset-distance:100%}}}
@media(max-width:600px){.playground{--orbit-x:110px;--orbit-y:145px}.playground:not(.ordered) .chip{max-width:130px;white-space:normal;text-align:center}}
@media(prefers-reduced-motion:reduce){.playground:not(.ordered) .chip{animation:none!important;offset-path:none;left:50%;top:45%}.playground:not(.ordered) .c1{transform:translate(-50%,-50%) translateY(-140px)}.playground:not(.ordered) .c2{transform:translate(-50%,-50%) translate(100px,-45px)}.playground:not(.ordered) .c3{transform:translate(-50%,-50%) translate(80px,110px)}.playground:not(.ordered) .c4{transform:translate(-50%,-50%) translate(-80px,110px)}.playground:not(.ordered) .c5{transform:translate(-50%,-50%) translate(-100px,-45px)}}
form input{width:100%;padding:15px;border:1px solid var(--line);background:var(--white);color:var(--ink);border-radius:0}form input:focus-visible{outline:3px solid var(--accent)}.trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}#refresh-captcha{align-self:flex-start;background:none;border:0;color:var(--ink);text-decoration:underline;padding:5px 0 15px}.submit:disabled{opacity:.6;cursor:wait}
.playground .chip{width:110px;height:110px;border-radius:50%;white-space:normal;text-align:center;display:grid;place-items:center;padding:15px;line-height:1.35;font-size:12px}.playground:not(.ordered) .chip{border-color:var(--line)}
@media(max-width:600px){.playground .chip{width:85px;height:85px;font-size:10px;padding:10px}}
.i-mark{transition:transform .65s cubic-bezier(.2,.8,.2,1)}.ordered .i-mark{transform:rotate(0deg)}
/* Flash is on a pseudo-element so it does not replace orbital motion. */
.chip:after{content:'';position:absolute;inset:0;border-radius:inherit;background:var(--accent);opacity:0;pointer-events:none}.chip.text-flash:after{animation:text-flash .6s ease-out}@keyframes text-flash{0%{opacity:0}18%{opacity:.38}100%{opacity:0}}
.playground.restarting .chip{animation-play-state:running!important}
@media(prefers-reduced-motion:reduce){.i-mark{transition:none}.chip.text-flash:after{animation:none}}
/* Larger text in both orbiting and ordered circles. */
.playground .chip,.ordered .chip{width:128px;height:128px;font-size:15px;line-height:1.3;padding:14px;font-weight:500}
@media(max-width:600px){.playground .chip,.ordered .chip{width:100px;height:100px;font-size:12px;line-height:1.3;padding:10px}h1{font-size:clamp(44px,10vw,57px)}}
/* Consistent lightweight arrows on mobile, independent of system fonts. */
@media(max-width:600px){
.round-link b{border:0;border-radius:0;width:26px;height:26px;font-size:0;display:block;position:relative}
.round-link b:after,.choices button span:after,.service>a:after,.submit span:after{content:'';display:block;width:19px;height:19px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 19 19 5M6 5h13v13' fill='none' stroke='black' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 19 19 5M6 5h13v13' fill='none' stroke='black' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.round-link b:after{transform:rotate(90deg);position:absolute;top:3px;left:3px}.choices button span,.service>a,.submit span{font-size:0}.service>a{min-width:32px;min-height:44px;display:flex;align-items:center;justify-content:center}.submit span{display:flex;align-items:center}
}
@media(max-width:600px){.inline-arrow{display:inline-block;width:16px;height:16px;vertical-align:-3px;font-size:0;line-height:0;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 19 19 5M6 5h13v13' fill='none' stroke='black' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 19 19 5M6 5h13v13' fill='none' stroke='black' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}.inline-arrow.arrow-reset{transform:rotate(-45deg)}.inline-arrow.arrow-up{transform:rotate(-45deg)}.inline-arrow.arrow-se{transform:rotate(90deg)}}

@media(max-width:600px){.nav-contact,#order-label,.text-link,.email{white-space:nowrap}.inline-arrow{margin-left:2px}}