/* Blank Technica company storefront and ORP. product choreography */
.brand-wordmark{font-size:23px;font-weight:600;letter-spacing:-1px;line-height:.86;display:inline-block}.header-inner{padding:0 20px}.main-nav{align-items:center;gap:30px}.header-download{font-size:24px;width:33px;height:33px;border:1.5px solid;border-radius:50%;display:grid;place-items:center}.products-menu{position:relative;padding:22px 0}#products-toggle{font:inherit;border:0;background:transparent;color:inherit;padding:0;display:flex;gap:8px;align-items:center}#products-toggle[aria-expanded=true]{color:#777}.chevron{transition:transform .2s}#products-toggle[aria-expanded=true] .chevron{transform:rotate(180deg)}.products-dropdown{position:absolute;left:50%;transform:translateX(-50%);top:100%;width:290px;border-radius:25px;background:#ededebd9;backdrop-filter:blur(30px) saturate(1.25);padding:25px;border:1px solid #ffffff60;box-shadow:0 14px 40px #00000008}.products-dropdown[hidden]{display:none}.products-dropdown a{display:flex;align-items:center;gap:17px;font-size:21px;line-height:1.05}.product-badge{display:inline-block;border:3px solid currentColor;border-radius:13px;font-size:54px;letter-spacing:-.065em;font-weight:500;padding:3px 10px;line-height:1.05}.products-dropdown .product-badge{font-size:38px;border-width:2px;border-radius:10px}.brand-hero{margin:0 3.2%;border-radius:26px;background:#ccc;min-height:650px;height:calc(100svh - 130px);max-height:930px;padding:38px 4%;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.brand-hero-top{display:flex;justify-content:space-between;align-items:start}.brand-hero-top h1{font-size:clamp(65px,7vw,112px);margin:0;border-width:4px;border-radius:18px}.brand-hero-top p{font-size:clamp(28px,3.4vw,52px);letter-spacing:-.055em;line-height:.95;margin:0;text-align:right}.brand-product-visual{display:block;width:min(77%,1100px);margin:10px auto;perspective:1500px}.brand-product-visual .app-window{border-radius:12px;transform:rotateX(5deg);max-height:420px;box-shadow:0 25px 38px #0003;transition:transform .5s}.brand-product-visual:hover .app-window{transform:rotateX(0deg) translateY(-4px)}.brand-product-visual .app-body{min-height:290px}.brand-product-visual .sample-row{padding:9px 14px}.brand-hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:20px}.brand-hero-bottom p{margin:0;font-size:19px;line-height:1.15;letter-spacing:-.035em}.brand-hero-bottom>div{display:flex;gap:10px}.brand-hero-bottom .button{padding:12px 19px;min-height:42px;border-radius:9px;font-size:15px}.brand-hero-bottom .secondary{background:#989895;color:white}.brand-tiles{margin:8px 3.2% 85px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.brand-tile{padding:35px 40px;border-radius:25px;min-height:380px;position:relative;overflow:hidden;display:flex;flex-direction:column}.brand-tile>span{font-size:12px;letter-spacing:.08em}.brand-tile h2{font-size:43px;letter-spacing:-.055em;font-weight:500;line-height:1.03;margin:25px 0}.brand-tile>p{margin-top:auto;font-size:15px}.dark-tile{background:#262726;color:#f2f2ec}.light-tile{background:#e8e8e2}.tile-waves{display:grid;gap:14px;margin:15px 0 30px;max-width:85%;color:#aebcff}.tile-waves .wave{height:35px}.guide-index{display:grid;gap:14px;font-size:14px;margin:10px 0 30px;color:#666}.brand-products{margin:0 6% 100px}.brand-products>h2{font-size:28px;font-weight:500}.product-listing{border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:40px 0;display:flex;justify-content:space-between;align-items:center;gap:30px}.product-listing p{font-size:16px;line-height:1.5;color:#666}.product-listing>div:last-child{display:flex;gap:25px;align-items:center}.company-intro{padding:30px 7% 110px;display:grid;grid-template-columns:1.1fr 1fr;gap:10%}.company-intro h2{font-size:clamp(40px,5vw,75px);font-weight:500;line-height:1.05;letter-spacing:-.06em;margin:0}.company-intro p{font-size:20px;line-height:1.55;margin:0 0 25px;color:#62625f}.footer-brand .brand-wordmark{font-size:52px;letter-spacing:-2.5px}.company-about{font-size:clamp(65px,13vw,180px);line-height:.9;letter-spacing:-.065em}.store-product{background:#ccc;border-radius:24px;padding:35px 7%;display:block;overflow:hidden}.store-product-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}.store-product .app-window{border-radius:14px;max-width:900px}.store-product-info{display:flex;align-items:center;justify-content:space-between;padding:25px 0}.store-product-info h2{font-size:34px;margin:0}.store-product-info p{color:#666}.mobile-product{display:flex;align-items:center;gap:15px;padding:20px 0;font-size:17px}.mobile-product .product-badge{font-size:30px}
.story{height:250vh}.story-inner{top:165px;height:calc(100svh - 190px);min-height:570px;max-height:820px;padding:5%;grid-template-columns:35% 65%;gap:0}.sequence-visual{margin-left:35px;min-width:0}.sequence-panel{height:420px;background:#f7f7f3;border:1px solid #cececa;border-radius:15px;overflow:hidden;position:relative;box-shadow:0 16px 35px #00000008}.sequence-title{height:44px;display:flex;align-items:center;gap:18px;border-bottom:1px solid #d8d8d0;padding:0 18px;font-size:12px;color:#777}.sequence-title strong{font-size:16px;color:#222}.sequence-title span:last-child{margin-left:auto}.sorting-area{position:absolute;left:18px;right:18px;top:60px;height:315px}.sound-file{position:absolute;left:0;top:0;background:white;border:1px solid #d5d5d0;border-radius:9px;padding:10px 11px;box-shadow:0 6px 13px #0000000b;will-change:transform;height:67px;overflow:hidden}.sound-file strong{font-size:12px;font-weight:500;white-space:nowrap;display:block;overflow:hidden;text-overflow:ellipsis}.sound-file .wave{color:var(--file-color);height:18px;gap:1px;margin:3px 0}.sound-file small{font-size:10px;opacity:var(--organized,0);color:#777}.category-labels{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;opacity:var(--organized,0)}.category-labels span{padding:9px;background:#e9e7e0;border-radius:6px;font-size:12px;text-align:center}.category-labels span:nth-child(2){background:#e4e7f2}.category-labels span:nth-child(3){background:#e2ebe2}.analysis-line{position:absolute;left:0;right:0;top:calc(var(--scan,0)*100%);height:1px;background:#3b62ed;box-shadow:0 0 15px 4px #3b62ed25;opacity:calc(1 - var(--organized,0));pointer-events:none}.sequence-panel-foot{position:absolute;bottom:0;left:0;right:0;padding:13px 18px;border-top:1px solid #ddd;font-size:11px;display:flex;justify-content:space-between;background:#f7f7f3}.sort-complete{opacity:var(--organized,0)}.sequence-steps{display:grid;gap:12px;margin-top:30px}.sequence-step{font-size:13px;color:#92928d;display:flex;align-items:center;gap:12px;transition:color .2s}.sequence-step b{font-size:11px;font-weight:400;border:1px solid #bcbcb5;border-radius:50%;width:24px;height:24px;display:grid;place-items:center}.sequence-step.active{color:#173bdd}.sequence-step.active b{background:#173bdd;border-color:#173bdd;color:white}.sequence-caption{min-height:47px;margin:17px 0 6px;font-size:13px;color:#686862;text-align:center}.sequence-caption p{margin:0;line-height:1.5}.sequence-progress{height:3px;background:#d3d3cc;border-radius:5px;overflow:hidden}.sequence-progress i{display:block;height:100%;background:#153ee8;transform-origin:left;transform:scaleX(var(--progress,0));width:100%}.dark .sequence-panel{background:#29292d;border-color:#454549}.dark .sequence-title{border-color:#454549;color:#aaa}.dark .sequence-title strong{color:#eee}.dark .sequence-caption{color:#aaa}.dark .sequence-step.active{color:#a9b9ff}.dark .sequence-progress{background:#444}.reference-sound{padding:18px 22px;border-bottom:1px solid #444}.reference-sound>small{display:block;font-size:10px;letter-spacing:.08em;color:#aaa}.reference-sound>strong{display:block;font-size:15px;font-weight:500;margin:9px 0}.reference-sound .wave{height:34px;color:#9dafff}.reference-sound>span:last-child{font-size:11px;color:#aaa}.match-connector{display:flex;justify-content:center;align-items:center;gap:10px;font-size:11px;color:#aaa;padding:10px}.results-list{padding:0 18px}.result-sound{display:grid;grid-template-columns:18px 1fr 80px;align-items:center;gap:10px;padding:11px;border:1px solid #444;border-radius:8px;margin-bottom:7px;opacity:0}.result-sound strong{font-size:12px;font-weight:400}.result-sound small{display:block;font-size:10px;color:#a0a0a9;margin-top:4px}.result-sound .wave{color:#a4b3ed;height:25px}.source-slot{position:absolute;top:57px;left:20px;right:20px;font-size:11px;color:#888;display:flex;justify-content:space-between}.source-slot span{opacity:calc(1 - var(--dropped,0))}.daw-caption{position:absolute;top:194px;left:20px;right:20px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.05em}.daw-grid{position:absolute;top:220px;left:20px;right:20px;bottom:24px;border:1px solid #d5d5ce;border-radius:7px;background:repeating-linear-gradient(90deg,#eee 0,#eee 1px,transparent 1px,transparent 45px)}.daw-track{height:48px;border-bottom:1px solid #ddd;position:relative;padding:8px;font-size:10px;color:#8c8c86}.daw-track i{display:block;height:18px;background:#c2c5b7;margin:6px 20px 0 105px;border-radius:3px}.drop-target{position:absolute;left:20px;right:20px;top:267px;height:49px;border:1px dashed #4970ec;border-radius:4px;opacity:calc(1 - var(--dropped,0))}.moving-sample{position:absolute;top:0;left:0;background:#153ee8;color:white;padding:8px 12px;height:44px;border-radius:5px;z-index:3;will-change:transform;box-shadow:0 8px 20px #123aeb20}.moving-sample strong{font-size:11px;font-weight:400}.moving-sample .wave{height:16px;gap:2px}.drag-cursor{position:absolute;right:2px;bottom:-21px;font-size:35px;color:#222;text-shadow:1px 1px white;opacity:calc(1 - var(--dropped,0))}.drop-confirm{position:absolute;bottom:3px;right:20px;font-size:11px;color:#26488d;opacity:var(--dropped,0)}
@media(max-width:950px){.brand-product-visual{width:95%}.brand-hero{height:auto;min-height:650px}.brand-hero-top h1{font-size:70px}.brand-hero-top p{font-size:35px}.main-nav{gap:18px}.product-listing{flex-wrap:wrap}.product-listing>p{display:none}.story-inner{padding:4%;grid-template-columns:34% 66%}.sequence-visual{margin-left:20px}.sequence-panel{height:420px}.story-copy h2{font-size:35px}.brand-tile{padding:30px}.brand-tile h2{font-size:35px}}
@media(max-width:620px){.brand-wordmark{font-size:19px}.header-inner{padding:0 12px}.header-download{display:none}.brand-hero{margin:0 3%;padding:25px 20px;min-height:540px;border-radius:21px;gap:25px}.brand-hero-top h1{font-size:49px;border-width:3px;border-radius:12px}.brand-hero-top p{font-size:26px}.brand-product-visual{width:100%;margin:0;overflow:visible}.brand-product-visual .app-window{width:100%;max-height:260px;transform:none}.brand-product-visual .app-sidebar{display:none}.brand-product-visual .app-body{display:block;min-height:210px}.brand-product-visual .app-content h3{font-size:13px;margin-bottom:10px}.brand-product-visual .app-filters{display:none}.brand-product-visual .app-top{height:35px;gap:15px}.brand-product-visual .app-search{font-size:9px}.brand-product-visual .app-player{display:none}.brand-product-visual .sample-row{font-size:10px;grid-template-columns:12px 1fr 50px;padding:7px 0}.brand-product-visual .sample-row small{font-size:9px}.brand-product-visual .sample-row.selected{padding-left:5px}.brand-hero-bottom{display:block}.brand-hero-bottom p{font-size:17px;margin-bottom:22px}.brand-hero-bottom .button{font-size:13px;padding:12px 16px}.brand-tiles{grid-template-columns:1fr;margin:8px 3% 50px}.brand-tile{min-height:320px}.brand-tile h2{font-size:35px}.brand-products{margin-bottom:60px}.product-listing{gap:20px}.product-listing>div:last-child{gap:20px}.product-listing .product-badge{font-size:43px}.company-intro{grid-template-columns:1fr;gap:25px;padding:10px 7% 65px}.company-intro p{font-size:17px}.footer-brand .brand-wordmark{font-size:44px}.store-product{padding:25px 15px}.store-product-top .product-badge{font-size:40px}.store-product-top>span:last-child{font-size:11px}.store-product .app-window{width:100%}.store-product .app-sidebar{display:none}.store-product .app-body{display:block}.store-product .app-search{font-size:10px}.story{height:240vh}.story-inner{top:148px;height:auto;min-height:650px;max-height:none;padding:24px 18px;display:flex;gap:20px}.story-copy h2{font-size:29px;margin:10px 0}.story-copy p{font-size:13px;line-height:1.5}.sequence-steps{display:flex;gap:8px;margin-top:15px}.sequence-step{font-size:10px;gap:5px;flex:1;align-items:start}.sequence-step b{min-width:19px;width:19px;height:19px;font-size:9px}.sequence-visual{margin:0}.sequence-panel{height:315px}.sequence-title{height:35px;padding:0 12px;font-size:10px}.sequence-title strong{font-size:13px}.sorting-area{left:10px;right:10px;top:45px;height:245px}.sound-file{height:54px;padding:7px}.sound-file strong{font-size:10px}.sound-file .wave{height:12px}.sound-file small{font-size:8px}.category-labels{gap:8px}.category-labels span{padding:7px 2px;font-size:10px}.sequence-panel-foot{font-size:9px;padding:9px}.sequence-caption{font-size:11px;min-height:30px;margin:10px 0 5px}.reference-sound{padding:10px 15px}.reference-sound>small{font-size:9px}.reference-sound>strong{font-size:12px;margin:5px 0}.reference-sound .wave{height:22px}.reference-sound>span:last-child{font-size:9px}.match-connector{padding:6px;font-size:9px}.results-list{padding:0 10px}.result-sound{padding:6px;grid-template-columns:12px 1fr 55px;gap:6px;margin-bottom:5px}.result-sound strong{font-size:10px}.result-sound small{font-size:9px}.daw-caption{top:148px;font-size:8px}.daw-grid{top:170px;bottom:17px}.daw-track{height:38px;font-size:9px}.daw-track i{height:12px;margin-top:4px}.drop-target{top:208px;height:38px}.moving-sample{height:37px;padding:5px 8px}.moving-sample strong{font-size:10px}.moving-sample .wave{height:13px}.source-slot{font-size:9px}.drop-confirm{font-size:9px}.story.dark .story-copy p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.story{height:auto}.story-inner{position:relative;top:auto;margin-bottom:25px}.brand-product-visual .app-window{transform:none}.sound-file,.moving-sample{will-change:auto}}

/* Only product pages replace the floating company header with their product bar. */
body:has(.product-nav) .header-inner{position:absolute;top:0;left:2%;width:96%;height:105px;background:transparent;border-color:transparent;box-shadow:none;backdrop-filter:none}
.product-nav{top:12px}
.story-inner{top:94px;height:calc(100svh - 119px)}
@media(max-width:620px){body:has(.product-nav) .header-inner{height:85px}.product-nav{top:10px}.story-inner{top:82px;height:auto}}
