@font-face{font-family:Vivid;src:url('/assets/jakarta.woff2') format('woff2');font-weight:200 800;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fcfaff;color:#1d1630;font-family:Vivid,Arial,sans-serif;font-size:16px;line-height:1.75}a{color:#5a35ba;text-underline-offset:5px}img{max-width:100%;height:auto}button,input{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #6260ff;outline-offset:5px}.skip{position:absolute;top:-100px;left:20px;background:white;padding:12px;z-index:100}.skip:focus{top:10px}.wrap{width:min(1200px,88%);margin-inline:auto}.site-header{padding:22px 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e4dced;background:#fcfaff;gap:25px}.site-header .brand{display:block;flex-shrink:0}.site-header img{width:150px;display:block}.site-header nav{display:flex;align-items:center;gap:34px}.site-header nav a{font-size:14px;font-weight:650;text-decoration:none;color:#493556}.studio-link{border:1px solid #d9c8ed;border-radius:12px;padding:12px 18px}h1,h2,h3{line-height:1.12;letter-spacing:-.045em;font-weight:750}h1{font-size:clamp(46px,6.4vw,88px);margin:20px 0 25px}h2{font-size:clamp(32px,4vw,52px);margin:0 0 26px}h3{font-size:23px;letter-spacing:-.025em}p{margin:0 0 24px;color:#5b5265}em{font-style:normal;color:#7651d1}.eyebrow{font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:#6d44a5;font-weight:750;margin-bottom:18px}.lead{font-size:clamp(19px,2vw,23px);line-height:1.65;color:#493c58}.hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:7%;padding-block:76px 95px}.hero h1{letter-spacing:-.065em}.hero .lead{max-width:570px}.hero-proof{transform:rotate(2deg);padding:26px;background:#eadefc;border-radius:30px;box-shadow:0 16px 50px #54356b12}.hero-proof .example{margin:0;background:#fff5e4;border-radius:16px;overflow:hidden}.hero-proof .example svg{width:100%;display:block}.hero-proof figcaption{background:#fffcf7}.hero-proof>p{font-size:12px;font-weight:650;text-align:center;margin:18px 0 0}.palette-strip{display:flex;height:38px;margin-top:20px;border-radius:8px;overflow:hidden}.palette-strip i{flex:1}.button,button{display:inline-flex;gap:25px;align-items:center;background:#6e28e8;color:white;padding:16px 25px;border-radius:12px;border:0;text-decoration:none;font-weight:700;font-size:16px;cursor:pointer}.button:hover,button:hover{background:#502096}.audience{padding:65px 0 80px;border-top:1px solid #e1d6ef}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:42px}.three article{border-top:3px solid #cba9f8;padding-top:7px}.three h3{font-size:22px}.three p{font-size:15px}.workflow{background:#eee5fc;padding:75px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.journey{padding:0;list-style:none;margin:0}.journey li{display:flex;gap:26px;padding:25px 0;border-bottom:1px solid #d6c3ef}.journey li:first-child{padding-top:0}.journey b{font-size:14px;color:#8253bf;padding-top:3px}.journey h3{margin:0 0 12px}.journey p{font-size:15px;margin-bottom:8px}.journey a{font-size:14px;font-weight:650}.section{padding-block:75px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:30px}.text-link{font-weight:600;text-decoration:none;border-bottom:0;padding-bottom:0}.text-link::after{content:"→";display:inline-block;margin-inline-start:.45em;font-weight:400;line-height:1;text-decoration:none}.text-link:hover,.text-link:focus-visible{text-decoration:none;border-bottom:0}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-top:32px}.tool-card{background:#fff;border:1px solid #e1d6ec;border-radius:18px;overflow:hidden;text-decoration:none;color:inherit;transition:box-shadow .15s}.tool-card:hover{box-shadow:0 10px 30px #54356b15}.tool-card figure{margin:0;background:#f3ecfb}.tool-card h3{font-size:20px;margin:24px 23px 12px;display:flex;justify-content:space-between;gap:10px}.tool-card p{font-size:14px;margin:0 23px 26px}.tool-card figcaption{display:none}.example{margin:0;min-width:0}.example svg{display:block;width:100%;height:auto}.example figcaption{font-size:12px;color:#75697f;padding:12px 16px;text-align:center}.about-band{display:grid;grid-template-columns:320px 1fr;gap:75px;align-items:center;padding:50px 6%;background:#f0e6f8;border-radius:26px}.about-band img{border-radius:50%;width:320px}.about-band p{font-size:16px}.guide-promo{display:grid;grid-template-columns:1fr 1fr;gap:8%}.guide-links{display:flex;flex-direction:column;justify-content:center}.guide-links a{padding:22px 0;border-bottom:1px solid #dfd1ee;text-decoration:none;display:flex;justify-content:space-between;font-weight:650;gap:20px}.site-footer{background:#21152f;color:#fcfaff;padding:60px 6% 30px;display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:30px}.site-footer img{width:160px}.site-footer p{color:#d9c8ed;font-size:18px}.site-footer nav{display:flex;flex-wrap:wrap;gap:12px 24px;align-content:start}.site-footer a{color:#f2eafa;font-size:13px}.site-footer small{grid-column:1/-1;border-top:1px solid #513762;padding-top:25px;color:#cbb6da;font-size:12px}.page-heading{padding-block:65px 45px}.page-heading h1{max-width:1000px}.page-heading .lead{max-width:880px}.back{font-size:13px}.about-intro{display:grid;grid-template-columns:1.4fr 1fr;gap:9%;align-items:center}.about-intro img{border-radius:50%}.reading{max-width:800px;padding-block:30px 85px}.reading h2{font-size:36px;margin-top:50px}.reading p{font-size:17px;line-height:1.95}.reading.page-heading{padding-top:80px}.tool-detail{background:#f0e7fa;border-radius:22px;padding:30px 40px;gap:45px}.tool-detail dl{margin:0}.tool-detail dl>div{padding:25px 0;border-bottom:1px solid #dac9ec}.tool-detail dt{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#765294;font-weight:750}.tool-detail dd{margin:8px 0 0;font-size:20px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;list-style:none;padding:0;margin-top:38px}.steps b{font-size:14px;color:#9b6bcc}.steps p{font-size:18px;margin-top:14px}.note{border-top:1px solid #e3d8ed;font-size:14px;padding-top:28px;max-width:950px}.related{border-top:1px solid #e3d8ed;padding:45px 0 80px}.related h2{font-size:30px}.related a{display:inline-block;margin:0 30px 15px 0}.guide-list{padding-bottom:85px}.guide-list>a{display:grid;grid-template-columns:40px 1fr 30px;gap:25px;border-top:1px solid #e1d6ec;padding:32px 0;text-decoration:none}.guide-list h2{font-size:26px;margin:0 0 10px}.guide-list p{margin:0;font-size:15px}.guide-list span{font-size:13px;color:#9a78b7}.guide-list b{font-size:22px}.contrast-demo{display:grid;grid-template-columns:1fr 1.5fr;background:#eadefc;border-radius:22px;padding:35px;gap:45px;margin-bottom:40px}.contrast-demo form{display:flex;flex-direction:column;gap:15px}.contrast-demo label{display:flex;align-items:center;justify-content:space-between;gap:18px}.contrast-demo input{width:80px;height:48px;border:1px solid #b79acb;border-radius:6px;padding:3px;background:white}.contrast-demo form p{font-size:14px;margin:0}.contrast-demo button{align-self:start}.contrast-demo #contrast-preview{border-radius:15px;padding:40px}.contrast-demo #contrast-preview *{color:inherit}.contrast-demo #contrast-preview>p:first-child{font-size:11px;letter-spacing:.13em}.contrast-demo h2{font-size:38px}.guide-article{max-width:1000px;margin:auto;padding:50px 35px 85px}.guide-article h1{font-size:clamp(44px,6vw,75px)}.guide-article .tag{margin-top:30px}.guide-article .guide-hero-art{background:#eee5fc}.guide-article .worked{padding:35px;background:#f1eafa;margin-top:40px;border-radius:15px}.guide-article .worked h2{font-size:30px}.guide-article .worked .example{max-width:600px;margin:20px auto}.guide-article .worked p{font-size:16px}.guide-article .repeat-sample{width:280px;display:block;margin:20px auto}.join-comparison{display:grid;grid-template-columns:1fr 1fr;gap:20px}.join-comparison figure{margin:15px 0}.join-comparison figcaption{font-size:13px}.sample-join{height:220px;background:url('/assets/practice-repeat.svg') repeat;background-size:110px}.sample-join.broken{position:relative}.sample-join.broken:before,.sample-join.broken:after{content:'';position:absolute;background:white}.sample-join.broken:before{height:4px;width:100%;top:50%}.sample-join.broken:after{width:4px;height:100%;left:50%}.guide-article svg text{font-family:Vivid,Arial,sans-serif!important;font-stretch:normal!important}.guide-article .chapter p{color:#5b5265}.site-header span{display:initial}.site-header nav a,.site-footer nav a{letter-spacing:0}.site-footer>p{margin-top:0}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media(max-width:900px){.site-header{padding:18px 5%;gap:20px}.site-header img{width:125px}.site-header nav{gap:18px}.site-header nav a{font-size:12px}.hero{gap:5%;padding-block:55px 65px}.hero-proof{padding:16px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.three{gap:25px}.about-band{grid-template-columns:220px 1fr;gap:35px;padding:35px}.site-footer{grid-template-columns:1fr 1fr}.site-footer nav{grid-column:1/-1}.guide-promo{gap:40px}.tool-detail{padding:25px}.split{gap:6%}}
@media(max-width:650px){.wrap{width:88%}.site-header{align-items:center;flex-wrap:wrap;padding:18px 6% 14px;gap:18px}.site-header img{width:125px}.site-header nav{width:100%;justify-content:space-between;gap:12px;flex-wrap:wrap}.studio-link{padding:7px 10px}.hero{grid-template-columns:1fr;gap:40px;padding-top:40px}.hero h1{font-size:57px}.hero-proof{transform:none}.hero .lead{font-size:20px}.three,.split,.steps,.guide-promo,.contrast-demo{grid-template-columns:1fr}.three{gap:16px;margin-top:30px}.audience{padding-block:45px}.workflow{padding-block:45px}.journey{margin-top:35px}.section{padding-block:45px}.section-heading{display:block}.section-heading h2{margin-bottom:16px}.tool-grid{grid-template-columns:1fr}.tool-card .example svg{max-height:260px}.about-band{grid-template-columns:1fr;text-align:left;gap:30px;padding:30px 24px}.about-band img{width:220px;margin:auto}.guide-links{margin-top:10px}.site-footer{padding:45px 6% 25px;gap:25px}.site-footer img{width:125px}.site-footer p{font-size:15px}.page-heading{padding-block:40px 30px}.page-heading h1{font-size:45px}.about-intro{grid-template-columns:1fr;gap:35px}.about-intro img{width:260px;margin:auto;grid-row:1}.reading h2{font-size:30px}.reading p{font-size:16px}.tool-detail{padding:22px}.tool-detail dl{margin-top:15px}.tool-detail dd{font-size:18px}.steps{gap:6px}.steps li{display:flex;gap:20px;align-items:baseline}.steps p{font-size:16px}.guide-list>a{grid-template-columns:25px 1fr 18px;gap:15px}.guide-list h2{font-size:23px}.contrast-demo{padding:25px;gap:25px}.contrast-demo #contrast-preview{padding:25px}.guide-article{padding:35px 6% 55px}.guide-article .chapter{grid-template-columns:25px 1fr;gap:14px}.guide-article .worked{padding:22px}.join-comparison{grid-template-columns:1fr}.guide-article .worked .text-link{display:inline-block}.site-footer small{padding-top:20px}}

.byline{font-size:13px;color:#75697f}

.hero h1{font-size:clamp(44px,4.7vw,70px)}@media(max-width:650px){.hero h1{font-size:48px}}
/* Demonstrations and benefit-led tool pages. */
h1,h2,h3{letter-spacing:-.035em}.hero{grid-template-columns:1fr 1.06fr;gap:6%;padding-top:48px;padding-bottom:65px}.hero h1{font-size:clamp(46px,4.7vw,74px);line-height:1.08;max-width:600px}.hero>div>p{max-width:560px}.hero-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:28px}.artist-credit{font-size:13px!important;margin-top:24px;color:#766586}.showcase{min-width:0;background:#fff;border:1px solid #dfd1ec;border-radius:24px;box-shadow:0 24px 70px #44276812;overflow:hidden}.showcase-stage{position:relative}.showcase-slide[hidden]{display:none}.showcase-image{aspect-ratio:1.2;background:#f4ebf8;overflow:hidden}.showcase-image img{width:100%;height:100%;object-fit:cover}.showcase-caption{padding:22px 24px;display:flex;justify-content:space-between;align-items:center;gap:18px;min-height:107px}.showcase-caption h2{font-size:19px;letter-spacing:-.025em;margin:0 0 6px}.showcase-caption p{margin:0;font-size:13px;color:#70617d}.watch-button{background:#7426e9;color:#fff;border:0;border-radius:50%;width:44px;height:44px;flex:0 0 44px;cursor:pointer;display:grid;place-items:center}.watch-button svg{width:22px;height:22px;fill:currentColor}.carousel-nav{border-top:1px solid #eee7f5;display:flex;padding:12px 20px;align-items:center;gap:10px}.carousel-nav>button{border:0;background:transparent;font-size:19px;color:#6a458d;cursor:pointer;padding:5px 9px}.carousel-nav>button[data-carousel-toggle]{font-size:14px}.carousel-dots{display:flex;gap:7px;justify-content:center;flex:1}.carousel-dots button{border:0;width:7px;height:7px;padding:0;background:#d8c7e7;border-radius:20px;cursor:pointer}.carousel-dots button[aria-pressed=true]{width:23px;background:#7426e9}.demo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:36px}.demo-tile{display:block;text-align:left;padding:0;overflow:hidden;border:1px solid #e1d4ef;border-radius:18px;background:#fff;color:#251a33;font:inherit;cursor:pointer}.demo-tile>img{width:100%;aspect-ratio:1.4;object-fit:cover}.demo-tile>span{display:block;padding:21px}.demo-tile b{display:block;font-size:17px}.demo-tile small{display:flex;justify-content:space-between;font-size:12px;color:#78578d;margin-top:10px}.demo-tile i{font-style:normal;color:#7426e9}.demo-tile:hover{border-color:#a56bdd;box-shadow:0 12px 25px #39214b0c}.value-section{display:grid;grid-template-columns:1fr 1fr;gap:9%;border-top:1px solid #e8dfef}.value-section h2{font-size:40px}.value-copy{padding-top:5px}.tool-intro{padding-block:40px 65px}.tool-opening{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center;margin-top:30px}.tool-opening h1{font-size:21px;letter-spacing:0;font-weight:650;color:#753fa1;margin-bottom:18px}.tool-promise{font-size:clamp(34px,3.7vw,53px)!important;line-height:1.12;letter-spacing:-.035em;font-weight:750;color:#23152f!important}.tool-opening .lead{font-size:18px;line-height:1.7}.tool-hero-image{background:#f2eafa;border-radius:24px;overflow:hidden}.real-example{padding:0!important;background:transparent!important;margin:0!important;max-width:none!important}.real-example img{width:100%;height:auto;aspect-ratio:1.15;object-fit:cover;display:block}.tool-card{padding:0!important;overflow:hidden}.tool-card .real-example img{aspect-ratio:1.35}.tool-card .card-copy{padding:25px}.tool-card h3{font-size:21px;margin:0 0 14px}.tool-card h3 span{float:right}.tool-card p{font-size:16px}.tool-opportunities{display:grid;grid-template-columns:1fr 1fr;gap:25px 9%;padding-block:35px 55px}.tool-opportunities>div:first-child{display:none}.benefit-list{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:35px;list-style:none;margin:0 0 25px;padding:0}.benefit-list li{display:flex;gap:16px;font-size:17px;color:#55425e}.benefit-list svg{width:23px;height:23px;stroke:#7426e9;stroke-width:2.3;fill:none;flex:0 0 23px}.make-with{grid-column:1/-1;border-top:1px solid #e8deef;padding-top:35px;display:grid;grid-template-columns:1fr 1.4fr;gap:40px}.make-with h2{font-size:32px}.make-with p{font-size:20px;margin:0}.file-details{border-top:1px solid #e3d8ec;padding-block:40px 65px;max-width:950px}.file-details h2{font-size:31px;margin-bottom:25px}.file-details p{font-size:17px}.related{padding-bottom:60px;display:flex;gap:35px}.pattern-try{display:grid;grid-template-columns:1fr .65fr;gap:8%;background:#f1e8f9;padding:35px;border-radius:22px;align-items:center;margin-top:30px}.pattern-try svg{display:block;width:100%;height:auto;border-radius:12px}.pattern-try label,.palette-try label{display:flex;flex-direction:column;gap:10px;font-size:14px;font-weight:650;margin-bottom:24px}.pattern-try select,.palette-try select{width:100%;padding:14px;border:1px solid #cdb9e1;background:#fff;border-radius:9px;font:inherit}.pattern-try input[type=color],.palette-try input[type=color]{width:100%;height:55px;border:1px solid #d4c2e6;border-radius:8px;background:white;padding:5px}.pattern-try input[type=range]{width:100%;accent-color:#7426e9}.palette-try{background:#f1e8f9;padding:35px;border-radius:22px;margin-top:30px}.palette-try form{display:flex;gap:25px;align-items:end;margin-top:30px}.palette-try label{flex:1;margin:0}.palette-try .button{flex:1}.palette-try #palette-demo-swatches{display:flex;gap:12px}.palette-try #palette-demo-swatches>div{flex:1;min-width:0;background:#fff;border-radius:12px;overflow:hidden}.palette-try i{display:block;height:150px;background:var(--swatch)}.palette-try span{display:block;padding:12px 5px;text-align:center;font-size:13px}.video-dialog{border:0;padding:26px;width:min(1050px,94vw);max-height:94dvh;border-radius:18px;background:#fcfaff;box-shadow:0 20px 90px #25133255;overflow:auto}.video-dialog::backdrop{background:#201529c9;backdrop-filter:blur(6px)}.video-dialog h2{font-size:22px;margin:0 50px 20px 0}.video-dialog video{width:100%;max-height:72dvh;display:block;background:#f1eafa;border-radius:10px}.dialog-close{position:absolute;right:20px;top:16px;font-size:29px;border:0;background:transparent;color:#5a3876;cursor:pointer}.video-dialog p{font-size:14px;margin:17px 0 0}.guide-list>a{grid-template-columns:1fr 24px}.eyebrow,.chapter-number,.chapter-num{display:none!important}.guide-article .chapter{grid-template-columns:1fr}.guide-article .chapter>span:first-child{display:none}
@media(max-width:900px){.hero{gap:4%;padding-top:35px}.showcase-caption{padding:18px}.showcase-caption h2{font-size:16px}.showcase-caption p{font-size:11px}.demo-grid{gap:16px}.demo-tile>span{padding:16px}.demo-tile b{font-size:14px}.benefit-list{gap:25px}.tool-opening{gap:5%}.tool-promise{font-size:36px!important}.value-section{gap:6%}.value-section h2{font-size:34px}}
@media(max-width:650px){.hero{grid-template-columns:1fr;gap:38px;padding-bottom:38px}.hero h1{font-size:49px}.showcase-image{aspect-ratio:1.25}.showcase-caption h2{font-size:18px}.showcase-caption p{font-size:12px}.showcase-caption{min-height:100px}.demo-grid{grid-template-columns:1fr 1fr;gap:14px}.demo-tile small{font-size:10px}.demo-tile b{font-size:13px;line-height:1.4}.demo-tile>span{padding:14px}.demo-tile>img{aspect-ratio:1}.value-section,.tool-opening,.tool-opportunities,.make-with,.pattern-try{grid-template-columns:1fr}.tool-opening{gap:30px}.tool-intro{padding-bottom:35px}.tool-promise{font-size:37px!important}.benefit-list{grid-template-columns:1fr;gap:20px}.make-with{gap:20px}.make-with p{font-size:18px}.file-details h2{font-size:29px}.palette-try,.pattern-try{padding:22px}.palette-try form{display:block}.palette-try label{margin-bottom:20px}.palette-try .button{width:100%}.palette-try i{height:100px}.palette-try #palette-demo-swatches{gap:5px}.palette-try span{font-size:9px;padding:10px 0}.related{display:block}.related a{display:block;margin-top:18px}.video-dialog{padding:20px}.artist-credit{font-size:12px!important}}
@media(min-width:900px){.hero{padding-top:36px;padding-bottom:45px}.showcase-image{height:340px;aspect-ratio:auto}.showcase-caption{min-height:88px;padding:18px 22px}.carousel-nav{padding-block:9px}.hero h1{font-size:66px}.hero .lead{font-size:21px}}
h1,h2,.hero h1,.tool-promise{letter-spacing:-.035em}
@media(max-width:650px){.hero>div:first-child{display:contents}.hero h1{order:0}.hero .lead{order:1}.hero .showcase{order:2}.hero .hero-actions{order:3}.hero>div:first-child>p:not(.lead):not(.artist-credit){order:4}.hero .artist-credit{order:5}.hero{gap:24px}}
/* Real tool screens in a native, swipeable showcase. */
.hero.wrap{width:min(1600px,94%);grid-template-columns:minmax(300px,.58fr) minmax(0,1.42fr);gap:4%;padding-top:28px;padding-bottom:38px}
.hero h1{font-size:clamp(44px,4.2vw,64px)}.hero .lead{font-size:20px}.hero>div:first-child>p:not(.lead){font-size:15px}.hero .hero-actions{gap:15px}.hero .hero-actions .button{padding:15px 20px;font-size:14px}
.showcase{align-self:center;border-radius:20px}.showcase-stage{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y pinch-zoom;cursor:grab;outline-offset:-4px}.showcase-stage::-webkit-scrollbar{display:none}.showcase-stage.dragging{scroll-snap-type:none;scroll-behavior:auto;cursor:grabbing}.showcase-slide{flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always;user-select:none}.showcase-image{height:auto;aspect-ratio:2.02;background:#faf7ff}.showcase-image img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none;-webkit-user-drag:none}.showcase-caption{min-height:80px;padding:16px 24px}.showcase-caption h2{font-size:21px}.showcase-caption p{font-size:14px}.watch-button{width:46px;height:46px;flex-basis:46px}.carousel-nav{padding:11px 18px;gap:12px}.swipe-cue{font-size:12px;color:#745d86;margin-right:auto}.carousel-dots{flex:0 1 auto;margin-inline:10px}.carousel-dots button{width:9px;height:9px}.carousel-dots button[aria-pressed=true]{width:27px}.demo-tile>img{aspect-ratio:2.02;object-fit:contain;background:#faf7ff}
@media(min-width:1200px){.hero .hero-actions{align-items:flex-start;flex-direction:column}.hero h1{margin-top:0}.hero .artist-credit{font-size:12px!important}.hero .lead{line-height:1.55}}
@media(max-width:1000px){.hero.wrap{grid-template-columns:1fr;gap:30px;width:92%}.hero>div:first-child{max-width:800px}.hero h1{font-size:52px}.hero h1 br{display:none}.hero .hero-actions{flex-direction:row}.hero>div>p{max-width:760px}.showcase{width:100%}}
@media(max-width:650px){.hero.wrap{width:94%;padding-top:28px;gap:23px}.hero h1{font-size:44px}.hero .lead{font-size:19px}.showcase{order:2;border-radius:14px;width:100%}.showcase-image{aspect-ratio:1.95}.showcase-caption{padding:14px;min-height:91px}.showcase-caption h2{font-size:19px}.showcase-caption p{font-size:12px}.carousel-nav{padding:12px 10px;gap:7px}.swipe-cue{font-size:10px}.carousel-dots{gap:6px;margin-inline:0}.carousel-dots button{width:7px;height:7px}.carousel-dots button[aria-pressed=true]{width:18px}.carousel-nav>button{padding:4px 5px}.demo-tile>img{aspect-ratio:2.02}}
@media(prefers-reduced-motion:reduce){.showcase-stage{scroll-behavior:auto}}
/* Shared navigation and deliberate, consistent content alignment. */
.site-header{padding-block:17px;min-height:98px}.site-header img{width:140px}.site-header nav{gap:28px}.site-header .studio-link{display:inline-flex;align-items:center;justify-content:center;padding:12px 21px;border:0;background:#7226df;color:white;border-radius:10px}.site-header .studio-link:hover{background:#5720a7}.site-footer{background:#f1eaf8;color:#2d203c;border-top:1px solid #e3d6ed}.site-footer p{color:#6b5878}.site-footer a{color:#5b3a73}.site-footer small{color:#816b90;border-color:#d8c8e5}.site-footer>a{padding:0;background:transparent!important}.site-footer img{display:block;width:156px;background:transparent}.tool-card .card-copy{padding:24px;text-align:left}.tool-card .card-copy h3{display:block;margin:0 0 14px;text-align:left;font-size:22px;line-height:1.25}.tool-card .card-copy p{margin:0;text-align:left;font-size:15px;line-height:1.7}.tool-card .card-copy h3 span{display:none}.tool-intro{padding-top:27px}.tool-opening{margin-top:22px;gap:6%;grid-template-columns:1fr 1.15fr}.tool-hero-image .real-example img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain}.tool-opening .hero-actions{gap:18px}.tool-intro .tool-promise{font-size:clamp(33px,3.2vw,49px)!important}.file-details{padding-top:34px}.page-heading{padding-top:34px}.contrast-demo{align-items:stretch}.contrast-demo form{min-width:0}.contrast-demo input[type=color]{max-width:100%}
.watch-opening{padding-top:25px;padding-bottom:25px}.watch-opening>div{display:flex;gap:30px;justify-content:space-between;align-items:center;margin-top:20px}.watch-opening h1{font-size:42px;line-height:1.15;margin:0}.watch-opening h1 span{display:block;font-size:20px;font-weight:450;color:#786087;letter-spacing:0;margin-top:12px}.watch-opening .button{font-size:14px;padding:14px 20px;flex-shrink:0}.watch-wide{width:min(1440px,94%);margin:0 auto 45px}.film-player{border:1px solid #e3d9ed;border-radius:16px;overflow:hidden;background:#fcfaff}.film-player video{display:block;width:100%;max-height:72vh;object-fit:contain;background:#f3edf9;aspect-ratio:1512/713}.film-controls{padding:14px 22px;background:white;border-top:1px solid #e9dfef}.film-seek{display:grid;grid-template-columns:48px 1fr 48px;gap:13px;align-items:center}.film-seek time{font-size:13px;color:#745987;font-variant-numeric:tabular-nums}.film-seek time:last-child{text-align:right}.film-position{width:100%;min-height:30px;margin:0;accent-color:#7426df;cursor:pointer}.film-buttons{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:6px}.film-buttons>span{flex:1}.film-buttons button{background:#f3ecfa;color:#5b3278;border-radius:8px;padding:9px 13px;font-size:12px;min-height:38px;display:block}.film-buttons .film-play{background:#7426df;color:white;min-width:78px}.film-player:fullscreen{border:0;border-radius:0;display:flex;flex-direction:column;justify-content:center;background:#181220}.film-player:fullscreen video{max-height:calc(100vh - 120px);flex:1;min-height:0}.watch-explained{display:grid;grid-template-columns:1fr 1fr;gap:9%;padding-bottom:30px}.watch-explained h2{font-size:35px}.watch-explained p{font-size:16px;line-height:1.8}.watch-explained>div+div p{padding-bottom:15px;border-bottom:1px solid #e8deee}.watch-more{padding-block:25px 55px;display:flex;gap:14px 25px;flex-wrap:wrap;border-top:1px solid #e5d9ef}.watch-more a{font-size:14px;text-decoration:none;color:#70458f}
@media(max-width:700px){.site-header{padding:15px 5%;gap:18px;flex-wrap:wrap}.site-header img{width:108px}.site-header nav{gap:15px;flex-wrap:wrap;justify-content:flex-start}.site-header nav a{font-size:12px}.site-header .studio-link{padding:9px 13px}.tool-opening{grid-template-columns:1fr}.watch-opening>div{display:block}.watch-opening h1{font-size:33px}.watch-opening .button{margin-top:20px}.watch-wide{width:94%;margin-bottom:30px}.film-controls{padding:12px}.film-buttons{gap:7px}.film-buttons button{font-size:11px;padding:8px 10px}.film-buttons>span{display:none}.film-player video{max-height:none}.watch-explained{grid-template-columns:1fr;gap:20px}.watch-explained h2{font-size:30px}.watch-more{gap:14px 20px}.site-footer{grid-template-columns:1fr;gap:22px}}

.film-player.is-expanded{position:fixed;inset:0;z-index:10000;border:0;border-radius:0;display:flex;flex-direction:column;justify-content:center;background:#181220}.film-player.is-expanded video{max-height:calc(100dvh - 120px);flex:1;min-height:0}.film-player.is-expanded .film-controls{flex-shrink:0}