@font-face{font-family:Manrope;src:url(/fonts/Manrope.ttf) format("truetype");font-weight:200 800;font-style:normal;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:#11131a;font-family:Manrope,Arial,sans-serif;font-size:16px;line-height:1.65}::selection{background:#0049ff;color:white}a{color:inherit;text-decoration:none}button,input,select{font:inherit}a,button,input,select{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #0049ff;outline-offset:4px}img{max-width:100%;display:block}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{line-height:1.12;letter-spacing:-.045em;font-weight:600}p{color:#586176}button{border:0}label{display:grid;gap:8px;font-size:13px;font-weight:600}input,select{min-width:0;width:100%;padding:12px 14px;border:1px solid #d5d9e3;border-radius:8px;background:#fff;color:#11131a}input[type=range]{padding:0;accent-color:#0049ff}input[type=file]{font-size:12px}small{font-size:11px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip-link{position:fixed;top:-100px;z-index:100;padding:16px;background:white}.skip-link:focus{top:8px}.sidebar{width:268px;position:fixed;left:0;top:0;bottom:0;overflow-y:auto;border-right:1px solid #e7e9ef;padding:32px 20px 20px;background:#fff;z-index:20;scrollbar-width:thin}.brand-link{display:block;padding:0 14px}.brand-link img{width:128px;height:auto}.brand-link>span{display:block;font-size:9px;letter-spacing:.18em;margin-top:14px;color:#6b7280}.search{position:relative;margin:28px 4px}.search input{font-size:12px;background:#f7f8fa;border:0;padding-right:35px}.search>span:last-child{position:absolute;right:12px;top:8px;font-size:21px}.nav-group{font-size:10px;text-transform:uppercase;letter-spacing:.14em;font-weight:700;margin:24px 14px 10px;color:#7c8392}.sidebar nav a{display:flex;align-items:center;gap:11px;padding:8px 12px;font-size:12px;border-radius:6px;color:#4a5160;transition:background .18s}.sidebar nav a span{font-size:9px;color:#a0a6b2;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sidebar nav a b{margin-left:auto;opacity:0;font-weight:400}.sidebar nav a:hover{background:#f1f4fc;color:#0049ff}.sidebar nav a[aria-current=page]{background:#0049ff;color:white}.sidebar nav a[aria-current=page] span{color:#b7caff}.sidebar nav a[aria-current=page] b{opacity:1}.side-download{display:flex;justify-content:space-between;font-size:11px;margin:28px 10px 16px;padding-top:20px;border-top:1px solid #e7e9ef}.sidebar>small{display:block;margin-left:10px;color:#8b91a0;font-size:9px}.workspace{margin-left:268px;min-width:0}.topbar{height:70px;justify-content:space-between;padding:0 42px;border-bottom:1px solid #e7e9ef;font-size:9px;letter-spacing:.12em;gap:16px}.top-status,.topbar{display:flex;align-items:center}.top-status{color:#7b8392;gap:8px}.top-status i{width:5px;height:5px;background:#0049ff;border-radius:50%}.topbar a{font-size:11px;letter-spacing:0}.menu-toggle{display:none;background:none}.hero{position:relative;min-height:690px;color:#fff;overflow:hidden;padding:34px 56px 36px;display:flex;flex-direction:column;justify-content:space-between;background:#050b24}.hero-bg,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-bg{object-position:center;opacity:.86}.hero-shade{background:linear-gradient(90deg,rgba(0,5,24,.65),rgba(0,4,21,.05)),linear-gradient(0deg,rgba(0,0,0,.7),transparent 55%)}.hero-bottom,.hero-copy,.hero-top{position:relative;z-index:1}.hero-bottom,.hero-top{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:9px;letter-spacing:.13em}.hero-copy{padding:80px 0 65px}.eyebrow{font-size:10px;letter-spacing:.15em;font-weight:700;color:#0049ff;text-transform:uppercase;line-height:1.5}.hero .eyebrow{color:#d5e2ff;margin-bottom:25px}.hero h1{font-size:clamp(48px,5.4vw,88px);letter-spacing:-.065em;line-height:1.05;font-weight:500}.hero h1 em{font-style:normal;color:#c8d6ff}.hero-copy>p:not(.eyebrow){max-width:510px;font-size:15px;color:#e0e5f3;line-height:1.8;margin:28px 0}.button{display:inline-flex;justify-content:center;align-items:center;gap:26px;background:#0049ff;color:#fff;padding:14px 24px;border:1px solid transparent;border-radius:999px;font-size:12px;font-weight:600;line-height:1.4;transition:background .2s,transform .2s}.button:hover{background:#003bd1;transform:translateY(-1px)}.button.white{background:#fff;color:#0c1839}.button.secondary{background:transparent;border-color:#d6dce8;color:#19223b}.white-logo{filter:brightness(0) invert(1)}.hero-bottom img{width:120px}.hero-bottom span{color:#d4dcf2}.intro-band{display:flex;justify-content:space-between;gap:20px;padding:25px 56px;border-bottom:1px solid #e5e9f0;font-size:10px;font-weight:600;letter-spacing:.12em}.chapter-body{padding:0 56px}.intro-editorial{padding:90px 0 65px;max-width:780px}.intro-editorial h2{font-size:46px;margin:20px 0 24px}.intro-editorial>p:last-child{max-width:580px;font-size:17px}.chapter-head{padding:62px 56px 50px}.title-row{display:flex;justify-content:space-between;align-items:start;gap:20px;margin:28px 0}.chapter-head h1{font-size:clamp(40px,4.7vw,72px);white-space:pre-line;line-height:1.08;max-width:850px}.chapter-number{font-size:58px;line-height:1;font-weight:300;color:#d9dfe9;letter-spacing:-.07em}.lead{max-width:720px;font-size:18px;line-height:1.7}.guideline{display:grid;grid-template-columns:minmax(160px,.85fr) minmax(0,1.5fr);gap:50px;border-top:1px solid #e3e7ee;padding:40px 0}.section-label{display:flex;gap:18px;align-items:start}.section-label>span{font-size:10px;color:#0049ff;margin-top:4px}.section-label h2{font-size:21px;letter-spacing:-.035em;line-height:1.3}.guideline p{font-size:15px}.guideline ul{margin:20px 0 0;padding:0;list-style:none}.guideline li{border-top:1px solid #edf0f5;padding:10px 0 10px 18px;position:relative;color:#394255;font-size:13px}.guideline li:before{content:"↗";position:absolute;left:0;color:#0049ff;font-size:11px}.chapter-directory{background:#f4f6fb;border-radius:20px;margin:35px 0 60px;padding:38px;display:grid;grid-template-columns:1fr 1fr;gap:24px}.directory-title h2{font-size:32px;margin-top:15px}.chapter-directory>a{border-top:1px solid #cdd4e4;padding:20px 0}.chapter-directory>a>span{font-size:11px;color:#0049ff}.chapter-directory h3{font-size:22px;margin:18px 0 12px}.chapter-directory p{font-size:13px}.chapter-pagination{display:flex;justify-content:space-between;gap:24px;border-top:1px solid #dfe4ed;padding:35px 0 55px}.chapter-pagination a{font-size:16px;font-weight:600}.chapter-pagination a:last-child{text-align:right}.chapter-pagination small{display:block;font-size:9px;letter-spacing:.1em;color:#7e889c;margin-bottom:7px}.site-footer{border-top:1px solid #e8ebf1;padding:32px 56px;display:flex;align-items:center;gap:30px}.site-footer img{width:75px}.site-footer p{font-size:10px}.site-footer>span{margin-left:auto;font-size:9px;color:#9299a8}.logo-grid{display:grid;grid-template-columns:1fr 1fr;margin:0 0 45px;gap:12px}.logo-tile{min-height:250px;background:#f7f8fa;position:relative;display:flex;align-items:center;justify-content:center;padding:45px 30px}.demo-logo{width:210px;max-width:70%}.logo-tile>span{position:absolute;bottom:20px;left:22px;font-size:8px;letter-spacing:.1em}.dark{background:#050b24;color:white}.blue{background:#0049ff;color:white}.mist{background:#e9edf5}.emblem{height:90px;width:auto}.favicon-demo{width:85px;border-radius:18px}.swatches{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.swatch{min-height:190px;padding:22px;text-align:left;display:flex;flex-direction:column;border:1px solid #e6e8ee;border-radius:3px}.swatch span{font-size:13px}.swatch strong{margin-top:auto;font-size:18px;font-weight:500;letter-spacing:-.04em}.swatch small{font-size:9px;opacity:.7}.copy-status{font-size:11px;margin:14px 0 32px}.type-demo{padding:36px;background:#f3f5fa;border-radius:16px;margin-bottom:45px}.specimen{font-size:52px;letter-spacing:-.05em;line-height:1.13;margin:30px 0;overflow-wrap:anywhere}.alphabet{font-size:22px;color:#0049ff;line-height:1.6}.type-controls{display:grid;grid-template-columns:2fr 1fr;gap:24px;border-top:1px solid #dce2ee;margin-top:30px;padding-top:24px}.shape-demo{position:relative;background:#050b24;min-height:350px;margin-bottom:40px;color:white;padding:35px;display:flex;align-items:center;justify-content:center;gap:16px;overflow:hidden}.shape-circle{border-radius:50%;width:90px;height:90px;background:#0049ff}.shape-leaf{width:105px;height:180px;border-radius:100px 0 100px 0;background:linear-gradient(#0049ff,#a5c6ff)}.shape-pill{width:70px;height:200px;border-radius:90px;background:white}.shape-demo>div{margin-left:40px;max-width:250px}.shape-demo h3{font-size:34px;margin-top:18px}.icon-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:45px}.icon-grid>div{padding:36px 18px;background:#f3f5fa;display:grid;justify-items:center;gap:24px;color:#0049ff}.icon-grid span{font-size:12px;color:#111}.component-demo{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:36px;border:1px solid #dfe4ed;border-radius:20px;margin-bottom:45px}.component-demo h3{font-size:30px;margin:20px 0}.component-demo p{font-size:13px}.button-row{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.ui-demo{background:#f1f4f9;border:1px solid #dbe1ec;border-radius:16px;overflow:hidden;margin-bottom:45px}.ui-top{display:flex;justify-content:space-between;align-items:center;padding:22px 30px;background:white;font-size:8px;gap:20px}.ui-top img{width:85px}.ui-content{padding:40px}.ui-content>small{color:#0049ff;letter-spacing:.12em;font-size:9px}.ui-content h3{font-size:32px;margin:15px 0}.ui-content p{font-size:13px}.ui-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:32px}.ui-cards>div{background:white;padding:22px;border-radius:12px}.ui-cards svg{color:#0049ff;width:28px}.ui-cards h4{font-size:18px;margin:20px 0 10px}.ui-cards span{font-size:7px;letter-spacing:.08em;display:block;margin-top:24px;color:#838d9e}.layout-demo{background:#eff3ff;min-height:340px;position:relative;overflow:hidden;padding:55px;margin-bottom:45px}.grid-lines{display:grid;grid-template-columns:repeat(12,1fr);gap:12px;position:absolute;inset:0 35px;opacity:.25}.grid-lines span{background:#b6c7ff;border-left:1px solid #0049ff;border-right:1px solid #0049ff}.layout-demo>div:last-child{position:relative}.layout-demo h3{font-size:40px;margin-top:30px}.layout-demo small{color:#0049ff}.atmosphere,.motion-demo{position:relative;min-height:450px;overflow:hidden;background:#000;margin-bottom:45px;color:#fff}.atmosphere>img,.motion-demo>img{position:absolute;width:100%;height:100%;object-fit:cover;opacity:.75}.atmosphere>div,.motion-demo>div{position:relative;z-index:1;padding:45px}.atmosphere h3,.motion-demo h3{font-size:48px;margin:45px 0 60px}.atmosphere .eyebrow,.motion-demo .eyebrow{color:#a9c0ff}.atmosphere .demo-logo{width:100px}.image-gallery{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:45px}.image-gallery figure{margin:0}.image-gallery figure:first-child{grid-column:1/-1}.image-gallery img{width:100%;aspect-ratio:16/9;object-fit:cover}.image-gallery figcaption{display:flex;justify-content:space-between;gap:10px;font-size:11px;padding:12px 0}.image-gallery a{color:#0049ff}.process-demo{display:grid;grid-template-columns:repeat(4,1fr);background:#050b24;color:white;margin-bottom:45px;padding:40px 20px;gap:20px}.process-demo>div{position:relative;display:grid;justify-items:center;gap:25px}.process-demo span{font-size:10px;color:#a5b8ef}.process-demo h3{font-size:18px}.process-demo b{position:absolute;right:-20px;top:65px;color:#7b9eff}.social-demo{display:flex;gap:35px;background:#f1f4f9;padding:32px;border-radius:16px;margin-bottom:45px;align-items:start}.social-controls{flex:1 1;display:grid;gap:20px}.social-controls small{color:#6d778a}.social-canvas{width:310px;max-width:100%;position:relative;aspect-ratio:4/5;background:#000;color:white;overflow:hidden;flex-shrink:0}.social-canvas.story{aspect-ratio:9/16}.social-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.6}.social-copy{position:relative;padding:30px 25px}.story .social-copy{padding-top:65px}.social-copy>span{font-size:7px;letter-spacing:.1em}.social-copy h3{font-size:36px;line-height:1.1;margin-top:25px;overflow-wrap:anywhere}.social-canvas>.demo-logo{position:absolute;bottom:24px;left:25px;width:85px}.story>.demo-logo{bottom:65px}.email-demo{padding:35px;background:#eef1f6;margin-bottom:45px}.email-paper{max-width:520px;margin:0 auto;background:white;padding:38px}.email-paper .demo-logo{width:100px;margin-bottom:40px}.email-paper h3{font-size:32px;margin:20px 0}.email-paper p{font-size:14px;margin:16px 0}.email-paper hr{border:0;border-top:1px solid #eee;margin:35px 0 20px}.text-link{display:inline-block;margin-top:20px;font-size:12px;color:#0049ff}.motion-demo>img{animation:flow 16s ease-in-out infinite alternate;scale:1.12}.motion-demo>div{padding-top:70px}@keyframes flow{0%{transform:translate(-2%) scale(1.05)}to{transform:translate(3%,2%) scale(1.12)}}.shader{margin-bottom:45px;background:#f3f5fa;border-radius:18px;overflow:hidden}.shader-preview{position:relative;background:#000}.shader-preview canvas{display:block;width:100%;max-height:520px;object-fit:contain}.shader-preview-label{position:absolute;left:20px;right:20px;bottom:18px;display:flex;justify-content:space-between;color:white;font-size:8px;letter-spacing:.12em}.shader-controls{padding:28px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.shader-controls .button-row,.shader-controls>p{grid-column:1/-1;margin:0}.shader-controls>p{font-size:12px}.badge-demo{padding:65px 25px;background:#f3f5fa;margin-bottom:45px;text-align:center}.badge-pill{display:flex;align-items:center;justify-content:center;gap:16px;border:1px solid #d1d8e5;border-radius:99px;background:white;width:max-content;max-width:100%;padding:15px 24px;margin:auto;font-size:14px}.badge-pill img{height:28px;width:auto}.download-list{margin-bottom:30px}.download-list a{display:flex;justify-content:space-between;gap:20px;padding:20px 0;border-top:1px solid #e0e5ee;align-items:center}.download-list strong{font-size:14px;font-weight:500}.download-list span{font-size:10px;color:#0049ff}.print-view{max-width:1120px;margin:auto}.print-toolbar{padding:30px;background:#f1f4fa;display:flex;align-items:center;gap:25px;font-size:12px}.print-toolbar p{flex:1 1}.print-chapter{border-bottom:1px solid #ddd;padding-bottom:30px}.print-chapter .guidelines{margin-top:30px}@media(min-width:1600px){.workspace{max-width:1600px}.hero{min-height:780px}.hero-copy{padding-top:100px}.hero h1{font-size:96px}}@media(max-width:1150px){.sidebar{width:235px;padding-inline:14px}.workspace{margin-left:235px}.chapter-head,.hero{padding-left:35px;padding-right:35px}.chapter-body{padding:0 35px}.topbar{padding:0 30px}.hero h1{font-size:56px}.hero{min-height:650px}.guideline{gap:28px;grid-template-columns:1fr 1.5fr}.social-demo{flex-direction:column}.social-controls{width:100%}.social-canvas{margin:auto}.component-demo{grid-template-columns:1fr}.shape-demo>div{margin-left:10px}.shape-demo h3{font-size:25px}.ui-cards{grid-template-columns:1fr}.ui-cards>div{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.ui-cards h4,.ui-cards span{margin:0}.ui-cards p{display:none}}@media(max-width:800px){.sidebar{transform:translateX(-100%);transition:transform .2s;top:62px;width:280px;box-shadow:12px 0 30px #0001}.sidebar.open{transform:translateX(0)}.workspace{margin:0}.topbar{height:62px;padding:0 24px;position:sticky;top:0;z-index:30;background:#fff}.menu-toggle{display:block;font-size:20px}.topbar>span:first-of-type{font-size:8px}.top-status{display:none}.hero{min-height:650px;padding:26px 28px}.hero-copy{padding:70px 0}.hero h1{font-size:clamp(40px,8vw,62px)}.hero-copy>p:not(.eyebrow){font-size:14px}.hero-top{font-size:7px}.hero-bottom span{font-size:7px;max-width:155px;text-align:right}.intro-band{padding:22px 24px;font-size:8px;letter-spacing:.03em}.chapter-body{padding:0 24px}.chapter-head{padding:42px 24px}.chapter-head h1{font-size:42px}.chapter-number{font-size:32px}.lead{font-size:16px}.intro-editorial{padding:60px 0 40px}.intro-editorial h2{font-size:35px}.guideline{grid-template-columns:1fr;gap:20px;padding:30px 0}.section-label h2{font-size:21px}.chapter-directory{padding:25px;grid-template-columns:1fr}.site-footer{padding:25px;gap:20px;flex-wrap:wrap}.site-footer p{max-width:180px}.site-footer>span{margin:0}.logo-tile{min-height:180px;padding:35px 20px}.logo-tile>span{font-size:6px;left:12px}.demo-logo{max-width:90%}.swatches{grid-template-columns:1fr 1fr}.swatch{min-height:170px;padding:18px}.type-demo{padding:24px}.specimen{font-size:38px}.type-controls{grid-template-columns:1fr}.alphabet{font-size:18px}.shape-demo{flex-wrap:wrap;padding:25px;gap:12px}.shape-circle{width:55px;height:55px}.shape-leaf{width:70px;height:125px}.shape-pill{width:45px;height:140px}.shape-demo>div{width:100%;max-width:none;margin:15px 0}.icon-grid{grid-template-columns:1fr 1fr}.ui-content{padding:24px}.ui-content h3{font-size:27px}.layout-demo{padding:35px 25px}.layout-demo h3{font-size:33px}.atmosphere>div,.motion-demo>div{padding:28px}.atmosphere h3,.motion-demo h3{font-size:40px}.image-gallery{grid-template-columns:1fr}.process-demo{grid-template-columns:1fr 1fr;gap:40px}.process-demo b{display:none}.social-demo{padding:22px}.email-demo{padding:20px}.email-paper{padding:25px}.shader-controls{grid-template-columns:1fr;padding:22px}.shader-controls .button-row,.shader-controls>p{grid-column:auto}.print-toolbar{flex-direction:column;align-items:start}.download-list strong{font-size:12px}.download-list span{flex-shrink:0}.badge-pill{font-size:11px;padding:14px}.component-demo{padding:25px}.button{padding:13px 19px;font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation:none!important;transition:none!important}}@page{size:A4;margin:15mm 14mm}@media print{*{-webkit-print-color-adjust:exact;print-color-adjust:exact}body,html{background:white;font-size:10pt}.chapter-pagination,.print-toolbar,.sidebar,.site-footer,.skip-link,.topbar{display:none!important}.workspace{margin:0}.print-view{max-width:none}.print-chapter{page-break-before:always;break-before:page;border:0;padding:0}.print-chapter:first-of-type{page-break-before:auto;break-before:auto}.chapter-head{padding:0 0 7mm}.chapter-head h1{font-size:32pt;line-height:1.08}.chapter-number{font-size:25pt}.title-row{margin:5mm 0}.eyebrow{font-size:7pt}.lead{font-size:11pt;line-height:1.5}.chapter-body{padding:0}.guideline{display:block;padding:5mm 0;page-break-inside:avoid;break-inside:avoid}.section-label{margin-bottom:3mm}.section-label h2{font-size:13pt}.guideline li,.guideline p{font-size:9pt;line-height:1.5}.guideline li{padding:2mm 0 2mm 4mm}.guideline ul{margin-top:3mm}.hero{min-height:155mm;padding:10mm}.hero h1{font-size:38pt}.hero-copy{padding:16mm 0}.hero-copy>p:not(.eyebrow){font-size:11pt;max-width:120mm}.hero .button{display:none}.intro-band{padding:5mm 0}.intro-editorial{padding:8mm 0}.intro-editorial h2{font-size:23pt}.intro-editorial>p:last-child{font-size:10pt}.chapter-directory{display:none}.atmosphere,.badge-demo,.email-demo,.icon-grid,.image-gallery,.layout-demo,.logo-grid,.motion-demo,.process-demo,.shader,.shape-demo,.social-demo,.swatches,.type-demo,.ui-demo{page-break-inside:avoid;break-inside:avoid;margin-bottom:7mm}.logo-tile{min-height:42mm}.swatch{min-height:35mm;padding:4mm}.swatches{grid-template-columns:repeat(3,1fr)}.copy-status{font-size:7pt}.specimen{font-size:28pt}.type-demo{padding:7mm}.shape-demo{min-height:65mm}.icon-grid{grid-template-columns:repeat(4,1fr)}.icon-grid>div,.ui-content{padding:6mm}.ui-cards{grid-template-columns:repeat(3,1fr)}.ui-cards>div{display:block;padding:4mm}.ui-cards h4{margin:4mm 0}.ui-cards span{margin-top:3mm}.layout-demo{min-height:65mm;padding:8mm}.atmosphere,.motion-demo{min-height:75mm}.atmosphere h3,.motion-demo h3{font-size:28pt;margin:8mm 0}.atmosphere>div,.motion-demo>div{padding:8mm}.image-gallery{grid-template-columns:1fr 1fr;gap:4mm}.image-gallery figure:first-child{grid-column:auto}.image-gallery img{height:37mm}.image-gallery figcaption{font-size:7pt}.social-demo{display:block;padding:6mm}.social-canvas{width:66mm;margin:auto}.social-copy h3{font-size:23pt}.email-demo{padding:6mm}.email-paper{padding:6mm;max-width:130mm}.email-paper h3{font-size:21pt}.email-paper p{font-size:9pt}.shader-preview canvas{max-height:75mm}.download-list a{padding:3mm 0}.download-list strong{font-size:9pt}.download-list span{font-size:8pt}.component-demo{padding:6mm}.component-demo form{display:none}.button{font-size:8pt;padding:3mm 5mm}.process-demo{grid-template-columns:repeat(4,1fr);padding:6mm}.badge-demo{padding:12mm 6mm}}@media screen and (max-width:800px){.sidebar{visibility:hidden}.sidebar.open{visibility:visible}}