/* Build 0003: original illustrated brand experience. */
.experience{color:#173b52;background:#f5f8fb}.experience-main{max-width:none;margin:0;padding:0}.wrap{max-width:1320px;margin:auto;padding-left:48px;padding-right:48px}.experience h1{font-size:clamp(44px,5.2vw,74px);line-height:1.06;letter-spacing:-3.5px}.experience h2{font-size:clamp(32px,3.7vw,52px);line-height:1.1}.experience em{font-style:normal;color:#a8bcff}.kicker{font-size:11px;font-weight:800;letter-spacing:1.7px;margin-bottom:22px}.stage,.learn-stage{background:radial-gradient(ellipse at 80% 45%,#273778,transparent 55%),linear-gradient(120deg,#0c243c,#141b3e);color:white;overflow:hidden}.stage-grid,.learn-stage-grid{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:22px;padding-top:64px;padding-bottom:45px}.stage-intro,.learn-stage p:not(.kicker):not(.draft-small){font-size:19px;color:#d1dceb;max-width:540px}.stage-art img,.learn-stage img{display:block;width:100%;height:auto}.stage-art{min-width:0}.art-caption{text-align:center;font-size:9px;letter-spacing:2px;color:#c4c9e7}.stage-search{background:#fff;color:#173b52;border-radius:14px;padding:22px;margin:28px 0 20px;box-shadow:0 15px 50px #0003}.stage-search .search>div{display:flex;gap:8px}.stage-search input{min-width:0;width:100%;background:#f1f5fa}.stage-search button{white-space:nowrap;background:linear-gradient(110deg,#155a81,#6a0bbd);padding:14px 18px}.stage-search label{font-size:14px}.stage-search p{font-size:11px;margin-bottom:0}.stage-learn{font-size:13px;color:#d8e2ff}.stage-bottom{display:flex;justify-content:space-between;padding-top:23px;padding-bottom:25px;border-top:1px solid #ffffff24;font-size:10px;letter-spacing:2px;color:#b9c9e5}.tiny-cube{display:inline-block;width:9px;height:9px;background:#10de70;transform:rotate(30deg);margin-right:9px}.arrival{padding-top:90px;padding-bottom:90px}.section-intro p:not(.kicker){color:#526879}.arrival-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.arrival-grid>a{position:relative;display:block;padding:42px;border-radius:6px;overflow:hidden;transition:transform .2s}.arrival-grid>a:hover{transform:translateY(-4px);text-decoration:none}.arrival-start{background:#e2edf8}.arrival-learn{background:#eae2f5;color:#40256b}.path-label{display:block;font-size:10px;font-weight:800;letter-spacing:1.5px;margin-bottom:30px}.arrival-grid h3{font-size:36px;letter-spacing:-1.5px;line-height:1.1}.arrival-grid p{max-width:340px;color:#445e74}.path-link{display:block;font-size:13px;font-weight:700;margin-top:28px}.arrival-arrow{position:absolute;right:35px;top:72px;font-size:55px;font-weight:400;opacity:.5}.product-story{color:white;overflow:hidden}.violet{background:radial-gradient(ellipse at 20% 50%,#6025a0,transparent 65%),#271349}.cobalt{background:radial-gradient(ellipse at 75% 45%,#175a9d,transparent 65%),#0c2d54}.orchid{background:radial-gradient(ellipse at 20% 50%,#76285f,transparent 65%),#361736}.deep-teal{background:radial-gradient(ellipse at 75% 50%,#125653,transparent 65%),#092e36}.story-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:75px;padding-top:72px;padding-bottom:72px}.product-story:nth-child(even) .story-image{order:2}.story-image img{width:100%;height:auto;display:block}.story-copy>p:not(.kicker){color:#d5deeb;font-size:17px;max-width:510px}.story-copy h2{max-width:510px}.story-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.action{display:inline-block;padding:14px 21px;border-radius:6px;background:#fff;color:#183a58;font-size:13px;font-weight:800;transition:transform .2s,background .2s}.action:hover{transform:translateY(-2px);background:#e8ecff;text-decoration:none}.action-secondary{background:transparent;border:1px solid #ffffff65;color:white}.action-secondary:hover{color:#173b52}.story-learn{display:block;color:#d3ddf9;font-size:12px;margin-top:24px}.knowledge-feature{background:#111e33;color:white;padding:90px 0}.knowledge-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.knowledge-grid>div>p:not(.kicker){color:#c6d4e5;max-width:480px}.knowledge-grid>img{width:100%}.feature-guide{display:block;border:1px solid #536079;border-radius:8px;overflow:hidden;background:#1a2942}.feature-guide:hover{text-decoration:none;border-color:#b6beff}.feature-guide img{width:100%;height:245px;object-fit:contain;background:radial-gradient(ellipse,#3b3574,#1a2942)}.feature-guide>div{padding:28px}.feature-guide h3{font-size:27px}.feature-guide p{font-size:14px;color:#c6d4e5}.draft-small{font-size:11px!important;margin-top:20px;color:#bdcbe0!important}.experience-trust{display:grid;grid-template-columns:.65fr 1fr;gap:70px;padding-top:95px;padding-bottom:60px;align-items:center}.history-number{font-size:160px;line-height:1;letter-spacing:-10px;font-weight:800;color:#155a81}.history-number>span{font-size:70px;color:#6a0bbd}.history-number small{display:block;font-size:11px;letter-spacing:3px;margin:18px 0 0 5px}.experience-trust p:not(.kicker){max-width:650px;color:#526879}.history-note{font-weight:700}.faq-wrap{padding-bottom:60px}.closing{background:radial-gradient(ellipse at 75% 70%,#373370,#122c45);color:white;padding:85px 0}.closing h2{font-size:clamp(40px,5vw,70px)}.closing p:not(.kicker){color:#d0dced}.closing-actions{display:flex;gap:15px;flex-wrap:wrap}.experience footer{margin-top:0}.learn-stage-grid{padding-top:65px;padding-bottom:60px}.review-pill{display:inline-block;border:1px solid #7382b1;border-radius:30px;padding:9px 13px;font-size:9px;letter-spacing:1px;margin-top:12px}.learning-library{padding-top:80px;padding-bottom:85px}.library-top{display:flex;justify-content:space-between;align-items:end;gap:30px}.library-search{width:340px;max-width:100%}.library-search label{display:block;font-weight:700;font-size:12px;margin-bottom:8px}.library-search input{width:100%;padding:14px 16px;border:1px solid #adbecd;border-radius:6px;background:white;color:#173b52}.category-filter{border:0;padding:0;margin:20px 0}.category-filter legend{font-size:12px;font-weight:700;margin-bottom:12px}.category-filter>div{display:flex;gap:8px;flex-wrap:wrap}.category-filter label{position:relative;cursor:pointer}.category-filter input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0}.category-filter span{display:block;border:1px solid #b9c7d6;border-radius:30px;padding:9px 14px;font-size:12px}.category-filter input:checked+span{background:#173b52;color:white;border-color:#173b52}.category-filter input:focus-visible+span{outline:3px solid #6a0bbd;outline-offset:3px}.library-status{font-size:12px;color:#526879;margin:27px 0}.article-results{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.article-tile{display:block;border:1px solid #c6d3df;border-radius:8px;background:white;overflow:hidden}.article-tile:hover{text-decoration:none;border-color:#6a0bbd}.flagship{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.2fr;align-items:center}.flagship img{width:100%;height:290px;object-fit:contain;background:#152943}.flagship>div{padding:35px}.flagship h3{font-size:30px}.compact-tile{padding:28px}.compact-tile h3{font-size:23px}.compact-tile p{font-size:14px;color:#526879}.reading-number{display:block;font-size:42px;color:#7660a1;margin-bottom:20px}.editorial-roadmap{background:#e5edf5;padding:75px 0}.editorial-roadmap>div>p:not(.kicker){max-width:650px}.editorial-roadmap ol{list-style:none;margin:35px 0 0;padding:0}.editorial-roadmap li{display:grid;grid-template-columns:170px 1fr 180px;gap:25px;align-items:center;border-top:1px solid #b7cadb;padding:22px 0}.editorial-roadmap li span{font-size:11px;font-weight:700}.editorial-roadmap li small{font-size:11px;color:#526879}.learn-next{padding-top:80px;padding-bottom:80px}.learn-next .action{background:#155a81;color:white;margin-right:20px}.guide-hero{display:block;max-width:none;margin:0;border:0;padding:60px 0;background:radial-gradient(ellipse at 90% 90%,#343067,#102b43);color:white}.breadcrumbs{display:flex;margin:0 0 35px;gap:12px;flex-wrap:wrap;font-size:12px;color:#d6def4}.guide-hero h1{max-width:950px;font-size:clamp(42px,5vw,66px)}.guide-deck{max-width:800px;font-size:19px;color:#d3dfec}.guide-meta{display:flex;gap:12px 24px;flex-wrap:wrap;font-size:11px;color:#c4d2e4}.draft-notice{display:flex;gap:18px;background:#ffffff12;border-left:3px solid #de9610;padding:18px 22px;margin-top:30px;max-width:980px;font-size:12px}.draft-notice strong{white-space:nowrap;color:#ffe1a5}.guide-cover{padding-top:35px;padding-bottom:35px}.guide-cover img{display:block;width:100%;height:340px;object-fit:contain;background:#142d48;border-radius:8px}.guide-cover figcaption{font-size:11px;color:#526879;margin-top:10px}.guide-grid{display:grid;grid-template-columns:250px minmax(0,1fr);gap:70px;padding-top:20px;padding-bottom:65px}.guide-toc{align-self:start;position:sticky;top:25px}.guide-toc nav{display:flex;flex-direction:column;gap:13px;margin:0;font-size:12px;font-weight:400}.toc-category{display:block;border-top:1px solid #bccddb;padding-top:20px;margin-top:25px;font-size:12px;font-weight:700}.guide-body{max-width:780px;font-size:16px;line-height:1.85;min-width:0}.guide-body h2{font-size:32px;margin-top:55px;scroll-margin-top:25px}.guide-body h2:first-child{margin-top:0}.guide-body h3{margin-top:35px;font-size:23px}.guide-body a{text-decoration:underline;color:#5a2895;overflow-wrap:anywhere}.guide-body pre{padding:22px;background:#142d43;color:#dceaff;border-radius:6px;overflow:auto;font-size:13px;line-height:1.6}.guide-body :not(pre)>code{background:#e1e8f0;padding:2px 5px;font-size:14px;overflow-wrap:anywhere}.guide-body img{display:block;width:100%;height:auto;background:#142d43;border-radius:8px}.guide-body blockquote{border-left:3px solid #6a0bbd;padding:10px 22px;margin:30px 0;background:#e9e4f3}.guide-body ul,.guide-body ol{padding-left:24px}.guide-body li{margin-bottom:9px}.related-guides{padding-top:55px;padding-bottom:80px;border-top:1px solid #c6d5e0}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.related-grid>a{padding:25px 0;border-top:3px solid #6a0bbd}.related-grid p{font-size:14px;color:#526879;margin:14px 0}.related-grid span{font-size:12px;font-weight:700}.hosting-choices{background:#e4eaf5;padding:75px 0}.hosting-option{padding:35px;background:#fff;border-radius:8px}.hosting-option .action{background:#155a81;color:white}.hosting-checklist{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-top:85px;padding-bottom:85px}.hosting-checklist li{padding:15px 0;border-bottom:1px solid #bdccda}.hosting-checklist ul{padding-left:20px;margin:0}[hidden]{display:none!important}.experience a:focus-visible,.experience button:focus-visible{outline-color:#de9610}.experience img{max-width:100%}
@media(max-width:1000px){.wrap{padding-left:32px;padding-right:32px}.stage-grid{grid-template-columns:1.2fr .8fr}.stage-search .search>div{flex-direction:column}.story-grid,.knowledge-grid{gap:35px}.experience h1{letter-spacing:-2px}.guide-grid{grid-template-columns:200px minmax(0,1fr);gap:35px}.editorial-roadmap li{grid-template-columns:140px 1fr}.editorial-roadmap small{grid-column:2}.hosting-checklist{gap:40px}}
@media(max-width:650px){.wrap{padding-left:22px;padding-right:22px}.stage-grid,.learn-stage-grid{grid-template-columns:1fr;padding-top:40px;padding-bottom:20px;gap:10px}.experience h1{font-size:46px;letter-spacing:-2.3px}.stage-intro,.learn-stage p:not(.kicker):not(.draft-small){font-size:16px}.stage-search{padding:18px;margin-top:23px}.stage-search .search>div{flex-direction:column}.stage-search button{width:100%}.stage-search input{font-size:16px}.stage-art img{height:230px;object-fit:contain}.art-caption{font-size:7px}.stage-bottom{gap:15px;flex-wrap:wrap;justify-content:center;font-size:8px;letter-spacing:1px}.arrival{padding-top:50px;padding-bottom:50px}.arrival-grid{grid-template-columns:1fr;gap:16px}.arrival-grid>a{padding:28px}.arrival-grid h3{font-size:32px}.arrival-arrow{top:55px;right:25px;font-size:40px}.path-label{margin-bottom:24px;font-size:9px}.story-grid{grid-template-columns:1fr;gap:15px;padding-top:35px;padding-bottom:45px}.story-image img{height:260px;object-fit:contain}.product-story:nth-child(even) .story-image{order:0}.story-copy>p:not(.kicker){font-size:16px}.story-copy h2{font-size:38px}.story-actions{gap:8px}.action{padding:13px 16px;font-size:12px}.knowledge-feature{padding:55px 0}.knowledge-grid{grid-template-columns:1fr;gap:30px}.feature-guide img{height:220px}.feature-guide>div{padding:23px}.feature-guide h3{font-size:25px}.experience-trust{grid-template-columns:1fr;gap:32px;padding-top:55px;padding-bottom:15px}.history-number{font-size:105px;letter-spacing:-6px}.history-number>span{font-size:50px}.history-number small{font-size:10px}.faq-wrap{padding-bottom:30px}.closing{padding:55px 0}.closing h2{font-size:43px}.learn-stage img{height:240px;object-fit:contain}.learn-stage-grid{padding-bottom:35px}.library-top{display:block}.library-search{width:100%;margin:25px 0}.learning-library{padding-top:45px;padding-bottom:50px}.category-filter span{padding:8px 12px;font-size:11px}.article-results{grid-template-columns:1fr}.flagship{grid-column:auto;display:block}.flagship img{height:220px}.flagship>div{padding:25px}.flagship h3{font-size:26px}.editorial-roadmap{padding:50px 0}.editorial-roadmap li{grid-template-columns:1fr;gap:8px}.editorial-roadmap small{grid-column:auto}.learn-next{padding-top:50px;padding-bottom:50px}.learn-next .text-link{display:block;margin-top:20px}.guide-hero{padding:35px 0}.guide-hero h1{font-size:42px}.guide-deck{font-size:16px}.breadcrumbs{font-size:10px;margin-bottom:25px}.guide-meta{gap:8px 18px;font-size:10px}.draft-notice{display:block;padding:16px}.draft-notice strong{display:block;margin-bottom:8px}.guide-cover img{height:230px}.guide-cover{padding-top:25px;padding-bottom:25px}.guide-grid{grid-template-columns:1fr;gap:35px}.guide-toc{position:static;background:#e5edf5;padding:22px;border-radius:6px}.guide-toc nav{gap:9px}.guide-body{font-size:15px}.guide-body h2{font-size:29px;margin-top:40px}.guide-body pre{padding:16px;font-size:11px}.related-grid{grid-template-columns:1fr;gap:15px}.hosting-choices{padding:50px 0}.hosting-option{padding:25px}.hosting-checklist{grid-template-columns:1fr;gap:25px;padding-top:50px;padding-bottom:50px}.review-pill{font-size:8px}.experience footer{padding-top:45px}}
@media(prefers-reduced-motion:reduce){.arrival-grid>a,.action{transition:none}.arrival-grid>a:hover,.action:hover{transform:none}}
.guide-body em{color:inherit;font-style:italic}.guide-body h2 em{font-style:normal}