@font-face{font-family:Nunito;src:url('/assets/fonts/nunito-sans.ttf');font-weight:200 1000;font-display:swap}@font-face{font-family:Condensed;src:url('/assets/fonts/RobotoCondensed.ttf');font-weight:100 900;font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{--u:var(--layout-unit,min(1.35px,.123153vw));--ink:#071e4b;--blue:#087fff;--line:#b7dcff;--pale:#ecf8ff;--orange:#ff9a00;margin:0;color:var(--ink);background:white;font:calc(15*var(--u))/1.42 DM,Nunito,Arial,sans-serif}body.arcsketch{font-family:Condensed,Nunito,Arial,sans-serif;--ink:#071345}button,input,select,textarea{font:inherit}button,a,input{touch-action:manipulation}a{color:inherit}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:calc(35*var(--u));padding:calc(7*var(--u)) calc(16*var(--u));border:1px solid var(--blue);border-radius:calc(4*var(--u));background:white;color:var(--blue);font-weight:700;cursor:pointer;text-decoration:none}button:hover,.button:hover{filter:brightness(.95)}button:disabled{opacity:.55;cursor:not-allowed}button.primary,.button.primary{background:var(--blue);color:white}button.danger{background:#f42036;border-color:#f42036;color:white}button.orange{background:#ffa318;border-color:#ffa318;color:var(--ink)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.frame{width:calc(100% - 80*var(--u));max-width:1100px;margin-inline:auto}h1,h2,h3,p,figure{margin:0}h1{font-size:calc(38*var(--u));line-height:1.05;letter-spacing:-.035em;font-weight:800}h2{font-size:calc(29*var(--u));line-height:1.12;letter-spacing:-.025em}h3{font-size:calc(18*var(--u));line-height:1.2}p{margin-top:.4em}.arcsketch h1,.arcsketch h2,.arcsketch h3{font-family:Condensed,Nunito,sans-serif;font-weight:800}.arcsketch h1{font-size:calc(43*var(--u))}.site-header{height:calc(44*var(--u));border-bottom:1px solid #d0eafa;background:linear-gradient(105deg,white,#e0f6ff);position:relative;z-index:3}.speakersides .site-header{background:#021d42;border:0}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.brand img{display:block;width:calc(178*var(--u));height:calc(35*var(--u));object-fit:contain}.site-header nav{display:flex;gap:calc(28*var(--u));align-items:center}.site-header nav a{font-size:calc(13*var(--u));text-decoration:none;font-weight:700}.speakersides .site-header nav{color:white}.menu{display:none}.hero{position:relative;overflow:hidden;background:#fffaf1;min-height:calc(206*var(--u));isolation:isolate}.hero:before{content:'';position:absolute;inset:0 45% 0 0;background-image:var(--strip);background-size:100% 100%;z-index:-2}.hero:after{content:'';position:absolute;inset:0 0 0 53%;background-image:var(--hero-art);background-size:100% 100%;z-index:-1}.hero .frame{position:relative;padding:calc(34*var(--u)) 0 calc(26*var(--u));min-height:inherit}.hero h1{max-width:calc(550*var(--u))}.hero .subhead{font-size:calc(21*var(--u));font-weight:700;margin-top:.2em}.hero .intro{font-size:calc(17*var(--u));max-width:calc(410*var(--u));line-height:1.35}.hero .crumb{font-size:calc(12*var(--u));color:var(--blue);font-weight:700;margin-bottom:calc(10*var(--u))}.home .hero{min-height:calc(264*var(--u))}.home.arcsketch .hero{min-height:calc(192*var(--u))}.home.arcsketch .hero h1{max-width:calc(440*var(--u))}.home.arcsketch .hero .intro{font-size:calc(15*var(--u));max-width:calc(470*var(--u))}.home.arcsketch .hero .subhead{font-size:calc(21*var(--u))}.feature.arcsketch .hero{min-height:calc(178*var(--u))}.feature.arcsketch .hero .frame{padding-top:calc(12*var(--u))}.feature.arcsketch .hero h1{font-size:calc(40*var(--u))}.feature .hero .intro{font-size:calc(14*var(--u));max-width:calc(400*var(--u))}.feature .hero .subhead{font-size:calc(20*var(--u))}.panel{border:1px solid var(--line);border-radius:calc(7*var(--u));padding:calc(16*var(--u));margin-top:calc(15*var(--u));background:linear-gradient(115deg,#f0f9ff,#fff)}.panel>*{min-width:0}.home.speakersides .main-tool{position:relative;margin-top:calc(-52*var(--u));z-index:2}.main-tool h2{margin-bottom:calc(10*var(--u))}.play-grid{display:grid;grid-template-columns:1fr 1fr;gap:calc(17*var(--u))}.play-grid button{min-height:calc(60*var(--u));font-size:calc(18*var(--u));justify-content:space-between;padding-inline:calc(25*var(--u))}.play-icon{font-size:1.5em}.volume-row{display:grid;grid-template-columns:1fr calc(180*var(--u));gap:calc(45*var(--u));align-items:center;margin:calc(12*var(--u)) 0}.volume-row label{font-size:calc(17*var(--u));font-weight:700}.volume-row .danger{height:calc(56*var(--u));font-size:calc(17*var(--u))}input[type=range]{width:100%;accent-color:var(--blue)}.range-ends{display:flex;justify-content:space-between;color:#496b8d;font-size:calc(11*var(--u))}.small,.hint{font-size:calc(12*var(--u));color:#426485}.small{font-size:calc(12*var(--u));color:#426485}.routing{background:#ffffffc9;border-radius:calc(6*var(--u));padding:calc(12*var(--u));min-height:calc(178*var(--u))}.routing-heading{display:flex;align-items:center;justify-content:space-between;gap:1em}.routing-heading small{font-size:calc(11*var(--u));font-weight:400;color:#426485}.routing svg{width:100%;height:calc(134*var(--u));display:block}.notice{font-size:calc(12*var(--u));padding:calc(8*var(--u));background:#e7f4ff;border-radius:4px;margin-top:calc(8*var(--u))}.steps{margin-top:calc(17*var(--u))}.steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(20*var(--u));margin-top:calc(10*var(--u))}.steps-grid article{position:relative;min-width:0;padding-left:calc(40*var(--u));padding-right:calc(10*var(--u));border-right:1px solid var(--line)}.steps-grid article:last-child{border:0}.step-num{position:absolute;left:0;top:0;display:grid;place-items:center;width:calc(32*var(--u));height:calc(32*var(--u));border-radius:50%;color:white;font-size:calc(21*var(--u));font-weight:700;background:linear-gradient(#25aeff,#0065ff)}.steps-grid p{font-size:calc(13*var(--u));color:#38557b;line-height:1.35;margin-top:calc(7*var(--u))}.step-icon{font-size:calc(25*var(--u));display:block;margin-top:calc(6*var(--u))}.examples{padding:calc(12*var(--u));background:#eaf7ff;border-radius:5px;margin-top:calc(15*var(--u))}.example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(16*var(--u));margin-top:calc(8*var(--u))}.example-grid button{padding:calc(7*var(--u));color:var(--ink);border:0;background:#ffffffba;justify-content:flex-start;gap:calc(12*var(--u));text-align:left}.example-grid button>span:first-child{font-size:calc(36*var(--u))}.example-grid b{font-size:calc(14*var(--u));display:block}.example-grid small{font-size:calc(12*var(--u));font-weight:400;display:block;color:#49698c}.example-grid img{width:calc(86*var(--u));height:calc(62*var(--u));object-fit:cover}.faq{margin-top:calc(20*var(--u))}.faq h2{margin-bottom:calc(9*var(--u))}details{border:1px solid var(--line);border-radius:calc(4*var(--u));margin-top:calc(5*var(--u));background:#f7fcff}summary{list-style:none;cursor:pointer;font-size:calc(13*var(--u));font-weight:700;padding:calc(5*var(--u)) calc(20*var(--u));position:relative}summary:after{content:'+';color:var(--blue);position:absolute;right:calc(14*var(--u))}details[open] summary:after{content:'−'}details p{font-size:calc(12*var(--u));padding:0 calc(20*var(--u)) calc(7*var(--u));color:#426485;line-height:1.35}.ad-reserve{height:calc(130*var(--u));display:block}.home.arcsketch .ad-reserve{height:calc(132*var(--u))}.teaser{position:relative;overflow:hidden;background:#fffaf1;min-height:calc(190*var(--u));padding:calc(14*var(--u)) calc(22*var(--u));isolation:isolate}.teaser:before{content:'';position:absolute;inset:0 45% 0 0;background-image:linear-gradient(105deg,#fffaf0,#fffdf8);background-size:100% 100%;z-index:-2}.teaser:after{content:'';position:absolute;inset:0 0 0 50%;background-image:url('/assets/current/teaser-right.png');background-size:100% 100%;z-index:-1}.teaser .eyebrow{font-size:calc(11*var(--u));font-weight:700;margin-bottom:calc(5*var(--u))}.teaser h2{max-width:calc(400*var(--u));font-size:calc(30*var(--u))}.teaser p{font-size:calc(13*var(--u));max-width:calc(360*var(--u));line-height:1.35}.teaser .button{margin-top:calc(12*var(--u));min-width:calc(235*var(--u))}.arcsketch .teaser{min-height:calc(170*var(--u))}.guide{position:relative;display:grid;grid-template-columns:32% 32% 36%;border-radius:calc(5*var(--u));background:linear-gradient(100deg,#001936,#082b59,#001c3f);color:white;min-height:calc(187*var(--u));margin-bottom:calc(25*var(--u));overflow:visible}.guide-art{min-width:0;align-self:stretch;position:relative}.guide-art img{display:block;position:absolute;inset:calc(-12*var(--u)) 0 auto;width:100%;height:calc(201*var(--u));object-fit:contain}.guide-copy{padding:calc(17*var(--u)) calc(14*var(--u)) calc(10*var(--u));border-right:1px solid #0372b2;border-left:1px solid #0372b2;margin-block:calc(10*var(--u))}.guide .eyebrow{font-size:calc(8*var(--u));letter-spacing:.22em;font-weight:700}.guide h2{font-size:calc(21*var(--u));margin-top:calc(5*var(--u));line-height:1.1;letter-spacing:-.02em}.guide ul{list-style:none;padding:0;margin:calc(10*var(--u)) 0 0;font-size:calc(12*var(--u))}.guide li{margin-top:calc(6*var(--u));display:flex;gap:calc(8*var(--u));align-items:center}.guide li:before{content:'✓';background:var(--blue);border-radius:50%;display:grid;place-items:center;min-width:calc(20*var(--u));height:calc(20*var(--u));font-weight:700}.guide-form{padding:calc(16*var(--u));font-size:calc(10*var(--u))}.guide-form label{display:block;margin-bottom:calc(2*var(--u))}.guide-form input{width:100%;height:calc(24*var(--u));min-height:0;padding:calc(4*var(--u));border:1px solid #d2e7ff;border-radius:2px;margin-bottom:calc(4*var(--u));font-size:calc(10*var(--u));background:#f2f8ff;color:#0b234d}.guide-form button{width:100%;font-size:calc(11*var(--u));min-height:calc(29*var(--u));margin-top:calc(3*var(--u));opacity:1;background:#086be1;color:white;border:0}.guide-form p{font-size:calc(9*var(--u));line-height:1.4;margin-top:calc(7*var(--u))}.site-footer{border-top:1px solid var(--line);min-height:calc(73*var(--u))}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:calc(18*var(--u));min-height:inherit}.footer-logo img{display:block;object-fit:contain;width:calc(148*var(--u));height:calc(43*var(--u))}.site-footer nav{display:flex;gap:calc(17*var(--u))}.site-footer nav a{font-size:calc(9*var(--u));color:var(--blue);text-decoration:none}.support{border:0;padding:0;min-height:36px;background:transparent;font-size:calc(9*var(--u));font-weight:400}.support svg{width:calc(19*var(--u));height:calc(19*var(--u));fill:var(--orange)}.error{font-size:calc(13*var(--u));color:#a9213f;margin-top:calc(6*var(--u))}.error:empty,.status:empty{display:none}.status{font-size:calc(12*var(--u));color:#38557b;margin-top:calc(5*var(--u))}.share-panel{background:white}.share-panel h2{font-size:calc(29*var(--u))}.share-panel>p{color:#426485;font-size:calc(13*var(--u))}.sizes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(10*var(--u));border:0;padding:0;margin:calc(11*var(--u)) 0 calc(15*var(--u))}.sizes label{display:flex;gap:calc(8*var(--u));align-items:center;border:1px solid var(--line);padding:calc(8*var(--u));border-radius:calc(4*var(--u));font-size:calc(12*var(--u));cursor:pointer;min-width:0}.sizes label:has(input:checked){background:#e9f7ff;border-color:var(--blue)}.sizes small{display:block;font-size:calc(9*var(--u));color:#426485}.sizes input{accent-color:var(--blue);width:calc(13*var(--u));height:calc(17*var(--u));flex-shrink:0}.share-grid{display:grid;grid-template-columns:1fr 1fr;gap:calc(23*var(--u))}.share-grid>*{min-width:0}.share-grid canvas{display:block;width:100%;height:auto;max-height:calc(385*var(--u));object-fit:contain;object-position:top left}.share-controls label{display:block;font-size:calc(12*var(--u));color:#426485;margin-bottom:calc(4*var(--u))}.share-controls input[type=text],.share-controls input[type=number]{width:100%;border:1px solid var(--line);border-radius:3px;padding:calc(8*var(--u));min-height:calc(36*var(--u));color:var(--ink);margin-bottom:calc(10*var(--u))}.share-controls .check{display:flex;align-items:center;gap:calc(9*var(--u));color:var(--ink);margin-top:calc(8*var(--u))}.share-controls .check input{width:auto;accent-color:var(--blue)}.share-controls button{width:100%;margin-top:calc(9*var(--u));font-size:calc(13*var(--u))}.share-controls .small-button{width:auto;border:0;padding:0;margin-right:calc(15*var(--u));font-size:calc(12*var(--u));font-weight:400;min-height:calc(28*var(--u))}.share-controls p{font-size:calc(11*var(--u));color:#426485}.tips{padding:calc(13*var(--u)) calc(16*var(--u));background:#eaf7ff;margin-top:calc(15*var(--u));border-radius:calc(5*var(--u))}.tips .steps-grid article{padding-left:calc(35*var(--u))}.tips h2{font-size:calc(23*var(--u))}.tips h3{font-size:calc(14*var(--u))}.tips p{font-size:calc(12*var(--u))}.tips .step-num{font-size:calc(15*var(--u));width:calc(25*var(--u));height:calc(25*var(--u))}.cue-stage{background:#fffdf7;border:1px solid var(--line);border-radius:7px;min-height:calc(201*var(--u));margin-top:calc(15*var(--u));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(8*var(--u));position:relative}.cue-stage svg{position:absolute;inset:calc(28*var(--u)) calc(26*var(--u)) auto;width:calc(100% - 52*var(--u));height:calc(115*var(--u))}.cue-badge{position:relative;z-index:1;background:#e3f3ff;padding:calc(6*var(--u)) calc(20*var(--u));border-radius:30px;color:var(--blue);font-size:calc(11*var(--u));font-weight:700}.play-cue{z-index:1;min-width:calc(70*var(--u));height:calc(70*var(--u));border-radius:50%;font-size:calc(37*var(--u));padding:0}.cue-stage strong,.cue-stage p{z-index:1;font-size:calc(14*var(--u))}.cue-stage p{font-size:calc(11*var(--u));color:#426485}.guess-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(15*var(--u));margin-top:calc(13*var(--u))}.guess-grid button{font-size:calc(16*var(--u));min-height:calc(43*var(--u))}.cue-bottom{display:flex;gap:calc(20*var(--u));align-items:center;margin-top:calc(13*var(--u));font-size:calc(12*var(--u))}.cue-bottom button{color:#eb1b36;background:#fff0f3;border:0;min-width:calc(145*var(--u))}.cue-bottom .primary{color:white;background:var(--blue)}.arc-tool-grid{display:grid;grid-template-columns:calc(210*var(--u)) minmax(0,1fr);gap:calc(14*var(--u))}.arc-inputs{background:#e7f5ff;border-radius:4px;padding:calc(10*var(--u))}.arc-inputs label{display:block;font-size:calc(13*var(--u));margin-bottom:calc(3*var(--u))}.arc-inputs input{width:100%;min-width:0;border:1px solid var(--line);border-radius:3px;min-height:calc(27*var(--u));padding:calc(4*var(--u)) calc(9*var(--u));margin-bottom:calc(9*var(--u));color:var(--ink);background:white}.arc-inputs button{width:100%;font-size:calc(14*var(--u));min-height:calc(35*var(--u));margin-top:calc(4*var(--u))}.arc-inputs .two-buttons{display:grid;grid-template-columns:1fr 1fr;gap:5px}.plot{border:1px solid #dcecf8;border-radius:5px;overflow:hidden}.plot h3{background:#e7f5ff;padding:calc(5*var(--u)) calc(10*var(--u));font-size:calc(15*var(--u))}.plot svg{display:block;width:100%;height:auto;min-height:calc(216*var(--u))}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(8*var(--u));margin-top:calc(10*var(--u))}.metric{background:#e9f7ff;padding:calc(8*var(--u));border-radius:4px;min-width:0}.metric span{display:block;font-size:calc(12*var(--u))}.metric strong{font-size:calc(22*var(--u))}.components{margin-top:calc(8*var(--u));background:#eaf7ff;padding:calc(8*var(--u));border-radius:4px}.components h3{font-size:calc(12*var(--u));margin-bottom:calc(6*var(--u))}.component-row{display:flex;align-items:center;justify-content:space-between;gap:calc(10*var(--u))}.component-row span{font-size:calc(11*var(--u))}.component-row strong{display:block;font-size:calc(14*var(--u))}.component-row button{font-size:calc(11*var(--u));padding:calc(4*var(--u)) calc(9*var(--u));min-height:calc(30*var(--u))}.model-note{font-size:calc(10*var(--u));text-align:center;margin-top:calc(7*var(--u));color:#426485}.challenge-grid{display:grid;grid-template-columns:minmax(0,1fr) calc(180*var(--u));gap:calc(15*var(--u))}.challenge-grid .plot svg{min-height:calc(265*var(--u))}.attempts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(7*var(--u));margin-top:calc(8*var(--u))}.attempts article{background:#e9f7ff;padding:calc(7*var(--u));border-radius:4px;font-size:calc(12*var(--u))}.attempts strong{font-size:calc(19*var(--u));display:block}.attempts .win{background:#e8faf1;color:#00925d}.attempts .miss{background:#fff3e7;color:#a55100}.content{padding-block:calc(30*var(--u));min-height:60vh}.content h1{font-size:calc(36*var(--u));margin-bottom:1em}.content p{margin-bottom:1em}.skip{position:absolute;left:-9999px}.skip:focus{position:fixed;left:1em;top:1em;z-index:10;background:white;padding:1em}.dialog{border:1px solid var(--line);border-radius:8px;max-width:440px;padding:28px;color:var(--ink)}.dialog::backdrop{background:#0008}.dialog .close{float:right}.download-fallback{display:block;margin-top:8px;font-size:13px;color:var(--blue)}[hidden]{display:none!important}@media(min-width:601px){.feature.speakersides .main-tool{min-height:calc(440*var(--u))}.feature.speakersides .share-panel{min-height:calc(440*var(--u))}.feature .ad-reserve{height:calc(140*var(--u))}}
@media(max-width:600px){body{--u:1px;font-size:15px}.frame{width:calc(100% - 28px)}.site-header{height:54px}.brand img{width:160px;height:36px}.menu{display:inline-flex;color:var(--ink);border:0;background:none;font-size:24px;padding:0;min-width:38px}.speakersides .menu{color:white}.site-header nav{display:none;position:absolute;top:54px;left:0;right:0;background:white;color:var(--ink)!important;padding:12px 18px;box-shadow:0 5px 12px #001a4422;z-index:5}.site-header nav.open{display:flex;flex-wrap:wrap;gap:18px}.hero,.home .hero,.home.arcsketch .hero,.feature.arcsketch .hero{min-height:260px}.hero .frame{padding:20px 0 130px!important}.hero h1,.home.arcsketch .hero h1,.feature.arcsketch .hero h1{font-size:32px;max-width:100%}.hero .subhead{font-size:18px!important;max-width:100%}.hero .intro{font-size:14px!important;max-width:100%!important}.hero:before{inset:0;background-size:100% 100%}.hero:after{inset:auto 0 0 34%;height:135px;opacity:.9;background-size:100% 100%}.home.speakersides .main-tool{margin-top:14px}.panel{padding:14px;margin-top:14px}h2,.share-panel h2{font-size:26px}.play-grid{gap:10px}.play-grid button{padding:12px;font-size:16px;min-height:64px}.volume-row{grid-template-columns:1fr;gap:10px}.volume-row .danger{height:42px;min-height:42px}.routing-heading{display:block}.routing-heading small{display:block;margin-top:5px}.routing{padding:10px}.routing svg{height:125px}.steps-grid{grid-template-columns:1fr;gap:16px}.steps-grid article{border:0;min-height:46px}.steps-grid p{font-size:14px}.step-icon{display:none}.example-grid{grid-template-columns:1fr;gap:8px}.example-grid button{min-height:50px}.example-grid img{width:80px;height:52px}.faq h2{font-size:26px}summary{padding:10px 26px 10px 12px;font-size:14px}details p{font-size:13px;padding:0 12px 10px}.ad-reserve,.home.arcsketch .ad-reserve,.feature .ad-reserve{height:90px}.teaser,.arcsketch .teaser{min-height:260px;padding:16px 18px 130px}.teaser:after{inset:auto 0 0 25%;height:135px}.teaser h2{font-size:27px}.teaser p{font-size:14px;max-width:100%}.teaser .button{margin-top:10px}.guide{grid-template-columns:39% 61%;min-height:0;margin-bottom:20px}.guide-art{align-self:stretch}.guide-art img{position:relative;inset:0;width:100%;height:185px;object-fit:contain}.guide-copy{padding:15px 10px;margin-block:8px;border-right:0}.guide h2{font-size:22px}.guide ul{font-size:12px}.guide .eyebrow{font-size:8px}.guide-form{grid-column:1/-1;padding:8px 16px 16px}.guide-form input{height:36px;font-size:14px}.guide-form label{font-size:12px}.guide-form button{font-size:14px;min-height:38px}.guide-form p{font-size:11px}.footer-inner{flex-wrap:wrap;padding-block:14px;gap:12px}.site-footer nav{gap:15px}.site-footer nav a,.support{font-size:11px}.site-footer .support{margin-left:auto}.footer-logo img{width:130px;height:40px}.sizes{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.sizes label{padding:8px;font-size:12px}.sizes small{font-size:10px}.share-grid{grid-template-columns:1fr;gap:16px}.share-grid canvas{max-height:420px;object-position:center}.share-controls input[type=text],.share-controls input[type=number]{font-size:16px;min-height:42px}.share-controls label{font-size:14px}.share-controls button{font-size:14px;min-height:42px}.tips .steps-grid{gap:15px}.tips p{font-size:13px}.tips h3{font-size:15px}.cue-stage{min-height:200px}.cue-stage svg{height:100px}.guess-grid{gap:7px}.guess-grid button{font-size:14px;padding:10px 5px}.cue-bottom{gap:10px;flex-wrap:wrap}.cue-bottom button{min-width:120px}.arc-tool-grid,.challenge-grid{grid-template-columns:1fr}.arc-inputs{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px}.arc-inputs label{font-size:14px}.arc-inputs input{min-height:38px;margin-bottom:0;font-size:16px}.arc-inputs button,.arc-inputs .two-buttons,.arc-inputs p{grid-column:1/-1}.arc-inputs .field{min-width:0}.plot svg,.challenge-grid .plot svg{min-height:200px}.metrics{gap:6px}.metric strong{font-size:19px}.metric span{font-size:12px}.components{padding:10px}.component-row{flex-wrap:wrap;gap:12px}.component-row button{font-size:12px}.attempts{grid-template-columns:repeat(2,minmax(0,1fr))}.attempts article{font-size:13px}.attempts strong{font-size:21px}.model-note{font-size:11px}.content{padding-block:25px}.content h1{font-size:32px}}
@media print{.site-header,.site-footer,.hero,.guide,.ad-reserve,.share-controls,.sizes,.tips,.faq,.support{display:none!important}.frame{width:100%;max-width:none}body{--u:1px}.panel{break-inside:avoid}}

/* Reference geometry refinement: live text and signals occupy the original compact panels. */
.line-icon{display:block;width:54px;height:54px;flex-shrink:0}.step-icon .line-icon{width:28px;height:28px}.example-icon{display:block;flex-shrink:0}.hero-desk{position:absolute;left:0;top:calc(150*var(--u));width:54.2%;height:calc(62*var(--u));object-fit:fill;z-index:-1}.feature .hero-desk{top:calc(167*var(--u));width:57.15%;height:calc(37*var(--u))}.speakersides .hero:before{background:linear-gradient(100deg,#fffaf0,#fffef9 70%,#fffaf055);background-image:none}.feature.speakersides .hero:before{background:linear-gradient(105deg,#fffef9,#fffaf2 85%,#fffaf055)}
@media(min-width:601px){.feature.speakersides .hero .frame{padding-top:calc(12*var(--u))}.feature.speakersides .hero h1{font-size:calc(33*var(--u));line-height:1.06}.feature.speakersides .main-tool{min-height:calc(440*var(--u))}.home.speakersides .main-tool{padding:calc(14*var(--u))}.home.speakersides .volume-row{margin-block:calc(8*var(--u))}.home.speakersides .routing svg{height:calc(124*var(--u))}.home.speakersides .examples{padding:calc(10*var(--u)) calc(12*var(--u))}.home.speakersides .example-grid{margin-top:calc(7*var(--u));gap:calc(12*var(--u))}.home.speakersides .example-grid button{height:calc(72*var(--u));padding:calc(6*var(--u));gap:calc(12*var(--u))}.home.speakersides .example-grid button .line-icon{width:calc(55*var(--u));height:calc(55*var(--u))}.home.speakersides .example-grid b{font-size:calc(13*var(--u))}.home.speakersides .example-grid small{font-size:calc(12*var(--u));line-height:1.28}.home.speakersides .teaser{padding-block:calc(12*var(--u));min-height:calc(190*var(--u))}.home.speakersides .teaser h2{font-size:calc(28*var(--u));line-height:1.05}.home.speakersides .teaser p{font-size:calc(12*var(--u));line-height:1.35}.home.speakersides .teaser .eyebrow{font-size:calc(10*var(--u));margin-bottom:calc(4*var(--u))}.home.speakersides .teaser .button{margin-top:calc(8*var(--u));min-height:calc(34*var(--u))}.guide{min-height:calc(185*var(--u))}.guide-form{padding-top:calc(12*var(--u));padding-bottom:calc(12*var(--u))}}
@media(max-width:600px){.hero-desk{display:none}.example-icon .line-icon{width:48px;height:48px}.step-icon .line-icon{display:none}}

body.speakersides{--orange:#ffa30b}body.arcsketch{--orange:#ff780b}

.metric strong,.attempts strong{overflow-wrap:anywhere}

@media(min-width:601px){.home.speakersides .hero:after{left:54.19%;bottom:auto;height:calc(212*var(--u))}.feature.speakersides .hero:after{left:57.15%}.home.arcsketch .hero:after{left:57.76%}.feature.arcsketch .hero:after{left:47.41%}.speakersides .teaser:after{left:54.37%}.arcsketch .teaser:after{left:47.27%}.hero-edge{position:absolute;top:calc(212*var(--u));height:calc(52*var(--u));width:4.8%;object-fit:fill;z-index:-1}.edge-left{left:0}.edge-right{right:0}}@media(max-width:600px){.hero-edge{display:none}}

.speakersides .tips article:last-child .step-num{background:#ffa30b}.arcsketch .tip-svg{background:none;width:42px;height:42px}.arcsketch .tip-svg .line-icon{width:42px;height:42px}.arcsketch .tips .steps-grid article{padding-left:50px}

/* Final reference rhythm; guide text is compact rather than clipped. */
@media(min-width:601px){
.guide-copy{padding-top:calc(14*var(--u));padding-bottom:calc(8*var(--u));margin-block:calc(8*var(--u))}.guide ul{margin-top:calc(7*var(--u))}.guide li{margin-top:calc(5*var(--u))}.guide{min-height:calc(185*var(--u))}
.home.speakersides .main-tool{padding:calc(12*var(--u))}.home.speakersides .routing svg{height:calc(122*var(--u))}.home.speakersides .volume-row{margin-block:calc(7*var(--u))}
.home.speakersides .steps .steps-grid{margin-top:calc(8*var(--u))}.home.speakersides .steps h3{font-size:calc(16*var(--u));line-height:1.2}.home.speakersides .steps p{line-height:1.3;margin-top:calc(6*var(--u))}.home.speakersides .steps .step-icon{margin-top:calc(4*var(--u))}.home.speakersides .steps .line-icon{height:calc(26*var(--u));width:calc(26*var(--u))}
.home.speakersides .faq summary{padding-block:calc(3.5*var(--u))}.home.speakersides .faq details{margin-top:calc(4*var(--u))}
.home.speakersides .teaser h2{line-height:1.03}.home.speakersides .teaser .eyebrow{margin-bottom:calc(3*var(--u))}.home.speakersides .teaser .button{padding-block:calc(6*var(--u))}
.home.speakersides .teaser+.ad-reserve{height:calc(102*var(--u))}
}

/* Focused quality correction: no vertically stretched raster strips or baked controls. */
.speakersides .teaser:before,.arcsketch .teaser:before{background-image:linear-gradient(105deg,#fffaf0,#fffdf8);background-color:#fffaf1}
body.arcsketch,body.arcsketch h1,body.arcsketch h2,body.arcsketch h3{font-family:Nunito,Arial,sans-serif}
.arcsketch .hero:before{background:#fffdf6;background-image:linear-gradient(105deg,#fffdf8,#fffaf1);z-index:-1}
.arcsketch .attempts article{display:flex;flex-direction:column;align-items:flex-start;gap:calc(3*var(--u))}
.arcsketch .attempts article>b,.arcsketch .attempts article>span,.arcsketch .attempts article>small,.arcsketch .attempts article>strong{display:block;line-height:1.25}
@media(min-width:601px){
.home.arcsketch .hero:after{inset:0;height:100%;width:100%;background-image:url('/assets/current/hero-scene.png');background-size:100% 100%;z-index:-2}
.feature.arcsketch .hero:after{inset:0;height:100%;width:100%;background-image:url('/assets/current/feature-scene.png');background-size:100% 100%;z-index:-2}
.home.arcsketch .hero:before{inset:0 40% 0 0}
.feature.arcsketch .hero:before{inset:0 42% 0 0}
.arcsketch .hero .frame{padding-left:calc(16*var(--u))}
.arcsketch .hero h1{font-weight:900}
}
@media(max-width:600px){.arcsketch .hero:before{inset:0}.arcsketch .hero:after{background-size:cover;background-position:center;z-index:-1}}

/* Native 812px geometry: live controls, chart and typography follow the saved pair. */
@media(min-width:601px){
 body.arcsketch{font-variation-settings:'wdth' 85;line-height:1.32}
 .arcsketch .site-header{height:calc(44*var(--u))}
 .arcsketch .hero{background:#fffdf6}
 .arcsketch .hero .frame{padding-left:calc(14*var(--u))}
 .home.arcsketch .hero{min-height:calc(190*var(--u))}
 .home.arcsketch .hero .frame{padding-top:calc(22*var(--u));padding-bottom:calc(18*var(--u))}
 .home.arcsketch .hero h1{font-size:calc(43*var(--u));line-height:.98;font-weight:900;font-variation-settings:'wdth' 90;letter-spacing:-.025em}
 .home.arcsketch .hero .subhead{font-size:calc(21*var(--u));line-height:1.15;margin-top:calc(4*var(--u));letter-spacing:-.02em}
 .home.arcsketch .hero .intro{font-size:calc(15*var(--u));line-height:1.25;margin-top:calc(4*var(--u))}
 .feature.arcsketch .hero{min-height:calc(176*var(--u))}
 .feature.arcsketch .hero .frame{padding-top:calc(10*var(--u));padding-bottom:calc(18*var(--u));padding-left:calc(18*var(--u))}
 .feature.arcsketch .hero .crumb{font-size:calc(12*var(--u));line-height:1.2;margin-bottom:calc(4*var(--u))}
 .feature.arcsketch .hero h1{font-size:calc(40*var(--u));line-height:1.05;font-weight:800;font-variation-settings:'wdth' 88;letter-spacing:-.035em}
 .feature.arcsketch .hero .subhead{font-size:calc(20*var(--u));line-height:1.2;margin-top:calc(3*var(--u));letter-spacing:-.015em}
 .feature.arcsketch .hero .intro{font-size:calc(14*var(--u));line-height:1.35;margin-top:calc(4*var(--u))}
 .arcsketch .hero:after{background-size:cover;background-position:center}
 .arcsketch h2{font-weight:900;font-variation-settings:'wdth' 85}
 .home.arcsketch .main-tool{margin-top:0;padding:calc(12*var(--u)) calc(16*var(--u));min-height:calc(428*var(--u))}
 .home.arcsketch .main-tool h2{font-size:calc(28*var(--u));line-height:1.1;margin-bottom:calc(8*var(--u))}
 .arcsketch .arc-tool-grid{grid-template-columns:calc(210*var(--u)) minmax(0,1fr);gap:calc(10*var(--u))}
 .arcsketch .arc-inputs{padding:calc(10*var(--u)) calc(12*var(--u))}
 .arcsketch .arc-inputs label{font-size:calc(12*var(--u));line-height:1.25;margin-bottom:calc(3*var(--u))}
 .arcsketch .arc-inputs input:not([type=range]){height:calc(25*var(--u));min-height:0;margin-bottom:calc(9*var(--u));padding:calc(2*var(--u)) calc(8*var(--u));font-size:calc(14*var(--u));font-weight:700}
 .arcsketch .arc-inputs button{font-size:calc(13*var(--u));min-height:calc(33*var(--u));padding:calc(5*var(--u)) calc(9*var(--u));margin-top:calc(4*var(--u))}
 .home.arcsketch .arc-inputs .two-buttons{margin-top:calc(5*var(--u))}
 .home.arcsketch .arc-inputs .two-buttons button{font-size:calc(12*var(--u));min-height:calc(29*var(--u))}
 .home.arcsketch .plot h3{font-size:calc(14*var(--u));line-height:1.1;padding:calc(5*var(--u)) calc(10*var(--u))}
 .home.arcsketch .plot svg{height:calc(190*var(--u));min-height:0}
 .arcsketch .metrics{margin-top:calc(8*var(--u));gap:calc(6*var(--u))}
 .arcsketch .metric{padding:calc(6*var(--u)) calc(10*var(--u));min-height:calc(49*var(--u))}
 .arcsketch .metric span{font-size:calc(11*var(--u));line-height:1.2}
 .arcsketch .metric strong{font-size:calc(21*var(--u));line-height:1.15}
 .home.arcsketch .components{margin-top:calc(7*var(--u));padding:calc(6*var(--u)) calc(9*var(--u))}
 .home.arcsketch .components h3{font-size:calc(11*var(--u));margin-bottom:calc(5*var(--u));line-height:1.15}
 .home.arcsketch .component-row{gap:calc(7*var(--u))}
 .home.arcsketch .component-row span{font-size:calc(10*var(--u));line-height:1.25}
 .home.arcsketch .component-row strong{font-size:calc(14*var(--u));line-height:1.15}
 .home.arcsketch .component-row button{font-size:calc(10*var(--u));padding:calc(4*var(--u)) calc(7*var(--u));min-height:calc(30*var(--u));white-space:nowrap}
 .arcsketch .model-note{font-size:calc(10*var(--u));line-height:1.25;margin-top:calc(6*var(--u))}
 .home.arcsketch .steps{margin-top:calc(5*var(--u));padding-inline:calc(15*var(--u))}
 .home.arcsketch .steps h2{font-size:calc(24*var(--u));line-height:1.1}
 .home.arcsketch .steps .steps-grid{gap:calc(10*var(--u));margin-top:calc(5*var(--u))}
 .home.arcsketch .steps article{display:grid;grid-template-columns:calc(25*var(--u)) calc(50*var(--u)) minmax(0,1fr);gap:0 calc(6*var(--u));padding:0 calc(7*var(--u)) 0 0;min-height:calc(65*var(--u));align-content:start}
 .home.arcsketch .steps .step-num{position:static;width:calc(28*var(--u));height:calc(28*var(--u));font-size:calc(18*var(--u));grid-column:1;grid-row:1/3;background:linear-gradient(#e3f5ff,#b7e6ff);color:var(--ink)}
 .home.arcsketch .steps .step-icon{grid-column:2;grid-row:1/3;margin:0}
 .home.arcsketch .steps .line-icon{width:calc(50*var(--u));height:calc(50*var(--u))}
 .home.arcsketch .steps h3{grid-column:3;font-size:calc(12*var(--u));line-height:1.2;letter-spacing:-.02em}
 .home.arcsketch .steps p{grid-column:3;font-size:calc(10*var(--u));line-height:1.28;margin-top:calc(3*var(--u))}
 .home.arcsketch .examples{margin-top:calc(10*var(--u));padding:calc(8*var(--u)) calc(10*var(--u));min-height:calc(110*var(--u))}
 .home.arcsketch .examples h3{font-size:calc(17*var(--u));line-height:1.15}
 .home.arcsketch .example-grid{gap:calc(12*var(--u));margin-top:calc(3*var(--u))}
 .home.arcsketch .example-grid button{padding:0;min-height:calc(70*var(--u));gap:calc(7*var(--u))}
 .home.arcsketch .example-grid img{width:calc(98*var(--u));height:calc(68*var(--u));object-fit:contain}
 .home.arcsketch .example-grid b{font-size:calc(12*var(--u));line-height:1.1}
 .home.arcsketch .example-grid small{font-size:calc(11*var(--u));line-height:1.15;margin-top:calc(5*var(--u))}
 .arcsketch .faq{margin-top:calc(10*var(--u));padding-inline:calc(15*var(--u))}
 .arcsketch .faq h2{font-size:calc(24*var(--u));line-height:1.1;margin-bottom:calc(5*var(--u))}
 .arcsketch .faq details{margin-top:calc(3*var(--u))}
 .arcsketch .faq summary{font-size:calc(12*var(--u));line-height:1.3;padding:calc(5*var(--u)) calc(14*var(--u))}
 .arcsketch .faq details p{font-size:calc(11*var(--u));line-height:1.25;padding:0 calc(21*var(--u)) calc(6*var(--u));margin-top:0}
 .home.arcsketch .ad-reserve{height:calc(134*var(--u))}
 .home.arcsketch .teaser{height:auto;min-height:calc(169*var(--u));padding:calc(15*var(--u)) calc(14*var(--u))}
 .home.arcsketch .teaser .eyebrow{font-size:calc(10*var(--u));line-height:1.2;letter-spacing:.22em;margin-bottom:calc(6*var(--u))}
 .home.arcsketch .teaser h2{font-size:calc(28*var(--u));line-height:1.05}
 .home.arcsketch .teaser p{font-size:calc(15*var(--u));line-height:1.25;margin-top:calc(5*var(--u))}
 .home.arcsketch .teaser .button{margin-top:calc(8*var(--u));min-height:calc(33*var(--u));font-size:calc(14*var(--u));padding:calc(5*var(--u)) calc(15*var(--u))}
 .home.arcsketch .teaser+.ad-reserve{height:calc(110*var(--u))}
 .arcsketch .guide{min-height:calc(178*var(--u));grid-template-columns:33.2% 32% 34.8%;margin-bottom:calc(28*var(--u))}
 .arcsketch .guide-art img{inset:0;height:calc(178*var(--u));object-fit:fill}
 .arcsketch .guide-copy{padding:calc(8*var(--u)) calc(20*var(--u)) calc(7*var(--u));margin-block:calc(10*var(--u));border-left:0}
 .arcsketch .guide h2{font-size:calc(20*var(--u));line-height:1.05;margin-top:calc(4*var(--u))}
 .arcsketch .guide ul{font-size:calc(11*var(--u));margin-top:calc(8*var(--u))}
 .arcsketch .guide li{margin-top:calc(5*var(--u));gap:calc(9*var(--u))}
 .arcsketch .guide li:before{min-width:calc(20*var(--u));height:calc(20*var(--u))}
 .arcsketch .guide-form{padding:calc(12*var(--u)) calc(20*var(--u)) calc(10*var(--u)) calc(28*var(--u))}
 .arcsketch .guide-form label{font-size:calc(10*var(--u));line-height:1.2}
 .arcsketch .guide-form input{height:calc(22*var(--u));margin-bottom:calc(5*var(--u));font-size:calc(10*var(--u))}
 .arcsketch .guide-form button{min-height:calc(31*var(--u));font-size:calc(12*var(--u));margin-top:calc(2*var(--u));padding:calc(5*var(--u))}
 .arcsketch .guide-form p{font-size:calc(9*var(--u));line-height:1.3;margin-top:calc(7*var(--u))}
 .arcsketch .site-footer{min-height:calc(78*var(--u))}
 .feature.arcsketch .main-tool{width:calc(100% - 72*var(--u));margin-top:0;padding:calc(3*var(--u)) calc(8*var(--u)) calc(10*var(--u));min-height:calc(426*var(--u))}
 .feature.arcsketch .main-tool h2{font-size:calc(31*var(--u));line-height:1.1;margin-bottom:calc(5*var(--u))}
 .feature.arcsketch .challenge-grid{grid-template-columns:minmax(0,1fr) calc(188*var(--u));gap:calc(8*var(--u))}
 .feature.arcsketch .challenge-grid .plot svg{height:calc(282*var(--u));min-height:0}
 .feature.arcsketch .challenge-grid .arc-inputs{padding:calc(8*var(--u)) calc(10*var(--u));min-height:calc(358*var(--u))}
 .feature.arcsketch .arc-inputs input[type=range]{height:calc(17*var(--u));min-height:0;padding:0;margin:calc(-1*var(--u)) 0 0;background:none;border:0}
 .feature.arcsketch .arc-inputs .range-ends{font-size:calc(10*var(--u));margin-bottom:calc(12*var(--u))}
 .feature.arcsketch .arc-inputs input:not([type=range]){margin-bottom:calc(8*var(--u))}
 .feature.arcsketch .arc-inputs button{margin-top:calc(7*var(--u))}
 .feature.arcsketch .attempts{gap:calc(7*var(--u));margin-top:calc(7*var(--u))}
 .feature.arcsketch .attempts article{padding:calc(6*var(--u)) calc(10*var(--u));font-size:calc(11*var(--u));line-height:1.1;gap:calc(2*var(--u));min-height:calc(67*var(--u))}
 .feature.arcsketch .attempts strong{font-size:calc(17*var(--u));line-height:1.15}
 .feature.arcsketch .attempts small{font-size:calc(9*var(--u))}
 .feature.arcsketch .main-tool .model-note{font-size:calc(9*var(--u));line-height:1.1;margin-top:calc(5*var(--u))}
 .feature.arcsketch #example-note{font-size:calc(8*var(--u));margin-top:calc(2*var(--u))}
 .feature.arcsketch .share-panel{width:calc(100% - 72*var(--u));margin-top:calc(5*var(--u));padding:calc(10*var(--u)) calc(17*var(--u)) calc(20*var(--u));min-height:calc(536*var(--u))}
 .feature.arcsketch .share-panel h2{font-size:calc(29*var(--u));line-height:1.1}
 .feature.arcsketch .share-panel>p{font-size:calc(13*var(--u));line-height:1.25;margin-top:calc(3*var(--u))}
 .feature.arcsketch .sizes{margin:calc(8*var(--u)) 0 calc(14*var(--u));gap:calc(7*var(--u))}
 .feature.arcsketch .sizes label{min-height:calc(53*var(--u));padding:calc(7*var(--u)) calc(12*var(--u));gap:calc(10*var(--u))}
 .feature.arcsketch .sizes small{font-size:calc(11*var(--u));line-height:1.2;margin-top:calc(3*var(--u))}
 .feature.arcsketch .share-grid{grid-template-columns:54.4% minmax(0,1fr);gap:calc(36*var(--u))}
 .feature.arcsketch .share-grid canvas{max-height:calc(383*var(--u))}
 .feature.arcsketch .share-controls input[type=text]{min-height:calc(36*var(--u));margin-bottom:calc(9*var(--u))}
 .feature.arcsketch .share-controls .check{margin-top:calc(9*var(--u));gap:calc(8*var(--u));font-size:calc(12*var(--u))}
 .feature.arcsketch .share-controls .primary{margin-top:calc(27*var(--u))}
 .feature.arcsketch .share-controls button{min-height:calc(39*var(--u));font-size:calc(13*var(--u));margin-top:calc(8*var(--u))}
 .feature.arcsketch .share-controls .small-button{min-height:calc(28*var(--u));font-size:calc(12*var(--u));margin-top:calc(7*var(--u))}
 .feature.arcsketch .share-controls p{font-size:calc(10*var(--u));line-height:1.25;margin-top:calc(8*var(--u))}
 .feature.arcsketch .tips{margin-top:0;padding:calc(5*var(--u)) calc(10*var(--u));min-height:calc(93*var(--u));width:calc(100% - 72*var(--u))}
 .feature.arcsketch .tips h2{font-size:calc(22*var(--u));line-height:1.1}
 .feature.arcsketch .tips .steps-grid{gap:calc(10*var(--u));margin-top:calc(7*var(--u))}
 .feature.arcsketch .tips article{padding-left:calc(64*var(--u));padding-right:calc(9*var(--u))}
 .feature.arcsketch .tips .step-num{left:calc(8*var(--u));width:calc(42*var(--u));height:calc(42*var(--u))}
 .feature.arcsketch .tips h3{font-size:calc(12*var(--u));line-height:1.1}
 .feature.arcsketch .tips p{font-size:calc(11*var(--u));line-height:1.2;margin-top:calc(3*var(--u))}
 .feature.arcsketch .faq{margin-top:calc(15*var(--u));padding-inline:calc(7*var(--u));width:calc(100% - 80*var(--u))}
 .feature.arcsketch .faq h2{font-size:calc(23*var(--u));margin-bottom:calc(4*var(--u))}
 .feature.arcsketch .faq summary{padding-block:calc(4*var(--u))}
 .feature.arcsketch .ad-reserve{height:calc(104*var(--u))}
}
@media(min-width:601px){
 .home.arcsketch .faq summary{padding-block:calc(4.15*var(--u))}
 .feature.arcsketch .share-panel{padding-top:calc(8*var(--u));padding-bottom:calc(17*var(--u))}
 .feature.arcsketch .faq h2{font-size:calc(22*var(--u))}
 .feature.arcsketch .faq summary{padding-block:calc(3.5*var(--u))}
 .feature.arcsketch .faq details p{padding-bottom:calc(5*var(--u))}
 .feature.arcsketch #example-note{font-size:inherit;margin:0}
 .feature.arcsketch .arc-inputs label{font-size:calc(13*var(--u))}
 .feature.arcsketch .share-controls .check{font-size:calc(13*var(--u))}
 .feature.arcsketch .share-controls button{font-size:calc(14*var(--u))}
 .arcsketch .sizes input{appearance:none;border:1px solid var(--blue);border-radius:calc(2*var(--u));width:calc(18*var(--u));height:calc(24*var(--u));background:white}
 .arcsketch .sizes input:checked{background:var(--blue)}
}

@media(min-width:601px){
.home.arcsketch .hero:before{inset:0;background:linear-gradient(to right,#fffdf7 0 calc(442*var(--u)),#fffdf700 calc(500*var(--u)));z-index:-1}
.feature.arcsketch .hero:before{inset:0;background:linear-gradient(to right,#fffdf7 0 calc(412*var(--u)),#fffdf700 calc(485*var(--u)));z-index:-1}
}
@media(min-width:601px){
.home.arcsketch .hero:before{mask-image:linear-gradient(to bottom,#000 0 calc(165*var(--u)),#0000 calc(185*var(--u)))}
.feature.arcsketch .hero:before{mask-image:linear-gradient(to bottom,#000 0 calc(140*var(--u)),#0000 calc(162*var(--u)))}
}