@font-face{font-family:Instrument Sans;src:url('../assets/fonts/sans-regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Instrument Sans;src:url('../assets/fonts/sans-medium.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Instrument Sans;src:url('../assets/fonts/sans-semibold.ttf') format('truetype');font-style:normal;font-weight:600 800;font-display:swap}
@font-face{font-family:Instrument Serif;src:url('../assets/fonts/serif-regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Instrument Serif;src:url('../assets/fonts/serif-italic.ttf') format('truetype');font-style:italic;font-weight:400;font-display:swap}
:root{--white:#fff;--lavender:#f7f5fc;--ink:#20202a;--muted:#74727e;--purple:#7954d6;--rule:#e7e4ed;--sans:'Instrument Sans',Arial,sans-serif;--serif:'Instrument Serif',Georgia,serif;--radius:18px}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--white);color:var(--ink);font:16px/1.55 var(--sans);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}img{max-width:100%;display:block}button:disabled{cursor:default}button,summary,a{touch-action:manipulation}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}em{font-family:var(--serif);font-weight:400;color:var(--purple)}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #9c7ce4;outline-offset:5px}::selection{background:#e7dcff}svg.icon{width:22px;height:22px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.container{width:calc(100% - 112px);max-width:1392px;margin-inline:auto}.skip-link{position:fixed;top:12px;left:12px;transform:translateY(-160%);padding:12px 20px;background:var(--ink);color:white;border-radius:8px;z-index:100}.skip-link:focus{transform:translateY(0)}
.header{height:96px;position:relative;z-index:10}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:11px;font-size:25px;font-weight:600;letter-spacing:-.9px}.brand img{width:36px;height:36px}.nav{display:flex;gap:38px;align-items:center;margin-left:70px}.nav a{font-size:14px;color:#565360;transition:color .2s}.nav a:hover{color:var(--purple)}.button{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:57px;padding:14px 26px;border-radius:12px;border:1px solid #39383f;background:linear-gradient(135deg,#27262e,#1d1d25);color:#fff;font-size:16px;font-weight:500;line-height:1.2;box-shadow:inset 0 1px 1px #ffffff12,0 3px 4px #20202a08;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 7px 20px #31214e20}.button-small{min-height:46px;font-size:14px;padding:12px 20px;gap:12px}.button-small .icon{width:18px;height:18px}.menu-toggle{display:none;background:none;border:0;padding:10px}.hero{display:grid;grid-template-columns:.84fr 1.16fr;align-items:center;gap:44px;min-height:720px;padding-block:65px 90px}.hero-copy{position:relative;z-index:2}.hero h1{font-family:var(--serif);font-size:clamp(76px,7.5vw,116px);line-height:.91;letter-spacing:-3.5px}.hero h1 em{display:inline-block;line-height:1.03;white-space:nowrap}.hero-description{font-size:19px;line-height:1.6;color:#696674;max-width:460px;margin-top:30px}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:30px}.text-link{display:inline-flex;gap:10px;align-items:center;font-size:14px;white-space:nowrap;color:#514b60}.text-link:hover{color:var(--purple)}.text-link .icon{width:18px;height:18px}.availability{font-size:12px;color:var(--muted);margin-top:10px;padding-left:7px}.hero-visual{position:relative;min-width:0;isolation:isolate;scroll-margin-top:140px}.hero-visual::before{content:'';position:absolute;inset:-90px -45px;z-index:-1;background:radial-gradient(ellipse at 65% 45%,#dfd2fb 0%,#efe8fc99 42%,#ffffff00 70%);pointer-events:none}.browser-frame{background:#fafafa;border:1px solid white;border-radius:16px;padding:5px;box-shadow:0 20px 55px #7962ad1b,0 1px 3px #44385420;transform:rotate(-1.25deg);width:100%;overflow:hidden}.browser-bar{height:36px;display:flex;align-items:center;gap:18px;padding:0 12px;background:#f6f5f8;border-radius:12px 12px 0 0}.traffic-lights{display:flex;gap:6px}.traffic-lights i{width:8px;height:8px;border-radius:50%;background:#ff6b6b}.traffic-lights i:nth-child(2){background:#f8c649}.traffic-lights i:nth-child(3){background:#67cc72}.address{font-size:9px;border-radius:20px;background:#eae9ef;display:flex;align-items:center;justify-content:center;gap:6px;flex:1;color:#7c788a;height:22px;max-width:350px}.address .icon{width:10px;height:10px}.browser-menu{font-weight:600;color:#a7a2b3}.browser-body{display:grid;grid-template-columns:64% 36%;height:470px;position:relative}.sample-site{min-width:0;overflow:hidden;position:relative;background:#dde1d2;color:#303629}.sample-nav{height:62px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 23px;background:#dde1d2}.sample-brand{font:22px var(--serif);white-space:nowrap}.sample-nav>span:last-child{font-size:7px;white-space:nowrap}.sample-scene{height:calc(100% - 62px);position:relative;overflow:hidden}.sample-photo{width:100%;height:100%;object-fit:cover;object-position:54% center}.sample-content{position:absolute;top:44px;left:30px;right:16px}.selection{position:relative;font:clamp(25px,2.45vw,39px)/1.08 var(--serif);letter-spacing:-.5px;border:1.5px solid #9c68ec;width:max-content;max-width:100%;padding:5px 5px 6px;margin-left:-6px;transition:all .3s;background:#e3e5d14a}.selection>i{position:absolute;width:5px;height:5px;background:#9c68ec;left:-3px;top:-3px}.selection>i:nth-of-type(2){left:auto;right:-3px}.selection>i:nth-of-type(3){top:auto;bottom:-3px}.selection>i:nth-of-type(4){left:auto;right:-3px;top:auto;bottom:-3px}.sample-cursor{position:absolute;right:-16px;bottom:-30px;width:23px;height:28px;filter:drop-shadow(0 2px 3px #7954d655)}.sample-content p{font:13px/1.4 var(--serif);margin-top:15px}.sample-shop{display:inline-flex;align-items:center;gap:10px;font-size:8px;background:#4d5941;color:#fff;border-radius:4px;margin-top:20px;padding:11px 14px}.sample-shop .icon{height:12px;width:12px}.inspector{min-width:0;position:relative;background:#22232a;color:#e8e8ed;border-radius:7px;box-shadow:-5px 0 16px #00000015;display:flex;flex-direction:column}.inspector-brand{display:flex;align-items:center;gap:8px;padding:15px 13px;font-size:14px;font-weight:600;min-height:57px;border-bottom:1px solid #ffffff10}.inspector-brand img{width:22px;height:22px}.preview-tag{font-size:8px;color:#c4bfcd;margin-left:auto;font-weight:400;letter-spacing:.3px}.inspector-tabs{display:flex;border-bottom:1px solid #ffffff15;min-height:43px}.inspector-tabs button{flex:1;background:none;color:#c8c6d1;border:0;border-bottom:2px solid transparent;font-size:11px;padding:11px 3px 9px}.inspector-tabs button[aria-selected=true]{color:#b28aef;border-bottom-color:#a877f0}.inspector-tabs button:hover{background:#ffffff08}.inspector-panel{padding:0 13px}.inspector-group{padding:20px 0;border-bottom:1px solid #ffffff0c}.inspector-group:last-child{border:0}.inspector-group h3{font-size:8px;font-weight:500;letter-spacing:1.1px;text-transform:uppercase;margin-bottom:16px}.mini-swatches{display:flex;gap:6px}.mini-swatches button{background:none;border:0;padding:0;min-width:0;flex:1;color:#d6d4dd}.mini-swatches button>span{display:block;width:100%;aspect-ratio:1;border:1px solid #ffffff60;border-radius:50%;background:var(--swatch);transition:transform .2s}.mini-swatches button:hover>span{transform:translateY(-3px)}.mini-swatches small{font-size:6px;display:block;margin-top:9px}.font-detail{padding:10px 12px;background:#ffffff07;border:1px solid #ffffff0a;border-radius:6px}.font-detail>span{display:block;font:23px/1.4 Georgia,serif}.font-detail small{display:block;font-size:11px;color:#d2cfdc;margin-top:5px}.spacing-detail{display:flex;gap:17px;align-items:center;font-size:15px}.dashed-box{display:block;width:24px;height:24px;border:1.6px dashed currentColor}.font-tooltip{position:absolute;left:-32px;bottom:12px;display:flex;align-items:center;gap:12px;padding:12px 18px;background:#fff;border:1px solid #f2eff7;border-radius:11px;box-shadow:0 8px 25px #6d45a720;font-size:10px;z-index:3}.font-tooltip strong{display:block;font-weight:500;font-size:12px;margin-top:1px}.font-icon{font-family:Georgia,serif;font-size:26px;line-height:1;display:grid;place-items:center;width:34px;height:34px;border-radius:6px;background:#f7f6fa}.asset-thumbnail{width:100%;aspect-ratio:1.2;object-fit:cover;border-radius:7px}.asset-meta{display:flex;justify-content:space-between;font-size:9px;margin-top:8px;color:#c4bdce}.inspector-help{font-size:11px;color:#bbb5c8;line-height:1.7}.box-model{text-align:center;background:#9e73d535;border:1px dashed #af8bda;padding:8px;font-size:9px;border-radius:4px}.box-model>div{margin-top:6px;background:#d1b9ef28;border:1px solid #a581d8;padding:9px}.box-model b{display:block;background:#767dca70;padding:16px 3px;margin-top:8px;font-weight:400}.width-controls{display:flex;gap:6px}.width-controls button{background:#ffffff05;border:1px solid #ffffff20;color:#d5d0df;border-radius:5px;font-size:10px;padding:7px;flex:1}.width-controls button.active{background:#7954d6;border-color:#ac8dee;color:white}.sample-site.mobile-preview .sample-nav>span:last-child{display:none}.sample-site.mobile-preview .sample-content{right:35%;left:24px}.sample-site.mobile-preview .selection{font-size:22px;width:100%}.sample-site.mobile-preview .sample-content p{max-width:140px}.sample-site.mobile-preview .sample-photo{object-position:65%}.capabilities{border-top:1px solid var(--rule);display:grid;grid-template-columns:repeat(4,1fr);padding-block:35px;margin-bottom:34px}.capabilities>div{display:flex;align-items:center;justify-content:center;gap:18px;font-size:15px;color:#514b60;border-right:1px solid var(--rule);min-height:45px}.capabilities>div:last-child{border:0}.capabilities .icon{width:30px;height:30px;color:var(--ink)}.capabilities .dashed-box{width:29px;height:29px}
dialog{border:1px solid var(--rule);border-radius:22px;padding:45px;max-width:470px;width:calc(100% - 40px);color:var(--ink);box-shadow:0 30px 100px #17102433}dialog::backdrop{background:#24203360;backdrop-filter:blur(6px)}.dialog-close{position:absolute;top:16px;right:16px;padding:8px;border:0;border-radius:50%;background:var(--lavender)}dialog h2{font:48px/1.03 var(--serif);margin-top:25px}dialog p{font-size:15px;color:var(--muted);margin-block:20px 28px}.toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:var(--ink);color:#fff;padding:12px 22px;border-radius:12px;font-size:14px;box-shadow:0 6px 25px #20202a20;z-index:100;transition:opacity .2s,transform .2s;text-align:center;max-width:calc(100% - 32px)}.toast.visible{opacity:1;transform:translate(-50%,0)}[hidden]{display:none!important}
@media(min-width:1600px){.hero{min-height:780px}.browser-body{height:530px}.selection{font-size:40px}.sample-content{top:70px}}
@media(max-width:1200px){.container{width:calc(100% - 72px)}.hero{gap:30px;min-height:670px}.hero h1{font-size:88px}.hero-description{font-size:17px}.hero-actions{gap:18px}.hero-actions .button{padding:14px 20px;font-size:14px}.text-link{font-size:12px}.browser-body{height:420px;grid-template-columns:62% 38%}.sample-content{left:20px}.sample-nav{padding:0 16px}.selection{font-size:29px}.inspector-brand{padding-inline:10px;font-size:12px;gap:5px}.inspector-panel{padding-inline:10px}.mini-swatches{gap:4px}.mini-swatches small{font-size:5px}.font-tooltip{left:-20px;bottom:6px}.nav{margin-left:20px;gap:28px}}
@media(max-width:960px){.hero{grid-template-columns:1fr;gap:65px;padding-block:45px 65px;min-height:auto}.hero-copy{text-align:center;max-width:580px;margin:auto}.hero h1{font-size:104px}.hero-description{margin:26px auto 0;max-width:450px}.hero-actions{justify-content:center}.hero-visual{width:min(700px,100%);margin:auto}.hero-visual::before{inset:-45px -15px}.browser-body{height:470px;grid-template-columns:64% 36%}.selection{font-size:36px}.sample-content{left:30px;top:60px}.inspector-brand{font-size:14px;padding:15px}.inspector-panel{padding-inline:15px}.inspector-tabs button{font-size:12px}.inspector-group h3{font-size:9px}.mini-swatches small{font-size:7px}.capabilities{grid-template-columns:1fr 1fr;gap:22px 0}.capabilities>div:nth-child(2){border:0}.font-tooltip{left:-12px}.hero-actions .button{font-size:16px}.text-link{font-size:14px}}
@media(max-width:640px){html{scroll-padding-top:24px}.container{width:calc(100% - 40px)}.header{height:78px}.header-inner{gap:10px}.brand{font-size:22px;gap:8px}.brand img{width:30px;height:30px}.header .button-small{margin-left:auto;min-height:39px;font-size:12px;padding:10px 12px;border-radius:9px}.header .button-small .icon{width:14px;height:14px}.menu-toggle{display:flex;padding:6px}.nav{display:none;position:absolute;top:70px;left:20px;right:20px;background:white;border:1px solid var(--rule);box-shadow:0 10px 30px #20202a12;border-radius:12px;padding:22px;margin:0;gap:24px;flex-direction:column;align-items:stretch}.nav.open{display:flex}.nav a{font-size:16px}.hero{padding-top:34px;padding-bottom:45px;gap:50px}.hero h1{font-size:clamp(68px,18vw,94px);letter-spacing:-2px;line-height:.93}.hero-description{font-size:16px;line-height:1.65;max-width:340px;margin-top:24px}.hero-actions{flex-wrap:wrap;gap:18px;margin-top:25px}.hero-actions .button{font-size:14px;min-height:50px;padding:13px 21px}.text-link{font-size:12px}.availability{font-size:10px;padding-left:0}.browser-frame{transform:rotate(-1deg);border-radius:10px;padding:3px}.browser-body{height:335px;grid-template-columns:56% 44%}.browser-bar{height:28px;padding-inline:8px;gap:10px}.traffic-lights{gap:4px}.traffic-lights i{width:5px;height:5px}.address{font-size:7px;height:18px}.sample-nav{padding:0 10px;height:44px}.sample-brand{font-size:19px}.sample-nav>span:last-child{display:none}.sample-scene{height:calc(100% - 44px)}.sample-content{left:10px;top:30px;right:10px}.selection{font-size:clamp(16px,4.2vw,25px);letter-spacing:-.3px;padding:4px;max-width:100%}.sample-content p{font-size:10px;max-width:140px;margin-top:15px}.sample-shop{font-size:6px;padding:8px;gap:5px;margin-top:13px}.sample-shop .icon{width:9px;height:9px}.sample-photo{object-position:40%}.inspector-brand{font-size:11px;min-height:44px;padding:10px 8px;gap:5px}.inspector-brand img{width:17px;height:17px}.preview-tag{font-size:6px}.inspector-tabs{min-height:33px}.inspector-tabs button{font-size:9px;padding:8px 2px}.inspector-panel{padding-inline:9px}.inspector-group{padding-block:14px}.inspector-group h3{font-size:6px;letter-spacing:.7px;margin-bottom:10px}.mini-swatches{gap:3px}.mini-swatches small{font-size:4px;margin-top:6px}.font-detail{padding:8px}.font-detail>span{font-size:20px}.font-detail small{font-size:9px}.spacing-detail{font-size:12px;gap:12px}.spacing-detail .dashed-box{width:19px;height:19px}.font-tooltip{padding:8px 12px;bottom:-16px;left:5px;gap:8px;font-size:8px;border-radius:8px}.font-tooltip strong{font-size:10px}.font-icon{font-size:22px;width:29px;height:29px}.capabilities{padding-block:26px;gap:16px 0;margin-top:12px;margin-bottom:0}.capabilities>div{gap:11px;font-size:11px;min-height:34px}.capabilities .icon{width:25px;height:25px}.capabilities .dashed-box{width:22px;height:22px}.box-model{font-size:7px;padding:5px}.box-model>div{padding:5px}.box-model b{padding:10px 2px}.width-controls{gap:3px}.width-controls button{font-size:8px;padding:5px 2px}.inspector-help{font-size:9px}.sample-site.mobile-preview .sample-content{left:10px;right:20px}.sample-site.mobile-preview .selection{font-size:17px}.asset-meta{font-size:7px}dialog{padding:30px}dialog h2{font-size:42px}}
.section-space{padding-block:78px 94px}.section-intro{display:grid;grid-template-columns:1.6fr 1fr;gap:65px;align-items:end;margin-bottom:45px;padding-inline:20px}.editorial-title{font:clamp(48px,4.7vw,72px)/1.06 var(--serif);letter-spacing:-1.4px}.section-intro>p{color:var(--muted);font-size:18px;max-width:355px;margin-bottom:5px}.feature-showcase{display:grid;grid-template-columns:56% 44%;border:1px solid #e5deef;border-radius:var(--radius);overflow:hidden;min-height:570px}.feature-stage{background:#f1edfc;position:relative;display:flex;align-items:center;justify-content:flex-end;isolation:isolate;padding:38px 32px}.reference-window{position:absolute;width:68%;height:76%;left:32px;top:13%;background:white;border:1px solid var(--rule);border-radius:12px;box-shadow:0 8px 20px #4e327d09;overflow:hidden;z-index:-1}.reference-toolbar{background:#f8f7fa;height:32px;padding:12px 15px}.reference-page{padding:15px}.reference-nav{display:flex;align-items:center;gap:12px;padding:6px 8px 20px}.reference-nav i,.reference-nav span{background:#dedbe5;display:block;width:24px;height:3px;border-radius:3px}.reference-nav i{margin-right:22px;width:40px}.reference-picture{height:238px;position:relative;overflow:hidden;border-radius:4px;background:#eee9f5}.reference-picture img{width:100%;height:100%;object-fit:cover;object-position:30%}.reference-picture>span{position:absolute;right:22px;top:35px;font:26px/1.03 var(--serif);color:#20202a;padding:8px;background:#f7f5fcdf;border-radius:3px}.reference-thumbs{display:flex;gap:10px;margin-top:20px}.reference-thumbs>*{flex:1;min-width:0;height:65px;border-radius:3px;object-fit:cover}.reference-thumbs>div{background:#e8e2d9}.reference-thumbs img:last-child{object-position:10%}.feature-inspector{width:76%;max-width:415px;background:white;border:1px solid #e9e3f4;border-radius:14px;box-shadow:0 12px 28px #6d4ba315;min-height:493px}.feature-inspector-header{display:flex;align-items:center;gap:10px;padding:20px 19px 15px;font-weight:600;font-size:16px}.sample-indicator{margin-left:auto;font-size:9px;color:#95919f;font-weight:400}.feature-view-label{display:flex;align-items:center;gap:8px;padding:8px 22px 15px;border-bottom:1px solid var(--rule);font-size:13px;color:var(--purple)}.feature-view-label .icon{width:17px;height:17px}.feature-panel{padding:23px 19px 20px;min-height:370px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px}.panel-heading h3,.type-preview h3{font-size:14px;font-weight:500}.copy-button{display:inline-flex;align-items:center;gap:6px;background:#faf8ff;border:1px solid #e3d8fc;color:var(--purple);border-radius:7px;font-size:10px;line-height:1.3;padding:7px 8px;white-space:nowrap;transition:background .2s}.copy-button:hover{background:#eee5ff}.copy-button .icon{width:14px;height:14px}.large-swatches{display:flex;gap:10px}.large-swatches button{flex:1;min-width:0;padding:0;border:0;background:none;color:var(--muted)}.large-swatches button span{display:block;height:57px;background:var(--swatch);border-radius:8px;border:1px solid #00000003;transition:transform .2s}.large-swatches button:hover span{transform:translateY(-4px)}.large-swatches small{font-size:9px;display:block;margin-top:8px}.type-preview{border-top:1px solid var(--rule);margin-top:24px;padding-top:20px}.type-sample{display:flex;align-items:center;gap:27px;margin-top:16px}.type-sample>span{font:56px/1 Georgia,serif}.type-sample>div{font:15px Georgia,serif}.type-sample small{display:block;font:12px var(--sans);color:var(--muted);margin-top:7px}.type-preview p{font:15px/1.5 Georgia,serif;margin-top:20px;letter-spacing:-.3px}.feature-selectors{padding:25px 36px;display:flex;flex-direction:column;justify-content:space-around;background:white}.feature-selector{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid var(--rule);padding:23px 0;background:none}.feature-selector:last-child{border:0}.feature-number{display:flex;align-items:center;gap:20px;font-size:12px;color:#8e879a;margin-bottom:16px}.feature-number>span{display:block;height:1px;flex:1;background:transparent;transition:background .3s}.feature-selector[aria-selected=true] .feature-number{color:var(--purple)}.feature-selector[aria-selected=true] .feature-number>span{background:#a37df0}.feature-title{display:block;font:30px/1.12 var(--serif);letter-spacing:-.5px}.feature-description{display:block;color:var(--muted);font-size:15px;line-height:1.55;margin-top:12px;max-width:425px}.feature-selector:hover .feature-title{color:var(--purple)}.section-outro{display:flex;gap:24px;align-items:center;margin-top:40px;color:var(--muted);font-size:14px}.section-outro>span{height:1px;background:var(--rule);flex:1}.small-label{font-size:10px;color:var(--muted)}.large-type-sample{font:64px/1 Georgia,serif;height:100px;display:flex;align-items:center;color:var(--purple)}.font-spec{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin:8px 0 25px}.font-spec strong{font-weight:500}.font-spec span{font-size:10px;color:var(--muted)}.range-label{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-top:15px}#font-size{width:100%;accent-color:var(--purple);margin:12px 0 16px}.specimen-sentence{font:21px/1.3 Georgia,serif;margin:0 0 16px}.large-box-model{background:#f6f1ff;border:1px dashed #baa4e4;text-align:center;padding:12px;font-size:10px;color:#887599;border-radius:5px}.large-box-model>div{background:#ece3fc;border:1px solid #d9c8ef;margin-top:10px;padding:14px}.large-box-model strong{display:block;font-size:13px;font-weight:400;color:#7450ae;background:#ddd0f3;margin-top:14px;padding:20px}.layout-values{margin:20px 0;font-size:12px}.layout-values>div{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--rule)}.layout-values dt{color:var(--muted)}.layout-values dd{margin:0;font-family:monospace}
.workflow{background:var(--lavender);padding:83px 0 78px;text-align:center}.workflow h2{font-size:clamp(36px,4.3vw,64px);font-weight:500;line-height:1.12;letter-spacing:-2.1px}.workflow h2 em{font-size:1.17em}.steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin:52px 0 0}.steps li{position:relative;min-width:0}.step-number{display:block;font-size:15px;color:#898395;position:relative;width:100%}.step-number::after{content:'';position:absolute;left:calc(50% + 33px);top:50%;width:calc(100% - 18px);height:1px;background:#d8d1e3}.steps li:last-child .step-number::after{display:none}.step-icon{display:inline-flex;position:relative;margin-top:28px}.step-icon::before{content:'';position:absolute;width:45px;height:45px;border-radius:50%;background:#eee7fb;right:-12px;top:-7px}.step-icon .icon{position:relative;width:51px;height:51px;stroke-width:1.2}.steps h3{font-size:24px;line-height:1.3;font-weight:500;letter-spacing:-.7px;margin-top:22px}.steps p{font-size:16px;line-height:1.55;color:var(--muted);margin-top:12px}.use-cases{display:grid;grid-template-columns:1fr 1.2fr;gap:95px;align-items:center;padding-block:74px 95px;border-bottom:1px solid var(--rule)}.use-cases h2{font-size:clamp(46px,5.8vw,86px);line-height:1.03;font-weight:500;letter-spacing:-3px}.use-cases h2 em{font-size:1.22em}.role-list article{display:flex;align-items:center;gap:25px;padding:24px 0;border-bottom:1px solid var(--rule)}.role-list article:last-child{border:0}.role-icon{display:grid;place-items:center;background:#f6f2fc;width:64px;height:64px;flex:0 0 64px;border-radius:50%}.role-icon .icon{width:30px;height:30px;stroke-width:1.3}.role-list h3{font-weight:500;font-size:21px;letter-spacing:-.6px}.role-list p{font-size:15px;line-height:1.5;margin-top:4px;color:var(--muted)}.faq{display:grid;grid-template-columns:1fr 1.45fr;gap:70px;padding-block:100px 94px;align-items:start}.faq h2{font-size:clamp(44px,4.5vw,68px);line-height:1.05;letter-spacing:-2px;font-weight:500;padding-top:16px}.faq h2 em{font-size:1.2em}.faq-list details{border-bottom:1px solid #ded9e7;padding:0 22px}.faq-list details[open]{background:var(--lavender);border-color:transparent;border-radius:13px;margin-bottom:8px;padding-bottom:22px}.faq-list summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:17px;font-weight:500;padding:22px 0;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.disclosure-icon{position:relative;width:16px;height:16px;flex-shrink:0}.disclosure-icon::before,.disclosure-icon::after{content:'';position:absolute;background:#7c7587;top:7px;left:0;width:16px;height:1px;transition:transform .2s}.disclosure-icon::after{transform:rotate(90deg)}details[open] .disclosure-icon::after{transform:rotate(0)}.faq-list p{color:var(--muted);font-size:15px;line-height:1.6;max-width:610px}.closing{padding-block:65px 60px;background:var(--lavender);text-align:center}.closing h2{font-size:clamp(44px,5.2vw,80px);line-height:1.06;font-weight:400;letter-spacing:-2.2px}.closing h2 em{font-size:1.18em}.closing p{font-size:17px;color:var(--muted);margin-top:15px}.closing .button{margin-top:27px;min-width:205px}.closing .availability{margin-top:12px}.footer{padding-block:30px 24px}.footer-top{display:flex;align-items:center;gap:34px}.footer .brand{font-size:22px}.footer .brand img{width:31px;height:31px}.footer nav{display:flex;gap:29px;margin-left:auto;font-size:12px;color:var(--muted)}.footer nav a:hover{color:var(--purple)}.footer-top>p{font-size:13px;color:var(--muted);padding-left:32px;border-left:1px solid var(--rule)}.copyright{font-size:11px;color:#91899d;margin-top:18px}
@media(max-width:1200px){.section-intro{gap:40px;padding-inline:0}.section-intro>p{font-size:16px}.feature-stage{padding:30px 24px}.feature-inspector{width:82%}.feature-selectors{padding:15px 27px}.feature-title{font-size:27px}.feature-description{font-size:14px}.feature-selector{padding-block:20px}.large-swatches{gap:7px}.large-swatches small{font-size:8px}.type-preview p{font-size:13px}.feature-panel{padding-inline:15px}.use-cases{gap:65px}.faq{gap:50px}.role-list p{font-size:14px}}
@media(max-width:960px){.section-space{padding-block:62px}.section-intro{grid-template-columns:1fr;gap:22px}.section-intro>p{max-width:480px}.editorial-title{font-size:58px}.feature-showcase{grid-template-columns:1fr}.feature-stage{min-height:565px;padding:38px 70px}.feature-inspector{width:72%;max-width:410px}.reference-window{left:65px;width:65%}.feature-selectors{padding:0 30px;display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.feature-selector{border:0;padding-block:27px}.feature-title{font-size:23px}.feature-description{font-size:12px}.type-preview p{font-size:16px}.large-swatches small{font-size:10px}.feature-panel{padding-inline:22px}.workflow{padding-block:64px}.steps{gap:28px}.steps h3{font-size:20px}.steps p{font-size:14px}.step-number::after{width:calc(100% - 38px)}.use-cases{gap:35px;padding-block:60px}.use-cases h2{font-size:57px}.role-list article{gap:17px}.role-icon{width:49px;height:49px;flex-basis:49px}.role-icon .icon{width:26px;height:26px}.role-list h3{font-size:18px}.role-list p{font-size:13px}.faq{gap:35px;padding-block:64px}.faq h2{font-size:44px}.faq-list summary{font-size:15px}.faq-list p{font-size:14px}.footer-top{flex-wrap:wrap;gap:20px}.footer-top>p{display:none}}
@media(max-width:640px){.section-space{padding-block:55px}.section-intro{gap:20px;margin-bottom:28px}.editorial-title{font-size:42px;letter-spacing:-.8px}.section-intro>p{font-size:15px;line-height:1.6;max-width:320px}.feature-showcase{border-radius:12px}.feature-stage{min-height:465px;padding:23px 14px}.feature-inspector{width:88%;min-height:412px;border-radius:11px}.feature-inspector-header{padding:16px 14px 10px;font-size:14px}.feature-inspector-header img{width:25px;height:25px}.feature-view-label{padding:6px 15px 11px;font-size:12px}.feature-panel{padding:18px 13px;min-height:310px}.panel-heading{margin-bottom:16px}.panel-heading h3,.type-preview h3{font-size:12px}.copy-button{font-size:9px;padding:6px}.large-swatches{gap:6px}.large-swatches button span{height:46px;border-radius:6px}.large-swatches small{font-size:7px}.type-preview{margin-top:19px;padding-top:17px}.type-sample{gap:18px;margin-top:14px}.type-sample>span{font-size:46px}.type-sample>div{font-size:13px}.type-sample small{font-size:11px}.type-preview p{font-size:11px;line-height:1.6;margin-top:16px;letter-spacing:0}.reference-window{left:13px;width:66%;height:76%}.reference-page{padding:10px}.reference-picture{height:220px}.reference-picture>span{display:none}.reference-thumbs>*{height:48px}.reference-thumbs{gap:6px}.feature-selectors{display:flex;flex-direction:column;gap:0;padding:0 21px}.feature-selector{padding:23px 0;border-bottom:1px solid var(--rule)}.feature-title{font-size:27px}.feature-description{font-size:14px;line-height:1.55;margin-top:8px}.feature-number{font-size:11px;margin-bottom:11px}.section-outro{gap:12px;margin-top:28px;font-size:11px;white-space:nowrap}.workflow{padding-block:54px 48px}.workflow h2{font-size:33px;letter-spacing:-1.3px}.workflow h2 em{font-size:1.15em}.steps{grid-template-columns:1fr;text-align:left;gap:33px;margin-top:40px;padding-left:12px}.steps li{padding-left:68px;min-height:115px}.step-number{position:absolute;left:0;top:0;width:auto;font-size:11px}.step-number::after{display:none}.step-icon{position:absolute;left:-7px;top:24px;margin:0}.step-icon .icon{width:36px;height:36px}.step-icon::before{width:30px;height:30px;right:-5px;top:-4px}.steps h3{margin:0;font-size:22px}.steps p{font-size:15px;margin-top:9px;max-width:235px}.desktop-break{display:none}.use-cases{grid-template-columns:1fr;gap:27px;padding-block:53px}.use-cases h2{font-size:51px;letter-spacing:-2px}.role-list article{padding-block:20px;gap:16px}.role-list h3{font-size:20px}.role-list p{font-size:14px}.role-icon{width:53px;height:53px;flex-basis:53px}.faq{grid-template-columns:1fr;gap:30px;padding-block:52px}.faq h2{font-size:45px;letter-spacing:-1.5px;padding:0}.faq-list details{padding-inline:15px}.faq-list summary{font-size:15px;padding-block:20px;gap:15px}.faq-list p{font-size:14px}.closing{padding-block:53px 48px}.closing h2{font-size:43px;letter-spacing:-1.4px}.closing p{font-size:14px;max-width:270px;margin:17px auto 0}.closing .button{font-size:15px;min-height:52px;margin-top:24px}.closing .availability{font-size:10px}.footer{padding-block:26px}.footer-top{gap:25px}.footer .brand{font-size:21px}.footer nav{width:100%;margin:0;gap:26px;font-size:12px}.copyright{font-size:10px;margin-top:23px}.large-type-sample{height:85px}.font-spec{margin-bottom:10px}.specimen-sentence{font-size:17px}.large-box-model{padding:8px}.large-box-model>div{padding:10px}.large-box-model strong{padding:13px}.layout-values{margin-block:15px}}
/* The editorial serif matches the weight and proportions of the concept. */
.hero h1{font-family:Georgia,serif;font-size:clamp(72px,6.6vw,104px);letter-spacing:-5.5px;line-height:.98}.hero h1 em{font-family:var(--serif);font-size:1.15em;letter-spacing:-2.5px}.editorial-title{font-family:Georgia,serif;font-size:clamp(44px,4.1vw,65px);letter-spacing:-2.3px;line-height:1.12}.editorial-title em{font-size:1.2em}.feature-title{font-family:Georgia,serif;font-size:26px;letter-spacing:-.9px;line-height:1.2}.selection{font-family:Georgia,serif;font-size:clamp(24px,2.1vw,33px);letter-spacing:-1px;background:transparent}.sample-content p{font-family:Georgia,serif;font-size:11px}
@media(max-width:1200px){.hero h1{font-size:76px}.feature-title{font-size:23px}.selection{font-size:25px}}
@media(max-width:960px){.hero h1{font-size:94px}.editorial-title{font-size:54px}.feature-title{font-size:21px}.selection{font-size:31px}}
@media(max-width:640px){.hero h1{font-size:clamp(57px,15.6vw,82px);letter-spacing:-3.5px;line-height:1}.hero h1 em{font-size:1.23em;letter-spacing:-2px}.editorial-title{font-size:36px;letter-spacing:-1.5px}.feature-title{font-size:24px}.selection{font-size:clamp(14px,3.7vw,23px);letter-spacing:-.6px}.sample-content p{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}