/* Presentation-only architecture story; original logo artwork is untouched. */
.solution-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:36px 0 20px}.solution-lane{border:1px solid #e3dfeb;border-radius:24px;padding:34px;position:relative;overflow:hidden;background:#fff}.lane-fb{background:linear-gradient(145deg,#fffaf2,#fff2dc);border-color:#efd5aa}.lane-org{background:linear-gradient(145deg,#faf8ff,#ece6fc);border-color:#d8ccef}.lane-top{display:flex;align-items:center;gap:12px;margin-bottom:26px}.lane-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:#fff9}.lane-icon svg{width:29px;height:29px}.lane-fb .lane-icon{color:#8c4b05}.lane-org .lane-icon{color:#6845ad}.lane-label{font-size:10px;font-weight:800;letter-spacing:1.5px}.solution-lane h3{font-size:29px;letter-spacing:-1px;line-height:1.25;margin:0 0 15px}.solution-lane>p{font-size:15px;line-height:1.8;max-width:43ch;color:#53556a}.lane-example{padding:20px 0;margin:18px 0;border-top:1px solid #7c78832b;border-bottom:1px solid #7c78832b;display:flex;flex-direction:column;gap:10px}.lane-example small{font-size:10px;letter-spacing:1.8px;color:#757080}.lane-example strong{font-size:19px;line-height:1.6;letter-spacing:-.3px}.lane-example>span{font-size:12px;color:#6d6676;line-height:1.7}.solution-lane ul{padding:0;list-style:none;margin:20px 0 24px;font-size:13px;line-height:2.2;color:#3d4052}.solution-lane li:before{content:'✓';margin-right:9px;font-weight:800}.shared-bridge{display:flex;align-items:center;gap:18px;padding:23px 28px;background:#f4f3f8;border-radius:18px}.shared-bridge>span{width:42px;flex:0 0 42px;color:#665599}.shared-bridge svg{width:38px}.shared-bridge strong{font-size:16px}.shared-bridge p{font-size:13px;line-height:1.7;margin:7px 0 0;max-width:74ch;color:#66657a}.shared-bridge>a{white-space:nowrap;margin-left:auto;font-size:13px;font-weight:800;color:#5e40ac}
.system-story{padding:90px 0 80px;background:#f4f1fa;scroll-margin-top:90px}.system-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:end;margin-bottom:38px}.system-intro h2{font-size:clamp(34px,4vw,54px);line-height:1.15;letter-spacing:-2px;margin:16px 0 0;color:#192135}.system-intro h2>span{color:#7452c4}.system-intro>p{font-size:16px;line-height:1.9;color:#666276;margin:0;max-width:50ch}.flow-board{background:#11182d;color:#eef0fa;border:1px solid #30364c;border-radius:27px;overflow:hidden;box-shadow:0 30px 70px #1810331a}.flow-toolbar{display:flex;justify-content:space-between;align-items:center;padding:19px 24px;border-bottom:1px solid #ffffff12;gap:15px}.flow-tabs{display:flex;background:#ffffff09;padding:4px;border:1px solid #ffffff10;border-radius:13px;gap:4px}.flow-tabs button{font:inherit;font-size:12px;font-weight:750;border:0;color:#aeb4cb;background:none;border-radius:9px;padding:11px 16px;cursor:pointer}.flow-tabs button[aria-selected=true]{background:#ffcb82;color:#382714;box-shadow:0 2px 7px #0003}.flow-board[data-flow=orgflow] .flow-tabs button[aria-selected=true]{background:#cbb5ff;color:#332250}.flow-pause{border:0;background:none;font:inherit;color:#a7b0ca;font-size:11px;cursor:pointer;display:flex;gap:12px;align-items:center;padding:10px}.flow-scenario{padding:33px 38px 15px}.scenario-tag{display:inline-block;font-size:9px;letter-spacing:2px;color:#8c99b6}.flow-scenario h3{font-size:clamp(18px,2.4vw,29px);letter-spacing:-.6px;line-height:1.5;color:#fff;margin:12px 0 8px}.flow-scenario p{color:#8e9ab6;font-size:13px;margin:0}.flow-steps{margin:34px 38px 28px;padding:0;list-style:none;display:grid;grid-template-columns:repeat(5,1fr);gap:22px;position:relative}.flow-steps>li{position:relative;min-width:0}.flow-steps>li:not(:last-child):after{content:'';position:absolute;top:72px;left:calc(100% + 3px);width:16px;height:2px;background:repeating-linear-gradient(to right,#7180a1 0 3px,transparent 3px 6px);background-size:12px 2px;animation:link-travel 1s linear infinite}.flow-steps>li:not(:last-child):before{content:'';position:absolute;z-index:1;top:69px;right:-17px;width:6px;height:6px;transform:rotate(-45deg);border-right:1px solid #92a4c9;border-bottom:1px solid #92a4c9}.flow-step{width:100%;height:178px;text-align:left;padding:15px 16px;background:#ffffff05;border:1px solid #ffffff16;border-radius:17px;color:#adb7d0;font:inherit;cursor:pointer;transition:background .25s,border-color .25s,transform .25s;position:relative}.flow-step:hover{border-color:#a99cce;transform:translateY(-3px)}.flow-step-number{font-size:10px;color:#77849f;letter-spacing:1.5px}.flow-step-icon{display:block;width:34px;height:34px;margin:19px 0 12px;color:#8393b4}.flow-step-icon svg{width:34px;height:34px}.flow-step strong{display:block;font-size:12px;line-height:1.6;font-weight:700;min-height:20px}.flow-step small{display:block;font-size:10px;color:#7988a7;margin-top:5px;line-height:1.5}.flow-step.is-current{background:#ffca7911;border-color:#ffcb82;color:#ffe0ad;box-shadow:0 0 30px #ffcb8208}.flow-step.is-current .flow-step-icon{color:#ffcb82}.flow-step.is-current .flow-step-number{color:#ffc67d}.flow-board[data-flow=orgflow] .flow-step.is-current{background:#b693ff13;border-color:#bb9eea;color:#e4d6ff}.flow-board[data-flow=orgflow] .flow-step.is-current .flow-step-icon,.flow-board[data-flow=orgflow] .flow-step.is-current .flow-step-number{color:#c5aaff}.flow-explain{margin:0 38px 30px;padding:22px 25px;background:#ffffff06;border-radius:16px;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:130px}.flow-explain>div{display:flex;gap:21px;align-items:center}.flow-detail-number{font-size:38px;font-weight:400;color:#46506d;letter-spacing:-2px;min-width:45px}.flow-detail-tag{font-size:9px;letter-spacing:1.5px;color:#8995b0}.flow-explain h4{color:#f5f3fc;font-size:16px;line-height:1.5;margin:8px 0 6px}.flow-explain p{color:#9eabc6;font-size:12px;line-height:1.8;margin:0;max-width:70ch}.flow-signal{display:flex;gap:5px;flex-shrink:0}.flow-signal i{height:5px;width:5px;border-radius:50%;background:#9a85bd;animation:signal 1.8s infinite}.flow-signal i:nth-child(2){animation-delay:.2s}.flow-signal i:nth-child(3){animation-delay:.4s}.flow-footnote{border-top:1px solid #ffffff0c;padding:15px 38px 18px;display:flex;justify-content:space-between;gap:20px;font-size:9px;line-height:1.8;color:#8994ad}.beyond-reply{margin-top:48px}.beyond-reply>div{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.beyond-reply article{padding-top:16px;border-top:1px solid #d7cfe7}.beyond-reply article>span{font-size:9px;letter-spacing:1.6px;color:#8b759f}.beyond-reply h3{font-size:19px;line-height:1.5;color:#302443;letter-spacing:-.5px;margin:13px 0 9px}.beyond-reply p{font-size:13px;line-height:1.8;color:#70657f;margin:0}
.cloud-section{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.cloud-copy h2{font-size:clamp(30px,3.5vw,44px);line-height:1.2;letter-spacing:-1.5px;margin:18px 0}.cloud-copy>p:not(.eyebrow){font-size:14px;color:#6a6577;line-height:1.9}.cloud-principles{display:grid;gap:19px;margin-top:29px}.cloud-principles>div{display:flex;align-items:start;gap:15px}.cloud-principles svg{height:26px;width:26px;color:#5f5484;flex-shrink:0}.cloud-principles strong{display:block;color:#393046;font-size:14px}.cloud-principles small{display:block;font-size:12px;line-height:1.8;color:#777085;margin-top:4px}.cloud-copy .cloud-policy{font-size:11px!important;border-top:1px solid #eee8f3;padding-top:17px;margin-top:24px}.cloud-visual{background:linear-gradient(150deg,#131e35,#262443);color:#fff;border-radius:25px;padding:26px;overflow:hidden;position:relative}.cloud-visual-head{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:1px;color:#d7dbeb}.cloud-mini-mark svg{width:34px;height:34px;color:#9db5db}.cloud-visual-head small{font-size:9px;color:#8591ae;letter-spacing:0;display:inline-block;margin-top:5px}.cloud-pill{font-size:8px;letter-spacing:1px;margin-left:auto;color:#b8b8db;border:1px solid #6b6584;border-radius:20px;padding:6px 8px;white-space:nowrap}.server-illustration{position:relative;height:240px;display:grid;place-items:center}.server-orbit{position:absolute;left:50%;top:50%;width:255px;height:155px;border:1px solid #93acdb21;border-radius:50%;transform:translate(-50%,-50%) rotate(-20deg);box-shadow:0 0 0 25px #8b76a508,0 0 0 50px #8b76a505}.server-layer{position:absolute;width:184px;height:67px;border-radius:13px;background:linear-gradient(140deg,#8599bd,#34425f);border:1px solid #a5bed365;box-shadow:0 20px 35px #0003;transform:rotate(-9deg) skewX(7deg);padding:15px;display:flex;align-items:center;gap:7px}.layer-back{top:60px;left:calc(50% - 103px);opacity:.65}.layer-front{top:102px;left:calc(50% - 83px);background:linear-gradient(130deg,#bac6df,#687ea1);z-index:1}.server-layer>span{width:85px;height:13px;border-radius:4px;background:repeating-linear-gradient(90deg,#2a3a56 0 3px,transparent 3px 6px);margin-right:auto}.server-layer>i{width:5px;height:5px;border-radius:50%;background:#c5fff4;box-shadow:0 0 12px #b1fff3;animation:signal 2.2s ease-in-out infinite}.server-layer>i:last-child{animation-delay:.5s}.server-link{position:absolute;font-size:9px;letter-spacing:1.5px;color:#a5b5d2;padding:6px 9px;background:#192238;border:1px solid #6e779f60;border-radius:7px;z-index:2}.sl-left{left:6%;top:72px}.sl-right{right:0;top:164px}.sl-bottom{left:28%;bottom:20px}.cloud-resources{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border-top:1px solid #ffffff1a;padding-top:23px}.cloud-resources strong{font-size:34px;letter-spacing:-1.5px;font-weight:600;color:#eef1fe}.cloud-resources strong span{font-size:10px;letter-spacing:0;color:#b6bed5;margin-left:3px}.cloud-resources small{display:block;font-size:10px;color:#9da9c4;margin-top:7px}.cloud-resource-note{font-size:9px;line-height:1.7;color:#8d99b5;margin:22px 0 0}
.flow-board.is-paused *,.system-story.motion-reduced *{animation-play-state:paused!important}.flow-step:focus-visible,.flow-tabs button:focus-visible,.flow-pause:focus-visible{outline:3px solid #b8a3ff;outline-offset:4px}
@keyframes link-travel{to{background-position:12px 0}}@keyframes signal{0%,100%{opacity:.35}50%{opacity:1}}
@media(min-width:1000px){.site-header nav a{font-size:11px}.site-header nav{gap:18px}}
@media(max-width:1000px){.flow-steps{gap:14px;margin-left:24px;margin-right:24px}.flow-step{padding:13px 10px;height:175px}.flow-step strong{font-size:11px}.flow-steps>li:not(:last-child):after{width:9px}.flow-steps>li:not(:last-child):before{right:-11px}.cloud-section{gap:32px}.flow-tabs button{font-size:11px;padding:10px}.solution-lane{padding:25px}.lane-label{font-size:9px}.system-intro{gap:30px}}
@media(max-width:700px){.solution-pair,.cloud-section,.system-intro{grid-template-columns:1fr}.solution-pair{gap:17px;margin-top:26px}.solution-lane{padding:25px}.solution-lane h3{font-size:26px}.lane-top{margin-bottom:20px}.lane-example strong{font-size:18px}.shared-bridge{padding:20px;gap:12px;flex-wrap:wrap}.shared-bridge>div{flex:1;min-width:180px}.shared-bridge>a{margin:3px 0 0 54px}.system-story{padding:55px 0}.system-intro{gap:20px}.system-intro h2{letter-spacing:-1.2px;font-size:38px}.system-intro>p{font-size:14px}.flow-board{border-radius:20px}.flow-toolbar{padding:14px;align-items:stretch;flex-direction:column;gap:6px}.flow-tabs{width:100%}.flow-tabs button{flex:1;font-size:10px;line-height:1.7;padding:10px 7px}.flow-pause{justify-content:flex-end;padding:8px 4px;font-size:10px}.flow-scenario{padding:20px 22px 0}.flow-scenario h3{font-size:20px}.flow-scenario p{font-size:11px}.flow-steps{display:flex;flex-direction:column;gap:12px;margin:24px 22px}.flow-step{height:auto;min-height:82px;display:grid;grid-template-columns:24px 35px 1fr;column-gap:12px;align-items:center;padding:14px}.flow-step-number{grid-column:1;grid-row:1/3;font-size:9px}.flow-step-icon{margin:0;grid-column:2;grid-row:1/3;width:28px;height:28px}.flow-step-icon svg{width:28px;height:28px}.flow-step strong{grid-column:3;grid-row:1;font-size:12px;min-height:0}.flow-step small{grid-column:3;grid-row:2;font-size:10px;margin-top:3px}.flow-steps>li:not(:last-child):after{left:41px;top:calc(100% + 2px);width:2px;height:8px;background:repeating-linear-gradient(to bottom,#7180a1 0 3px,transparent 3px 6px);background-size:2px 12px;animation:none}.flow-steps>li:not(:last-child):before{display:none}.flow-explain{margin:0 14px 20px;padding:18px 16px;min-height:156px}.flow-explain>div{gap:12px;align-items:start}.flow-detail-number{font-size:29px;min-width:32px;margin-top:18px}.flow-explain h4{font-size:14px}.flow-explain p{font-size:11px}.flow-detail-tag{font-size:8px}.flow-signal{display:none}.flow-footnote{padding:14px 22px;flex-direction:column;gap:5px;font-size:9px}.beyond-reply{margin-top:35px}.beyond-reply>div{grid-template-columns:1fr;gap:23px}.beyond-reply h3{font-size:19px}.cloud-section{gap:30px}.cloud-copy h2{font-size:34px}.cloud-visual{padding:22px}.cloud-resources strong{font-size:29px}.cloud-resources small{font-size:9px}.cloud-resources strong span{font-size:9px}.server-illustration{height:222px}.cloud-pill{font-size:7px}.server-layer{width:164px}.sl-right{right:-5px}.cloud-visual-head{font-size:10px}.system-intro .eyebrow{font-size:9px}}
@media(prefers-reduced-motion:reduce){.system-story *,.cloud-section *{animation:none!important;transition:none!important}.flow-step:hover{transform:none}}