:root{
  --cream:#f5f0e7;
  --cream-2:#fbf8f2;
  --paper:#fffdf8;
  --green-950:#11291f;
  --green-900:#173429;
  --green-800:#244637;
  --green-700:#355d49;
  --green-600:#4e765f;
  --green-300:#a8c8b2;
  --green-200:#d8e6db;
  --lime:#8bd978;
  --lime-soft:#dff7d8;
  --ink:#26322b;
  --muted:#687169;
  --line:rgba(38,50,43,.14);
  --shadow:0 28px 80px rgba(13,31,23,.22);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
button,a{font:inherit}
button{cursor:pointer}
img{display:block;max-width:100%}
svg{display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.srOnly{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* Landing */
.landing{min-height:100svh;overflow:hidden;background:var(--cream)}
.siteHeader{height:76px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(22px,4vw,70px);border-bottom:1px solid var(--line);background:rgba(251,248,242,.86);backdrop-filter:blur(18px);position:relative;z-index:5}
.brand{width:154px;display:block}.brand img{width:100%;height:auto}
.headerEquation{justify-self:center;display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px;text-transform:uppercase;letter-spacing:.09em;font-weight:700}.headerEquation b{color:var(--green-600)}.headerEquation strong{color:var(--green-800)}
.headerCta{justify-self:end;border:0;border-radius:13px;background:var(--green-800);color:white;padding:12px 17px;display:flex;gap:10px;align-items:center;font-weight:750;box-shadow:0 10px 24px rgba(36,70,55,.18)}
.headerCta svg{width:18px;height:18px;fill:currentColor;stroke:none}

.hero{position:relative;min-height:calc(100svh - 76px);display:flex;align-items:center;padding:clamp(50px,7vh,90px) clamp(22px,4vw,70px) 72px;isolation:isolate}
.heroGlow{position:absolute;width:760px;height:760px;border-radius:50%;right:-180px;top:-280px;background:radial-gradient(circle,rgba(121,194,104,.24),rgba(121,194,104,0) 68%);filter:blur(4px);z-index:-2}
.heroGrid{position:absolute;inset:0;opacity:.35;z-index:-3;background-image:linear-gradient(rgba(44,76,61,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(44,76,61,.06) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to right,transparent 0,#000 35%,#000 100%)}
.heroInner{width:min(1500px,100%);margin:auto;display:grid;grid-template-columns:minmax(360px,.82fr) minmax(600px,1.18fr);align-items:center;gap:clamp(42px,6vw,96px)}
.heroCopy{position:relative;z-index:2}
.heroEyebrow{display:flex;align-items:center;gap:10px;color:var(--green-700);text-transform:uppercase;font-size:12px;letter-spacing:.14em;font-weight:800;margin-bottom:20px}.heroEyebrow span{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 7px rgba(139,217,120,.16)}
.hero h1{font-family:Georgia,"Times New Roman",serif;font-weight:600;font-size:clamp(46px,5.6vw,82px);line-height:.98;letter-spacing:-.05em;margin:0;max-width:760px;color:var(--green-950)}
.hero h1 span{display:block;color:var(--green-600);font-style:italic;font-size:.82em;margin-top:12px}
.heroCopy>p{font-size:clamp(17px,1.5vw,22px);line-height:1.5;color:var(--muted);margin:27px 0 30px;max-width:560px}
.primaryCta{border:0;border-radius:17px;background:var(--green-800);color:white;display:inline-flex;align-items:center;gap:13px;padding:12px 20px 12px 12px;font-weight:800;font-size:16px;box-shadow:0 18px 38px rgba(36,70,55,.22);transition:transform .2s ease,background .2s ease}.primaryCta:hover{transform:translateY(-2px);background:var(--green-700)}
.playDisc{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.14)}.playDisc svg{width:21px;height:21px;fill:currentColor;stroke:none}
.heroStats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:34px;max-width:650px}.heroStats div{padding:14px 15px;border:1px solid var(--line);border-radius:14px;background:rgba(255,253,248,.62)}.heroStats strong{display:block;color:var(--green-800);font-size:18px}.heroStats span{display:block;color:var(--muted);font-size:11px;margin-top:3px}

.heroVisual{height:clamp(500px,62vh,690px);position:relative;border-radius:32px;background:linear-gradient(145deg,var(--green-950),#294c3b);box-shadow:0 38px 90px rgba(19,47,36,.28);overflow:hidden;border:1px solid rgba(255,255,255,.1)}
.heroVisual:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 76% 34%,rgba(139,217,120,.24),transparent 33%),linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:auto,42px 42px,42px 42px}
.heroTask{position:absolute;top:6%;left:5%;z-index:3;color:white;display:flex;align-items:center;gap:10px}.heroTask span{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:var(--green-300)}.heroTask strong{font-size:14px}
.heroChatPair{position:absolute;left:4%;top:18%;bottom:9%;width:35%;display:grid;grid-template-rows:1fr 1fr;gap:14px}
.heroChat{position:relative;border-radius:16px;background:rgba(252,250,246,.95);overflow:hidden;box-shadow:0 18px 35px rgba(0,0,0,.18);display:grid;grid-template-rows:42px auto 1fr 36px;color:#303a34}
.heroChat header{display:flex;align-items:center;gap:9px;padding:0 13px;border-bottom:1px solid rgba(38,50,43,.1);font-size:12px}.heroChat header img{width:19px;height:19px}.heroChatGPT{transform:rotate(-1.4deg)}.heroClaude{transform:rotate(1.2deg);background:#fbf5ed}
.heroPrompt{justify-self:end;margin:12px 12px 3px;background:#ebebe8;border-radius:10px 10px 2px 10px;padding:9px 11px;font-size:10px}
.heroBars{padding:8px 14px;display:flex;flex-direction:column;gap:7px}.heroBars i{display:block;height:7px;border-radius:10px;background:#d8d8d3;animation:barPulse 2.6s ease-in-out infinite}.heroBars i:nth-child(2){width:82%;animation-delay:.2s}.heroBars i:nth-child(3){width:61%;animation-delay:.4s}
.heroChat footer{display:grid;place-items:center;border-top:1px solid rgba(38,50,43,.1);font-size:10px;font-weight:750;color:#7a756f}
.heroArrow{position:absolute;left:41%;top:45%;width:9%;display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.5)}.heroArrow:before,.heroArrow:after{content:"";height:1px;flex:1;background:rgba(255,255,255,.22)}.heroArrow span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.1);font-size:10px;font-weight:800;color:white}
.heroSystem{position:absolute;right:3.5%;top:9%;bottom:7%;width:51%;border-radius:21px;background:var(--cream-2);box-shadow:0 23px 55px rgba(0,0,0,.25),0 0 0 1px rgba(139,217,120,.45);overflow:hidden;animation:systemGlow 4.4s ease-in-out infinite}
.heroSystem header{height:50px;background:var(--green-800);display:flex;align-items:center;justify-content:space-between;padding:0 15px;color:white}.heroSystem header img{width:115px;filter:brightness(0) invert(1)}.heroSystem header span{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#cfe1d4}
.heroSystemImage{height:calc(100% - 50px);overflow:hidden}.heroSystemImage img{width:100%;height:100%;object-fit:cover;object-position:61% 42%;transform:scale(1.13)}
.heroSystemTag{position:absolute;right:16px;bottom:16px;border-radius:12px;background:var(--green-800);color:white;padding:11px 14px;display:flex;align-items:center;gap:9px;font-size:11px;font-weight:800;box-shadow:0 14px 30px rgba(17,41,31,.25)}.heroSystemTag b{width:20px;height:20px;border-radius:50%;background:var(--lime);color:var(--green-950);display:grid;place-items:center}
.heroCursor{position:absolute;z-index:8;width:30px;color:white;filter:drop-shadow(0 5px 7px rgba(0,0,0,.45));animation:heroPointer 5.4s cubic-bezier(.5,0,.2,1) infinite}.heroCursor svg{fill:white;stroke:var(--green-950);stroke-width:1.4}
.heroStrip{position:absolute;left:0;right:0;bottom:0;height:43px;background:var(--green-900);color:#d8e7dc;display:flex;align-items:center;justify-content:center;gap:18px;font-size:10px;font-weight:800;letter-spacing:.09em}.heroStrip i{width:4px;height:4px;border-radius:50%;background:var(--lime)}

@keyframes barPulse{0%,100%{opacity:.45}50%{opacity:1}}
@keyframes systemGlow{0%,100%{box-shadow:0 23px 55px rgba(0,0,0,.25),0 0 0 1px rgba(139,217,120,.35)}50%{box-shadow:0 23px 55px rgba(0,0,0,.25),0 0 0 2px rgba(139,217,120,.82),0 0 45px rgba(139,217,120,.17)}}
@keyframes heroPointer{0%,18%{left:28%;top:42%;transform:scale(.9)}35%,48%{left:31%;top:60%;transform:scale(1)}65%,86%{left:77%;top:49%;transform:scale(1.08)}100%{left:28%;top:42%;transform:scale(.9)}}

/* Guided comparison */
body.tourOpen{overflow:hidden}
.tourOverlay{position:fixed;inset:0;z-index:999;background:rgba(9,23,17,.88);backdrop-filter:blur(16px);display:grid;place-items:center;opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s ease;padding:14px}
.tourOverlay.isOpen{opacity:1;visibility:visible}
.tourWindow{width:min(1620px,100%);height:min(1040px,100%);border-radius:24px;background:var(--cream);box-shadow:var(--shadow);overflow:hidden;display:grid;grid-template-rows:70px minmax(0,1fr) 58px;border:1px solid rgba(255,255,255,.44);transform:translateY(10px) scale(.99);transition:transform .25s ease}
.tourOverlay.isOpen .tourWindow{transform:none}
.tourWindow.isPaused *{animation-play-state:paused!important}

.tourTopbar{display:grid;grid-template-columns:220px minmax(0,1fr) 170px;align-items:center;padding:0 18px 0 24px;background:rgba(255,253,248,.94);border-bottom:1px solid var(--line);position:relative;z-index:20}
.tourBrand{display:flex;align-items:center;gap:14px}.tourBrand img{width:124px}.tourBrand span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-weight:800;border-left:1px solid var(--line);padding-left:14px}
.tourProgress{display:flex;align-items:center;justify-content:center;min-width:0;gap:4px}
.progressStep{border:0;background:transparent;padding:4px;display:flex;align-items:center;gap:6px;border-radius:9px;color:#8b908c;transition:.2s ease;min-width:0}.progressStep b{width:27px;height:27px;border-radius:8px;border:1px solid var(--line);display:grid;place-items:center;font-size:10px;background:white;flex:none}.progressStep span{font-size:9px;white-space:nowrap;max-width:0;overflow:hidden;opacity:0;transition:.25s ease}.progressStep.isActive{background:#e8eee8;color:var(--green-800);padding-right:10px}.progressStep.isActive b{background:var(--green-800);color:white;border-color:var(--green-800)}.progressStep.isActive span{max-width:100px;opacity:1}.progressStep.isComplete b{border-color:#9ec3a7;background:#edf7ee;color:var(--green-700)}
.tourActions{justify-self:end;display:flex;gap:8px;align-items:center}.roundButton,.closeButton{height:40px;border:1px solid var(--line);background:white;color:var(--ink);border-radius:11px;display:flex;align-items:center;justify-content:center}.roundButton{width:40px}.roundButton svg{width:18px;height:18px}.roundButton svg path:first-child:last-child{fill:currentColor;stroke:none}.closeButton{gap:7px;padding:0 12px;font-size:12px;font-weight:700}.closeButton svg{width:17px;height:17px}

.tourStage{min-height:0;position:relative;overflow:hidden;background:linear-gradient(135deg,#f5f0e7,#eee8dc)}
.scene{height:100%;padding:clamp(12px,1.8vh,22px) clamp(16px,2vw,32px) clamp(12px,1.8vh,22px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(10px,1.4vh,16px);position:relative;overflow:hidden}
.scene:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(rgba(35,71,55,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(35,71,55,.04) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.55),transparent 75%)}
.sceneHeading{position:relative;z-index:4;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;min-height:66px}
.sceneCounter{width:42px;height:42px;border-radius:13px;background:var(--green-800);color:white;display:grid;place-items:center;font-size:12px;font-weight:800;box-shadow:0 10px 24px rgba(36,70,55,.18)}
.sceneHeading h2{margin:0;text-align:center;font-size:clamp(28px,3.2vw,55px);line-height:1;letter-spacing:-.045em;color:var(--green-950);font-weight:850}
.taskChip{justify-self:end;border-radius:999px;border:1px solid var(--line);background:rgba(255,253,248,.82);padding:9px 13px;font-size:11px;color:var(--muted);font-weight:750;white-space:nowrap}

.comparisonGrid,.pipelineCompare,.manualCompare{min-height:0;position:relative;z-index:2;display:grid;grid-template-columns:minmax(300px,.76fr) 52px minmax(500px,1.24fr);align-items:stretch}
.generalSide,.htstudySide,.oneResponsePanel,.checksPanel,.loopPanel,.systemPanel{min-width:0;min-height:0;border-radius:20px;border:1px solid var(--line);background:rgba(255,253,248,.76);box-shadow:0 18px 40px rgba(28,46,36,.08);padding:12px;display:grid;grid-template-rows:42px minmax(0,1fr) 40px;gap:10px;transition:opacity .55s ease,transform .55s cubic-bezier(.2,.7,.2,1),filter .55s ease,box-shadow .55s ease}
.htstudySide,.checksPanel,.systemPanel{border-color:rgba(69,120,90,.35);background:rgba(248,251,246,.9)}
.sideTitle{display:flex;align-items:center;gap:10px;padding:0 4px}.sideTitle>strong{margin-left:auto;font-size:13px;color:var(--muted);text-align:right}.sideTitle.htTitle img{width:105px}.sideTitle.htTitle strong{color:var(--green-700)}
.providerPair{display:flex;align-items:center}.providerPair .providerMark+ .providerMark{margin-left:-6px}
.providerMark{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:white;border:1px solid var(--line);box-shadow:0 4px 9px rgba(0,0,0,.06)}.providerMark img{width:17px;height:17px}.claudeMark{background:#fbefe2}.chatgptMark{background:#f5f5f3}
.versus{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#9ca19d;position:relative;z-index:4}.versus i{width:1px;flex:1;background:linear-gradient(transparent,var(--line),transparent)}.versus span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);background:var(--cream-2);font-size:10px;font-weight:900;color:var(--green-700);box-shadow:0 8px 18px rgba(0,0,0,.06)}
.sideStamp{height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:850;font-size:12px;letter-spacing:.01em}.neutralStamp{background:#efede8;color:#777c77}.positiveStamp{background:var(--green-800);color:white;box-shadow:0 10px 20px rgba(36,70,55,.16)}.sideStamp svg{width:18px;height:18px}.positiveStamp svg{stroke:var(--lime)}

.assistantStack{min-height:0;display:grid;grid-template-rows:1fr 1fr;gap:9px}
.assistantCard{min-height:0;border-radius:13px;overflow:hidden;border:1px solid rgba(37,49,43,.13);background:#f8f8f6;display:grid;grid-template-rows:34px minmax(0,1fr) 28px;box-shadow:0 8px 18px rgba(0,0,0,.05)}.assistantCard.isClaude{background:#fbf4eb}
.assistantHeader{display:flex;align-items:center;gap:8px;padding:0 10px;border-bottom:1px solid rgba(38,50,43,.09);font-size:10px}.assistantHeader .providerMark{width:21px;height:21px;border-radius:7px}.assistantHeader .providerMark img{width:13px;height:13px}.assistantHeader strong{font-size:11px}.assistantHeader>span:last-child{margin-left:auto;color:#999;font-size:8px;text-transform:uppercase;letter-spacing:.08em}
.assistantBody{min-height:0;display:grid;grid-template-columns:54px 1fr}.assistantBody aside{background:#f1f1ee;border-right:1px solid rgba(38,50,43,.08);padding:11px 8px;display:flex;flex-direction:column;gap:9px}.isClaude .assistantBody aside{background:#f5ede4}.assistantBody aside i{height:5px;border-radius:5px;background:#d7d8d4}.assistantBody aside i:nth-child(2){width:70%}.assistantBody aside i:nth-child(4){width:82%}
.assistantChat{position:relative;min-height:0;padding:8px 9px 32px;overflow:hidden}.userBubble{margin-left:auto;max-width:76%;padding:7px 9px;border-radius:9px 9px 2px 9px;background:#e8e9e7;font-size:9px;color:#555e58;text-align:right}.isClaude .userBubble{background:#eee4da}
.assistantVisual{position:absolute;left:10px;right:10px;top:42px;bottom:34px;overflow:hidden}.composer{position:absolute;left:8px;right:8px;bottom:6px;height:25px;border:1px solid rgba(38,50,43,.11);border-radius:9px;background:white;display:flex;align-items:center;padding:0 8px;color:#a0a39f;font-size:8px}.composer b{margin-left:auto;width:16px;height:16px;border-radius:50%;display:grid;place-items:center;background:#eceeeb;color:#777}
.assistantCard footer{border-top:1px solid rgba(38,50,43,.08);display:flex;align-items:center;justify-content:center;gap:6px;font-size:8px;color:#818681;font-weight:750}.loopGlyph{font-size:13px;color:#8c918d}
.fileMiniGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:5px}.fileMiniGrid i{height:32px;border-radius:7px;border:1px solid #d7d9d5;background:white;display:grid;place-items:center;font-style:normal;font-size:7px;font-weight:900;color:#718078}.assistantReply{display:flex;flex-direction:column;gap:5px;margin-top:9px}.assistantReply span{height:5px;border-radius:5px;background:#d8dad6}.assistantReply span:nth-child(2){width:84%}.assistantReply span:nth-child(3){width:91%}.assistantReply span:nth-child(4){width:62%}.assistantReply.compact b{font-size:7px;color:#929792;font-weight:650;margin-top:2px}.outlineMini{display:grid;grid-template-columns:1fr;gap:5px;padding-top:4px}.outlineMini b{font-size:8px}.outlineMini span{height:5px;background:#d7d9d5;border-radius:5px}.outlineMini span:nth-of-type(1){width:91%}.outlineMini span:nth-of-type(2){width:70%}.answerHeading{font-size:9px;font-weight:850;margin-top:3px}.answerBubble{padding:9px;border-radius:8px;background:white;border:1px solid #dedfdb;font-size:8px;line-height:1.35}.quizMini{display:grid;grid-template-columns:1fr repeat(3,24px);gap:5px;align-items:center}.quizMini b{font-size:8px}.quizMini span{height:22px;border:1px solid #d8d9d5;border-radius:6px;display:grid;place-items:center;font-size:7px;background:white}.scoreMini{font-size:20px;font-weight:900;color:#68746c;margin-top:8px}.examMini{display:grid;gap:5px}.examMini b{font-size:8px}.examMini span{padding:5px 7px;border-radius:6px;background:white;border:1px solid #dcddd9;font-size:7px}.historyMini{display:grid;gap:5px}.historyMini span{padding:5px 7px;border-radius:6px;background:#ebece9;font-size:7px}.searchMini{margin-top:7px;padding:6px;border-radius:7px;border:1px solid #d8dad6;background:white;color:#969a96;font-size:7px}

.productWindow{min-height:0;border-radius:14px;overflow:hidden;border:1px solid rgba(36,70,55,.2);background:var(--cream);box-shadow:0 10px 28px rgba(17,41,31,.13);display:grid;grid-template-rows:38px minmax(0,1fr)}
.productTop{background:var(--green-800);display:flex;align-items:center;justify-content:space-between;padding:0 12px;color:white}.productTop img{width:95px;filter:brightness(0) invert(1)}.productTop span{font-size:8px;text-transform:uppercase;letter-spacing:.12em;color:#d2e1d6}
.productViewport{position:relative;overflow:hidden;background:#ece7dd}.productScreenshot{width:100%;height:100%;object-fit:cover;object-position:var(--image-position);transition:transform 1s cubic-bezier(.2,.7,.2,1),filter .6s ease;transform:scale(1.02)}
.productDim{position:absolute;inset:0;background:rgba(18,36,27,.36);opacity:0;transition:opacity .45s ease}
.productSpotlight{position:absolute;left:var(--focus-left);top:var(--focus-top);width:var(--focus-width);height:var(--focus-height);border:2px solid var(--lime);border-radius:14px;box-shadow:0 0 0 999px rgba(16,33,25,.54),0 0 0 6px rgba(139,217,120,.16),0 0 34px rgba(139,217,120,.45);opacity:0;transform:scale(.96);transition:opacity .35s ease,transform .55s cubic-bezier(.2,.8,.2,1)}.productSpotlight i{position:absolute;width:16px;height:16px;border-radius:50%;right:-8px;top:-8px;background:var(--lime);box-shadow:0 0 0 6px rgba(139,217,120,.18);animation:spotPulse 1.5s ease-in-out infinite}
.screenBadge{position:absolute;left:50%;bottom:15px;transform:translate(-50%,14px);opacity:0;min-width:max-content;max-width:85%;border-radius:12px;background:var(--green-800);color:white;padding:10px 14px;display:flex;align-items:center;gap:9px;font-size:11px;font-weight:850;box-shadow:0 16px 35px rgba(17,41,31,.3);transition:opacity .4s ease,transform .5s ease}.screenBadge svg{width:19px;height:19px;stroke:var(--lime)}
.tutorOverlay{position:absolute;right:3%;top:9%;bottom:7%;width:31%;border-radius:13px;background:#fffdf9;border:1px solid rgba(36,70,55,.25);box-shadow:0 18px 45px rgba(11,29,21,.28);padding:10px;display:flex;flex-direction:column;gap:8px;opacity:0;transform:translateX(35px);transition:opacity .5s ease,transform .65s cubic-bezier(.2,.8,.2,1)}.tutorOverlay header{display:flex;justify-content:space-between;align-items:center;font-size:8px}.tutorOverlay header span{font-weight:850}.tutorOverlay header b{font-size:6px;color:var(--green-600);background:#e5f0e6;border-radius:999px;padding:4px 6px}.tutorQuestion{align-self:flex-end;background:#e9ece8;border-radius:8px 8px 2px 8px;padding:8px;font-size:7px;line-height:1.3}.tutorAnswer{border-radius:8px;background:#f5f1e9;padding:8px;display:flex;gap:6px;font-size:7px;line-height:1.35}.tutorAnswer i{width:12px;height:12px;border-radius:50%;background:var(--green-700);flex:none}.tutorSource{margin-top:auto;border-radius:7px;background:#e5f0e6;color:var(--green-700);padding:6px;font-size:7px;font-weight:800}

.takeaway{position:relative;z-index:8;justify-self:center;min-height:54px;border-radius:16px;background:var(--green-900);color:white;display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 20px;box-shadow:0 18px 36px rgba(17,41,31,.24);opacity:0;transform:translateY(25px) scale(.96);transition:opacity .45s ease,transform .55s cubic-bezier(.2,.8,.2,1);max-width:90%;text-align:center}.takeaway>span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--lime);color:var(--green-950);flex:none}.takeaway>span svg{width:18px;height:18px;stroke-width:2.4}.takeaway strong{font-size:clamp(14px,1.35vw,20px)}.takeaway small{font-size:8px;color:#bad0c0;margin-left:6px}
.guideCursor{position:absolute;z-index:12;width:29px;color:white;filter:drop-shadow(0 5px 8px rgba(0,0,0,.45));left:26%;top:55%;opacity:0;transform:translate(-50%,-50%) scale(.8);transition:left 1s cubic-bezier(.3,.8,.2,1),top 1s cubic-bezier(.3,.8,.2,1),opacity .3s ease,transform .4s ease}.guideCursor svg{fill:white;stroke:var(--green-950);stroke-width:1.4}

/* Phase-directed attention */
.tourWindow[data-phase="0"] .comparisonGrid,.tourWindow[data-phase="0"] .pipelineCompare,.tourWindow[data-phase="0"] .manualCompare{animation:sceneEnter .6s ease both}
.tourWindow[data-phase="1"] .generalSide,.tourWindow[data-phase="1"] .oneResponsePanel,.tourWindow[data-phase="1"] .loopPanel{transform:scale(1.018);box-shadow:0 24px 55px rgba(28,46,36,.16);border-color:rgba(63,94,77,.35)}
.tourWindow[data-phase="1"] .htstudySide,.tourWindow[data-phase="1"] .checksPanel,.tourWindow[data-phase="1"] .systemPanel{opacity:.22;filter:saturate(.4)}
.tourWindow[data-phase="1"] .guideCursor{left:27%;top:57%;opacity:1;transform:translate(-50%,-50%) scale(1)}
.tourWindow[data-phase="2"] .generalSide,.tourWindow[data-phase="2"] .oneResponsePanel,.tourWindow[data-phase="2"] .loopPanel{opacity:.18;filter:saturate(.35)}
.tourWindow[data-phase="2"] .htstudySide,.tourWindow[data-phase="2"] .checksPanel,.tourWindow[data-phase="2"] .systemPanel{transform:scale(1.012);box-shadow:0 25px 58px rgba(28,70,48,.18)}
.tourWindow[data-phase="2"] .guideCursor{left:76%;top:54%;opacity:1;transform:translate(-50%,-50%) scale(1.06)}
.tourWindow[data-phase="2"] .productScreenshot{transform:scale(1.055)}
.tourWindow[data-phase="2"] .productDim{opacity:1}
.tourWindow[data-phase="2"] .productSpotlight{opacity:1;transform:scale(1)}
.tourWindow[data-phase="2"] .screenBadge{opacity:1;transform:translate(-50%,0)}
.tourWindow[data-phase="2"] .tutorOverlay{opacity:1;transform:none}
.tourWindow[data-phase="3"] .generalSide,.tourWindow[data-phase="3"] .oneResponsePanel,.tourWindow[data-phase="3"] .loopPanel{opacity:.32;filter:saturate(.55);transform:scale(.985)}
.tourWindow[data-phase="3"] .htstudySide,.tourWindow[data-phase="3"] .checksPanel,.tourWindow[data-phase="3"] .systemPanel{opacity:.62;transform:scale(.99)}
.tourWindow[data-phase="3"] .guideCursor{left:74%;top:74%;opacity:0}
.tourWindow[data-phase="3"] .productSpotlight{opacity:.58;transform:scale(1)}
.tourWindow[data-phase="3"] .screenBadge,.tourWindow[data-phase="3"] .tutorOverlay{opacity:1;transform:translate(-50%,0)}
.tourWindow[data-phase="3"] .tutorOverlay{transform:none}
.tourWindow[data-phase="3"] .takeaway{opacity:1;transform:none}

@keyframes sceneEnter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes spotPulse{0%,100%{transform:scale(.85);opacity:.65}50%{transform:scale(1.15);opacity:1}}

/* Analysis + QA magnitude */
.oneResponsePanel,.checksPanel,.loopPanel,.systemPanel{padding:14px}
.responseRoute{min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;position:relative}.routePrompt{border-radius:13px;background:white;border:1px solid var(--line);padding:12px 20px;font-size:12px;font-weight:750}.routeArrow{font-size:27px;color:#969b96}.routeResponse{width:min(280px,82%);border-radius:17px;background:#f5f5f3;border:1px solid var(--line);padding:18px;display:grid;grid-template-columns:68px 1fr;grid-template-rows:auto 1fr;gap:5px 10px;box-shadow:0 12px 25px rgba(0,0,0,.08)}.routeResponse>b{grid-row:1/3;font-size:58px;line-height:1;color:#777e78}.routeResponse>span{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#6e756f}.routeResponse>div{display:flex;flex-direction:column;gap:7px;margin-top:8px}.routeResponse i{height:7px;border-radius:6px;background:#d7dad6}.routeResponse i:nth-child(2){width:82%}.routeResponse i:nth-child(3){width:91%}.routeResponse i:nth-child(4){width:63%}
.questionMarks{position:absolute;inset:75px 20px 55px;pointer-events:none}.questionMarks span{position:absolute;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#ece9e2;color:#8a8f8a;font-size:17px;font-weight:900;opacity:0;animation:questionPop .4s ease forwards;animation-delay:1.35s}.questionMarks span:nth-child(1){left:7%;top:16%}.questionMarks span:nth-child(2){right:7%;top:38%;animation-delay:1.55s}.questionMarks span:nth-child(3){left:18%;bottom:8%;animation-delay:1.75s}
.checkMagnitude{min-height:0;position:relative;display:grid;grid-template-columns:110px minmax(0,1fr) 34px 110px minmax(0,1fr) 150px;gap:10px;align-items:center;padding:12px}.checkCount{text-align:center}.checkCount strong{display:block;font-size:clamp(48px,5vw,82px);line-height:.85;color:var(--green-800)}.checkCount span{font-size:10px;letter-spacing:.13em;font-weight:900;color:var(--green-600)}.checkTrack{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.checkNode{height:54px;border-radius:11px;border:1px solid rgba(45,89,65,.18);background:white;display:flex;align-items:center;gap:8px;padding:7px;opacity:.18;transform:scale(.9);animation:nodeLight .38s ease forwards;animation-delay:calc(2.15s + var(--delay))}.checkNode b,.checkNode>svg{width:22px;height:22px;border-radius:7px;background:#e5eee6;color:var(--green-700);display:grid;place-items:center;flex:none;font-size:9px}.checkNode>svg{padding:4px;stroke-width:2.3}.checkNode span{font-size:8px;font-weight:800;color:#687169}.checkFlowArrow{font-size:30px;color:var(--green-600);text-align:center}.approvedArtifact{height:110px;border-radius:16px;background:var(--green-800);color:white;display:flex;align-items:center;justify-content:center;gap:11px;opacity:.18;transform:scale(.9);animation:approvedIn .5s ease forwards;animation-delay:3.9s;box-shadow:0 18px 36px rgba(28,68,48,.24)}.approvedArtifact>svg{width:35px;height:35px;border-radius:50%;padding:8px;background:var(--lime);stroke:var(--green-950);stroke-width:2.5}.approvedArtifact strong{display:block;font-size:14px;letter-spacing:.08em}.approvedArtifact span{font-size:8px;color:#c8dbcd}.flowPacket{position:absolute;left:24%;top:50%;width:14px;height:14px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 7px rgba(139,217,120,.18),0 0 25px rgba(139,217,120,.8);opacity:0;animation:packetMove 2s ease-in-out forwards;animation-delay:2.05s}.pipelineCursor{left:23%}.tourWindow[data-phase="2"] .pipelineCursor{left:75%}.tourWindow[data-phase="3"] .pipelineCursor{opacity:0}
@keyframes questionPop{to{opacity:1;transform:translateY(-4px)}}
@keyframes nodeLight{to{opacity:1;transform:scale(1);border-color:#8ec69a;box-shadow:0 8px 15px rgba(58,111,79,.1)}}
@keyframes approvedIn{to{opacity:1;transform:scale(1)}}
@keyframes packetMove{0%{opacity:0;left:24%}12%{opacity:1}88%{opacity:1}100%{opacity:0;left:80%}}

/* Manual effort magnitude */
.loopVisual,.systemVisual{min-height:0;position:relative;overflow:hidden;border-radius:14px;background:linear-gradient(145deg,#f0eee8,#e9e7e1);border:1px solid rgba(38,50,43,.08)}
.loopCenter{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:140px;height:100px;border-radius:22px;background:white;border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;box-shadow:0 14px 30px rgba(0,0,0,.1);z-index:4}.loopCenter span{font-size:8px;color:#8a8f8a;text-transform:uppercase;letter-spacing:.08em}.loopCard{position:absolute;width:100px;height:54px;border-radius:11px;background:#fffdf9;border:1px solid var(--line);display:grid;grid-template-columns:26px 1fr 18px;align-items:center;padding:6px;gap:4px;font-size:8px;font-weight:750;opacity:0;transform:scale(.5) translate(0,0);animation:loopIn .42s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(1.7s + var(--delay));box-shadow:0 8px 17px rgba(0,0,0,.08)}.loopCard b{width:23px;height:23px;border-radius:7px;background:#ebe9e3;display:grid;place-items:center;color:#777d78}.loopCard i{font-size:14px;color:#9da19d;font-style:normal}.loopCard1{left:4%;top:8%}.loopCard2{left:36%;top:4%}.loopCard3{right:4%;top:10%}.loopCard4{left:2%;top:40%}.loopCard5{right:2%;top:42%}.loopCard6{left:5%;bottom:8%}.loopCard7{left:36%;bottom:4%}.loopCard8{right:4%;bottom:10%}.loopCard9{left:50%;top:50%;margin-left:-50px;margin-top:-27px;z-index:3;animation-delay:2.7s}.loopMagnitude{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);z-index:6;text-align:center;background:#e3dfd5;border-radius:999px;padding:5px 13px}.loopMagnitude strong{font-size:18px;color:#6e746f}.loopMagnitude span{font-size:7px;text-transform:uppercase;letter-spacing:.09em;margin-left:4px;color:#888d88}
.systemVisual{background:linear-gradient(145deg,#edf3ed,#dfece1)}.uploadOnce{position:absolute;left:50%;top:8%;transform:translateX(-50%);width:180px;height:52px;border-radius:13px;background:white;border:1px solid #b6cdbb;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--green-700);box-shadow:0 8px 20px rgba(40,83,58,.1)}.uploadOnce span{width:28px;height:28px;border-radius:9px;background:#e1eee2;display:grid;place-items:center;font-size:17px}.uploadOnce strong{font-size:10px;letter-spacing:.09em}.courseCore{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:210px;height:112px;border-radius:24px;background:var(--green-800);color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;box-shadow:0 18px 40px rgba(35,79,54,.26);z-index:3}.courseCore img{width:48px;height:48px;clip-path:inset(7% round 22%);transform:scale(1.08);filter:none}.courseCore strong{font-size:13px;letter-spacing:.09em}.courseCore span{font-size:8px;color:#c6dacb}.systemLine{position:absolute;left:50%;width:2px;background:#8bc398;transform:translateX(-50%);overflow:hidden}.systemLine i{display:block;width:100%;height:35%;background:var(--lime);box-shadow:0 0 10px var(--lime);animation:lineFlow 1.4s linear infinite}.lineOne{top:20%;height:20%}.lineTwo{top:61%;height:18%}.outputGrid{position:absolute;left:8%;right:8%;bottom:7%;display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.outputGrid div{height:52px;border-radius:11px;background:white;border:1px solid #b8cdbd;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;opacity:.2;transform:translateY(10px);animation:outputIn .38s ease forwards;animation-delay:calc(2.2s + var(--delay));font-size:8px;font-weight:800;color:var(--green-700)}.outputGrid svg{width:18px;height:18px;stroke:#4d8a61;stroke-width:2.4}.systemMagnitude{position:absolute;right:15px;top:15px;text-align:center;border-radius:14px;background:#d6e7d8;padding:7px 11px;color:var(--green-700)}.systemMagnitude strong{font-size:24px;line-height:1}.systemMagnitude span{display:block;font-size:7px;text-transform:uppercase;letter-spacing:.1em}.manualCursor{left:24%}.tourWindow[data-phase="2"] .manualCursor{left:76%}
@keyframes loopIn{to{opacity:1;transform:scale(1) translate(0,0)}}
@keyframes lineFlow{from{transform:translateY(-100%)}to{transform:translateY(350%)}}
@keyframes outputIn{to{opacity:1;transform:none}}

.tourFooter{display:grid;grid-template-columns:110px minmax(0,1fr) 58px 110px;align-items:center;gap:14px;padding:0 17px;border-top:1px solid var(--line);background:rgba(255,253,248,.96);position:relative;z-index:20}.footerButton{height:38px;border:1px solid var(--line);border-radius:10px;background:white;color:var(--ink);display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;font-weight:750}.footerButton svg{width:17px;height:17px}.footerButton:disabled{opacity:.35;cursor:not-allowed}.primaryFooter{background:var(--green-800);color:white;border-color:var(--green-800)}.globalTimeline{height:5px;border-radius:999px;background:#e1e1dc;overflow:hidden}.globalTimeline i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--green-700),var(--lime));transition:width .08s linear}.sceneReadout{display:flex;justify-content:center;gap:4px;align-items:baseline;color:#8a8f8a}.sceneReadout b:first-child{color:var(--green-800);font-size:15px}.sceneReadout span,.sceneReadout b:last-child{font-size:9px}

/* Compact desktop */
@media (max-width:1260px){
  .heroInner{grid-template-columns:.82fr 1.18fr;gap:40px}.hero h1{font-size:clamp(42px,5vw,68px)}
  .tourTopbar{grid-template-columns:180px 1fr 150px}.tourBrand span{display:none}.progressStep{padding:3px}.progressStep b{width:24px;height:24px}.progressStep.isActive span{display:none}.progressStep.isActive{padding-right:3px}
  .comparisonGrid,.pipelineCompare,.manualCompare{grid-template-columns:minmax(260px,.72fr) 42px minmax(450px,1.28fr)}
  .checkMagnitude{grid-template-columns:85px 1fr 24px 85px 1fr 125px;gap:7px}.checkNode{height:48px}.checkCount strong{font-size:50px}
}

@media (max-height:790px) and (min-width:721px){
  .tourWindow{grid-template-rows:58px minmax(0,1fr) 50px}.tourTopbar{padding-top:0;padding-bottom:0}.scene{padding-top:9px;padding-bottom:9px;gap:8px}.sceneHeading{min-height:48px}.sceneCounter{width:34px;height:34px;border-radius:10px}.sceneHeading h2{font-size:clamp(24px,3vw,40px)}.taskChip{padding:7px 11px}.generalSide,.htstudySide,.oneResponsePanel,.checksPanel,.loopPanel,.systemPanel{padding:8px;grid-template-rows:34px minmax(0,1fr) 32px;gap:7px}.sideStamp{height:32px}.assistantStack{gap:6px}.assistantCard{grid-template-rows:29px minmax(0,1fr) 23px}.productWindow{grid-template-rows:31px minmax(0,1fr)}.takeaway{min-height:44px;padding:7px 16px}.takeaway>span{width:23px;height:23px}.tourFooter{height:50px}.loopCard{height:44px}.outputGrid div{height:42px}.courseCore{height:90px}.uploadOnce{height:42px}
}

/* Mobile / portrait */
@media (max-width:720px){
  .siteHeader{height:64px;padding:0 16px;grid-template-columns:1fr auto}.brand{width:124px}.headerEquation{display:none}.headerCta{padding:10px 12px;font-size:11px}.headerCta svg{width:16px;height:16px}
  .hero{min-height:calc(100svh - 64px);padding:34px 16px 62px;align-items:flex-start}.heroInner{display:flex;flex-direction:column;gap:30px}.heroCopy{text-align:center}.heroEyebrow{justify-content:center;margin-bottom:14px}.hero h1{font-size:clamp(40px,12vw,58px)}.heroCopy>p{font-size:15px;margin:18px auto 22px;max-width:340px}.primaryCta{font-size:14px}.heroStats{margin-top:24px}.heroStats div{padding:10px 7px}.heroStats strong{font-size:14px}.heroStats span{font-size:8px}.heroVisual{width:100%;height:430px;border-radius:24px}.heroTask{top:4%;left:5%}.heroChatPair{left:4%;top:16%;bottom:8%;width:36%;gap:8px}.heroChat{grid-template-rows:34px auto 1fr 28px}.heroChat header{padding:0 8px}.heroChat header img{width:15px}.heroPrompt{font-size:7px;padding:6px;margin:8px}.heroBars{padding:5px 9px}.heroBars i{height:5px}.heroArrow{left:41%;width:8%}.heroArrow span{width:27px;height:27px;font-size:8px}.heroSystem{right:3%;top:9%;bottom:7%;width:51%}.heroSystem header{height:38px;padding:0 8px}.heroSystem header img{width:80px}.heroSystem header span{display:none}.heroSystemImage{height:calc(100% - 38px)}.heroSystemTag{right:8px;bottom:8px;font-size:8px;padding:7px}.heroSystemTag b{width:16px;height:16px}.heroStrip{height:34px;gap:8px;font-size:6px;white-space:nowrap}

  .tourOverlay{padding:0}.tourWindow{height:100%;width:100%;border-radius:0;grid-template-rows:56px minmax(0,1fr) 52px}.tourTopbar{grid-template-columns:102px minmax(0,1fr) 80px;padding:0 8px 0 11px}.tourBrand img{width:92px}.tourBrand span{display:none}.tourProgress{gap:1px}.progressStep{padding:2px}.progressStep b{width:18px;height:18px;border-radius:6px;font-size:7px}.progressStep span{display:none!important}.progressStep.isActive{padding:2px;background:transparent}.tourActions{gap:4px}.roundButton{width:32px;height:32px;border-radius:9px}.roundButton svg{width:15px}.closeButton{width:32px;height:32px;padding:0;border-radius:9px}.closeButton span{display:none}.closeButton svg{width:15px}

  .scene{padding:8px;gap:7px;grid-template-rows:54px minmax(0,1fr) 48px}.sceneHeading{min-height:54px;grid-template-columns:31px 1fr;grid-template-rows:1fr auto;gap:2px 8px}.sceneCounter{width:30px;height:30px;border-radius:9px;font-size:9px;grid-row:1/3}.sceneHeading h2{text-align:left;font-size:clamp(20px,6.4vw,29px);white-space:nowrap}.taskChip{justify-self:start;padding:2px 0;border:0;background:transparent;font-size:8px;grid-column:2;color:#748078}
  .comparisonGrid,.pipelineCompare,.manualCompare{grid-template-columns:1fr;grid-template-rows:minmax(0,.38fr) 18px minmax(0,.62fr)}
  .generalSide,.htstudySide,.oneResponsePanel,.checksPanel,.loopPanel,.systemPanel{border-radius:14px;padding:6px;grid-template-rows:25px minmax(0,1fr) 28px;gap:4px}.sideTitle{padding:0 2px}.sideTitle>strong{font-size:9px}.sideTitle.htTitle img{width:75px}.providerMark{width:21px;height:21px;border-radius:7px}.providerMark img{width:13px;height:13px}.versus{flex-direction:row;gap:7px}.versus i{height:1px;width:auto;flex:1}.versus span{width:27px;height:27px;font-size:7px}.sideStamp{height:28px;border-radius:8px;font-size:9px}.sideStamp svg{width:14px;height:14px}
  .assistantStack{grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:5px}.assistantCard{grid-template-rows:23px minmax(0,1fr) 21px;border-radius:9px}.assistantHeader{padding:0 6px;gap:5px}.assistantHeader .providerMark{width:16px;height:16px}.assistantHeader .providerMark img{width:10px}.assistantHeader strong{font-size:8px}.assistantHeader>span:last-child{display:none}.assistantBody{grid-template-columns:20px 1fr}.assistantBody aside{padding:6px 4px;gap:6px}.assistantBody aside i{height:3px}.assistantChat{padding:5px 5px 23px}.userBubble{font-size:6px;padding:4px 5px}.assistantVisual{left:5px;right:5px;top:29px;bottom:23px}.composer{left:4px;right:4px;bottom:3px;height:18px;font-size:5px;padding:0 5px}.composer b{width:11px;height:11px}.assistantCard footer{font-size:6px}.loopGlyph{font-size:9px}.fileMiniGrid i{height:18px;font-size:4px}.assistantReply{gap:3px;margin-top:4px}.assistantReply span{height:3px}.assistantReply.compact b{font-size:5px}.outlineMini{gap:3px}.outlineMini b{font-size:5px}.outlineMini span{height:3px}.answerHeading{font-size:6px}.answerBubble{padding:5px;font-size:5px}.quizMini{grid-template-columns:1fr repeat(3,15px);gap:2px}.quizMini b{font-size:5px}.quizMini span{height:14px;font-size:5px}.scoreMini{font-size:12px;margin-top:4px}.examMini{gap:3px}.examMini b{font-size:5px}.examMini span{padding:3px;font-size:5px}.historyMini{gap:2px}.historyMini span,.searchMini{font-size:5px;padding:3px}
  .productWindow{grid-template-rows:27px minmax(0,1fr);border-radius:10px}.productTop{padding:0 7px}.productTop img{width:68px}.productTop span{font-size:5px}.productScreenshot{transform:scale(1.05)}.screenBadge{bottom:7px;padding:7px 9px;font-size:8px;border-radius:9px}.screenBadge svg{width:14px;height:14px}.productSpotlight{border-radius:8px}.tutorOverlay{padding:5px;gap:4px}.tutorOverlay header{font-size:5px}.tutorOverlay header b{font-size:4px;padding:2px}.tutorQuestion,.tutorAnswer,.tutorSource{font-size:4.5px;padding:4px}
  .takeaway{min-height:48px;width:100%;max-width:100%;border-radius:12px;padding:7px 10px;gap:8px}.takeaway>span{width:23px;height:23px}.takeaway>span svg{width:14px}.takeaway strong{font-size:12px;line-height:1.15}.takeaway small{display:none}.guideCursor{width:22px}.tourWindow[data-phase="1"] .guideCursor{left:72%;top:31%}.tourWindow[data-phase="2"] .guideCursor{left:75%;top:70%}

  .pipelineCompare,.manualCompare{grid-template-rows:minmax(0,.35fr) 18px minmax(0,.65fr)}.responseRoute{gap:4px}.routePrompt{padding:6px 10px;font-size:7px}.routeArrow{font-size:13px}.routeResponse{padding:7px;grid-template-columns:30px 1fr;gap:2px}.routeResponse>b{font-size:26px}.routeResponse>span{font-size:5px}.routeResponse>div{gap:3px;margin-top:2px}.routeResponse i{height:3px}.questionMarks{display:none}.checkMagnitude{grid-template-columns:38px 1fr 10px 38px 1fr 66px;gap:3px;padding:2px}.checkCount strong{font-size:27px}.checkCount span{font-size:4px}.checkTrack{gap:3px}.checkNode{height:25px;border-radius:6px;padding:2px;gap:2px}.checkNode b,.checkNode>svg{width:10px;height:10px;border-radius:3px;font-size:4px;padding:2px}.checkNode span{font-size:3.8px}.checkFlowArrow{font-size:12px}.approvedArtifact{height:48px;border-radius:8px;gap:3px}.approvedArtifact>svg{width:18px;height:18px;padding:4px}.approvedArtifact strong{font-size:6px}.approvedArtifact span{font-size:3px}.flowPacket{width:7px;height:7px}.pipelineCursor,.manualCursor{display:none}

  .loopCenter{width:72px;height:52px;border-radius:12px;gap:4px}.loopCenter .providerMark{width:17px;height:17px}.loopCenter span{font-size:4px}.loopCard{width:53px;height:28px;border-radius:6px;grid-template-columns:12px 1fr 8px;padding:2px;gap:2px;font-size:4px}.loopCard b{width:11px;height:11px;border-radius:3px;font-size:4px}.loopCard i{font-size:7px}.loopCard9{margin-left:-26px;margin-top:-14px}.loopMagnitude{bottom:4px;padding:2px 6px}.loopMagnitude strong{font-size:9px}.loopMagnitude span{font-size:3px}.uploadOnce{top:5%;width:96px;height:27px;border-radius:7px;gap:4px}.uploadOnce span{width:15px;height:15px;border-radius:4px;font-size:8px}.uploadOnce strong{font-size:5px}.courseCore{width:110px;height:58px;border-radius:13px;gap:2px}.courseCore img{width:24px;height:24px}.courseCore strong{font-size:6px}.courseCore span{font-size:3.5px}.outputGrid{left:4%;right:4%;bottom:5%;gap:2px}.outputGrid div{height:28px;border-radius:6px;font-size:4px;gap:1px}.outputGrid svg{width:10px;height:10px}.systemMagnitude{right:5px;top:5px;padding:3px 5px;border-radius:7px}.systemMagnitude strong{font-size:12px}.systemMagnitude span{font-size:3px}

  .tourFooter{grid-template-columns:48px minmax(0,1fr) 35px 55px;gap:7px;padding:0 7px}.footerButton{height:34px;border-radius:8px}.footerButton span{display:none}.footerButton svg{width:15px}.primaryFooter span{display:block;font-size:8px}.sceneReadout b:first-child{font-size:11px}.sceneReadout span,.sceneReadout b:last-child{font-size:7px}
}

@media (prefers-reduced-motion:reduce){
  *,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* Manual navigation, corrected highlighting, and control hierarchy */
button:focus-visible,a:focus-visible{outline:3px solid rgba(78,118,95,.36);outline-offset:3px}
.tourWindow{grid-template-rows:70px minmax(0,1fr) 78px}
.tourTopbar{grid-template-columns:220px minmax(0,1fr) 176px}
.roundButton,.closeButton,.progressStep,.footerButton,.nextPageButton{transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease,color .18s ease}
.roundButton:hover,.closeButton:hover,.progressStep:hover:not(.isActive),.footerButton:hover:not(:disabled){transform:translateY(-1px);border-color:rgba(53,93,73,.34);box-shadow:0 8px 18px rgba(17,41,31,.08)}
.replaySceneButton{color:var(--green-700);background:#f4f7f3;border-color:rgba(53,93,73,.22)}
.replaySceneButton svg{fill:none!important;stroke:currentColor!important}
.tourWindow.isHolding .replaySceneButton{background:#e8f1e8;border-color:#aac7b1}
.progressStep:hover b{border-color:#9ebbaa}

.generalSide,.htstudySide,.oneResponsePanel,.checksPanel,.loopPanel,.systemPanel{position:relative}
.productScreenshot{transform:none;transition:filter .55s ease}
.productSpotlight{border:3px solid #9be58a;border-radius:13px;background:rgba(255,255,255,.035);backdrop-filter:brightness(1.16) saturate(1.18);box-shadow:0 0 0 999px rgba(13,31,23,.40),0 0 0 7px rgba(139,217,120,.18),0 0 40px rgba(139,217,120,.58),inset 0 0 0 1px rgba(255,255,255,.52);transform:scale(.985)}
.productSpotlight:before{content:"";position:absolute;inset:7px;border:1px solid rgba(255,255,255,.42);border-radius:8px;pointer-events:none}
.productSpotlight i{width:14px;height:14px;right:-7px;top:-7px;box-shadow:0 0 0 6px rgba(139,217,120,.2),0 0 24px rgba(139,217,120,.75)}
.screenBadge{left:auto;right:14px;bottom:14px;transform:translateY(14px);max-width:min(82%,320px);min-width:0;text-align:left}
.standardScene[data-scene="tutor"] .screenBadge{left:14px;right:auto}
.tourWindow[data-phase="2"] .screenBadge,.tourWindow[data-phase="3"] .screenBadge{transform:none}

.standardScene .guideCursor{width:27px;opacity:0;pointer-events:none}
.standardScene .generalCursor{left:72%;top:42%;transform:translate(-50%,-50%) scale(.82)}
.standardScene .productCursor{left:var(--cursor-left);top:var(--cursor-top);transform:translate(-50%,-50%) scale(.82);z-index:14}
.tourWindow[data-phase="1"] .standardScene .generalCursor{left:72%;top:42%;opacity:1;transform:translate(-50%,-50%) scale(1)}
.tourWindow[data-phase="1"] .standardScene .productCursor{opacity:0}
.tourWindow[data-phase="2"] .standardScene .generalCursor{opacity:0}
.tourWindow[data-phase="2"] .standardScene .productCursor{left:var(--cursor-left);top:var(--cursor-top);opacity:1;transform:translate(-50%,-50%) scale(1.04)}
.tourWindow[data-phase="3"] .standardScene .generalCursor,.tourWindow[data-phase="3"] .standardScene .productCursor{opacity:0}

.tourWindow[data-phase="1"] .generalSide,.tourWindow[data-phase="1"] .oneResponsePanel,.tourWindow[data-phase="1"] .loopPanel{transform:scale(1.012);box-shadow:0 23px 50px rgba(28,46,36,.14);border-color:rgba(63,94,77,.32);opacity:1;filter:none}
.tourWindow[data-phase="1"] .htstudySide,.tourWindow[data-phase="1"] .checksPanel,.tourWindow[data-phase="1"] .systemPanel{opacity:.52;filter:saturate(.72) brightness(.98);transform:scale(.992)}
.tourWindow[data-phase="2"] .generalSide,.tourWindow[data-phase="2"] .oneResponsePanel,.tourWindow[data-phase="2"] .loopPanel{opacity:.44;filter:saturate(.65) brightness(.98);transform:scale(.988)}
.tourWindow[data-phase="2"] .htstudySide,.tourWindow[data-phase="2"] .checksPanel,.tourWindow[data-phase="2"] .systemPanel{opacity:1;filter:none;transform:scale(1.008);box-shadow:0 25px 58px rgba(28,70,48,.18)}
.tourWindow[data-phase="2"] .productScreenshot{transform:none}
.tourWindow[data-phase="2"] .productSpotlight{opacity:1;transform:scale(1)}
.tourWindow[data-phase="3"] .generalSide,.tourWindow[data-phase="3"] .oneResponsePanel,.tourWindow[data-phase="3"] .loopPanel{opacity:.62;filter:saturate(.72);transform:scale(.992)}
.tourWindow[data-phase="3"] .htstudySide,.tourWindow[data-phase="3"] .checksPanel,.tourWindow[data-phase="3"] .systemPanel{opacity:.9;filter:none;transform:scale(1)}
.tourWindow[data-phase="3"] .productSpotlight{opacity:.86;transform:scale(1);box-shadow:0 0 0 999px rgba(13,31,23,.28),0 0 0 6px rgba(139,217,120,.15),0 0 32px rgba(139,217,120,.42),inset 0 0 0 1px rgba(255,255,255,.48)}

.tourFooter{grid-template-columns:124px minmax(0,1fr) 64px minmax(220px,270px);gap:16px;padding:9px 18px;min-height:78px;height:auto}
.footerButton{height:54px;border-radius:15px;font-size:13px;background:#fffdf9}
.footerButton svg{width:19px;height:19px}
.footerProgress{display:grid;gap:7px;min-width:0}
.footerProgress>span{font-size:8px;line-height:1;text-transform:uppercase;letter-spacing:.12em;color:#8a918b;font-weight:800}
.globalTimeline{height:7px;background:#dedfd9}
.globalTimeline i{transition:width .35s cubic-bezier(.2,.8,.2,1);background:linear-gradient(90deg,var(--green-700),var(--lime))}
.sceneReadout b:first-child{font-size:17px}.sceneReadout span,.sceneReadout b:last-child{font-size:10px}
.nextPageButton{height:60px;border:0;border-radius:17px;background:var(--green-800);color:white;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:7px 8px 7px 19px;box-shadow:0 14px 30px rgba(29,67,48,.24);text-align:left;min-width:0}
.nextPageButton:hover{transform:translateY(-2px);background:var(--green-700);box-shadow:0 18px 38px rgba(29,67,48,.3)}
.nextButtonCopy{display:flex;flex-direction:column;min-width:0;line-height:1.05}.nextButtonCopy small{font-size:8px;text-transform:uppercase;letter-spacing:.14em;color:#bcd3c2;font-weight:850}.nextButtonCopy strong{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px}
.nextButtonIcon{width:44px;height:44px;border-radius:13px;background:rgba(255,255,255,.13);display:grid;place-items:center;flex:none}.nextButtonIcon svg{width:22px;height:22px}

@media (max-width:1260px){
  .tourTopbar{grid-template-columns:178px minmax(0,1fr) 150px}
  .tourFooter{grid-template-columns:112px minmax(0,1fr) 58px minmax(190px,230px);gap:12px}
  .nextButtonCopy strong{font-size:13px}
}

@media (max-height:790px) and (min-width:721px){
  .tourWindow{grid-template-rows:58px minmax(0,1fr) 66px}
  .tourFooter{min-height:66px;height:auto;padding:6px 14px}
  .footerButton{height:48px}.nextPageButton{height:52px}.nextButtonIcon{width:38px;height:38px}
}

@media (max-width:720px){
  .tourWindow{grid-template-rows:56px minmax(0,1fr) 72px}
  .tourTopbar{grid-template-columns:102px minmax(0,1fr) 80px}
  .tourFooter{grid-template-columns:44px 36px minmax(0,1fr);gap:7px;padding:11px 7px 7px;min-height:76px;height:auto;position:relative}
  .footerButton{height:54px;border-radius:12px;padding:0}.backButton span{display:none}.footerButton svg{width:17px}
  .footerProgress{position:absolute;left:7px;right:7px;top:4px;display:block}.footerProgress>span{display:none}.globalTimeline{height:5px}
  .sceneReadout{grid-column:2}.sceneReadout b:first-child{font-size:12px}.sceneReadout span,.sceneReadout b:last-child{font-size:7px}
  .nextPageButton{grid-column:3;width:100%;height:58px;border-radius:15px;padding:7px 7px 7px 15px;gap:8px}.nextButtonCopy small{font-size:7px}.nextButtonCopy strong{font-size:11px;margin-top:3px}.nextButtonIcon{width:42px;height:42px;border-radius:12px}.nextButtonIcon svg{width:19px;height:19px}
  .productScreenshot{transform:none}.productSpotlight{border-width:2px;border-radius:8px;box-shadow:0 0 0 999px rgba(13,31,23,.36),0 0 0 4px rgba(139,217,120,.16),0 0 22px rgba(139,217,120,.48)}.productSpotlight:before{inset:4px;border-radius:5px}.productSpotlight i{width:10px;height:10px;right:-5px;top:-5px;box-shadow:0 0 0 4px rgba(139,217,120,.2)}
  .screenBadge{right:7px;bottom:7px;padding:6px 8px;font-size:7px;gap:5px;max-width:78%}.standardScene[data-scene="tutor"] .screenBadge{left:7px;right:auto}.screenBadge svg{width:12px;height:12px}
  .standardScene .guideCursor{width:18px}.standardScene .generalCursor{left:77%;top:44%}.standardScene .productCursor{left:var(--cursor-left);top:var(--cursor-top)}
  .tourWindow[data-phase="1"] .standardScene .generalCursor{left:77%;top:44%}.tourWindow[data-phase="2"] .standardScene .productCursor{left:var(--cursor-left);top:var(--cursor-top)}
  .tourWindow[data-phase="1"] .htstudySide,.tourWindow[data-phase="1"] .checksPanel,.tourWindow[data-phase="1"] .systemPanel{opacity:.58}
  .tourWindow[data-phase="2"] .generalSide,.tourWindow[data-phase="2"] .oneResponsePanel,.tourWindow[data-phase="2"] .loopPanel{opacity:.48}
  .tourWindow[data-phase="3"] .generalSide,.tourWindow[data-phase="3"] .oneResponsePanel,.tourWindow[data-phase="3"] .loopPanel{opacity:.68}
  .tourWindow[data-phase="3"] .htstudySide,.tourWindow[data-phase="3"] .checksPanel,.tourWindow[data-phase="3"] .systemPanel{opacity:.94}
}

.replaySceneButton svg path{fill:none!important;stroke:currentColor!important;stroke-width:1.9!important}
.productSpotlight{z-index:10}.tutorOverlay{z-index:12}.screenBadge{z-index:16}

/* 2026-08-09 refinement: merged general-AI view, deliberate pacing, source-anchored highlights */
.comparisonGrid,.pipelineCompare,.manualCompare{grid-template-columns:minmax(280px,.62fr) 58px minmax(0,1.38fr)}
.generalProviderLabel{display:flex;align-items:center;gap:9px;min-width:0}.generalProviderLabel>span{font-size:10px;font-weight:800;color:#6f7771;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.generalTitle>strong{color:#777e78}
.generalAssistantFrame{min-height:0;height:100%}
.generalAssistantCard{height:100%;min-height:0;border-radius:16px;overflow:hidden;border:1px solid rgba(37,49,43,.15);background:linear-gradient(145deg,#fafaf8,#f3f1ec);display:grid;grid-template-rows:52px minmax(0,1fr) 40px;box-shadow:0 14px 30px rgba(21,38,29,.09)}
.generalAssistantHeader{display:flex;align-items:center;gap:10px;padding:0 13px;border-bottom:1px solid rgba(38,50,43,.1);background:rgba(255,255,255,.62)}.generalAssistantHeader .providerMark{width:27px;height:27px}.generalAssistantHeader .providerMark img{width:16px;height:16px}.generalAssistantIdentity{display:flex;flex-direction:column;line-height:1.05}.generalAssistantIdentity strong{font-size:12px}.generalAssistantIdentity span{font-size:8px;color:#8a908b;margin-top:4px;text-transform:uppercase;letter-spacing:.09em}.sharedPattern{margin-left:auto;border-radius:999px;background:#ecebe6;color:#757b76;padding:6px 8px;font-size:7px;text-transform:uppercase;letter-spacing:.08em;font-weight:850;white-space:nowrap}
.generalAssistantBody{min-height:0;display:grid;grid-template-columns:72px minmax(0,1fr)}.generalAssistantBody>aside{background:#efefeb;border-right:1px solid rgba(38,50,43,.09);padding:14px 10px;display:flex;flex-direction:column;gap:12px}.generalAssistantBody>aside b{width:25px;height:25px;border-radius:8px;background:white;border:1px solid #d6d8d3;display:grid;place-items:center;color:#7f8780;font-size:15px}.generalAssistantBody>aside i{height:6px;border-radius:8px;background:#d4d6d1}.generalAssistantBody>aside i:nth-of-type(2){width:72%}.generalAssistantBody>aside i:nth-of-type(4){width:84%}
.generalAssistantChat{position:relative;min-height:0;padding:15px 16px 95px;overflow:hidden}.generalAssistantChat .userBubble{font-size:11px;padding:10px 12px;max-width:72%;border-radius:12px 12px 3px 12px}.generalAssistantChat .generalVisual{left:16px;right:16px;top:62px;bottom:103px}.generalAssistantChat .generalComposer{left:14px;right:14px;bottom:12px;height:38px;border-radius:12px;font-size:9px;padding:0 11px}.generalAssistantChat .generalComposer b{width:21px;height:21px}
.manualContextRail{position:absolute;left:14px;right:14px;bottom:56px;height:34px;border-radius:10px;background:#ebeae5;border:1px solid rgba(38,50,43,.08);display:flex;align-items:center;justify-content:center;gap:6px;color:#777e78}.manualContextRail span{display:flex;align-items:center;gap:4px;font-size:7px;font-weight:800;white-space:nowrap}.manualContextRail b{width:15px;height:15px;border-radius:5px;background:white;display:grid;place-items:center;font-size:6px;color:#6d756f}.manualContextRail i{font-style:normal;color:#9ba09b;font-size:9px}
.generalAssistantCard>footer{border-top:1px solid rgba(38,50,43,.09);display:flex;align-items:center;justify-content:center;gap:7px;color:#747b75;background:rgba(246,245,241,.86)}.generalAssistantCard>footer strong{font-size:9px}.generalAssistantCard>footer small{font-size:7px;color:#989d98;border-left:1px solid #d7d8d4;padding-left:7px}
.generalVisual .fileMiniGrid i{height:42px;font-size:8px}.generalVisual .assistantReply span{height:7px}.generalVisual .assistantReply.compact b{font-size:8px}.generalVisual .outlineMini{gap:8px}.generalVisual .outlineMini b{font-size:10px}.generalVisual .outlineMini span{height:7px}.generalVisual .answerHeading{font-size:11px}.generalVisual .answerBubble{font-size:10px;padding:12px}.generalVisual .quizMini{grid-template-columns:1fr repeat(3,34px)}.generalVisual .quizMini b{font-size:9px}.generalVisual .quizMini span{height:30px;font-size:9px}.generalVisual .scoreMini{font-size:30px}.generalVisual .examMini b{font-size:10px}.generalVisual .examMini span,.generalVisual .historyMini span,.generalVisual .searchMini{font-size:8px;padding:7px 9px}

.generalSide,.htstudySide,.oneResponsePanel,.checksPanel,.loopPanel,.systemPanel{transition:opacity .85s ease,transform .9s cubic-bezier(.2,.75,.2,1),filter .85s ease,box-shadow .85s ease,border-color .85s ease}
.guideCursor{transition:left 1.35s cubic-bezier(.25,.8,.2,1),top 1.35s cubic-bezier(.25,.8,.2,1),opacity .45s ease,transform .65s ease}
.tourWindow[data-phase="0"] .comparisonGrid,.tourWindow[data-phase="0"] .pipelineCompare,.tourWindow[data-phase="0"] .manualCompare{animation-duration:.9s}
.tourWindow[data-phase="1"] .generalSide,.tourWindow[data-phase="1"] .oneResponsePanel,.tourWindow[data-phase="1"] .loopPanel{transform:scale(1.012)}
.tourWindow[data-phase="1"] .htstudySide,.tourWindow[data-phase="1"] .checksPanel,.tourWindow[data-phase="1"] .systemPanel{opacity:.48;filter:saturate(.7) brightness(.98)}
.tourWindow[data-phase="2"] .generalSide,.tourWindow[data-phase="2"] .oneResponsePanel,.tourWindow[data-phase="2"] .loopPanel{opacity:.42;filter:saturate(.63) brightness(.98)}
.tourWindow[data-phase="2"] .htstudySide,.tourWindow[data-phase="2"] .checksPanel,.tourWindow[data-phase="2"] .systemPanel{transform:scale(1.006)}
.tourWindow[data-phase="3"] .generalSide,.tourWindow[data-phase="3"] .oneResponsePanel,.tourWindow[data-phase="3"] .loopPanel{opacity:.64;filter:saturate(.74);transform:scale(.992)}
.tourWindow[data-phase="3"] .htstudySide,.tourWindow[data-phase="3"] .checksPanel,.tourWindow[data-phase="3"] .systemPanel{opacity:1;filter:none;transform:scale(1)}

.productScreenshot{transform:none!important;transition:filter .8s ease}
.productSpotlight{left:0;top:0;width:1px;height:1px;z-index:10;border:3px solid #9fea8d;border-radius:10px;background:rgba(255,255,255,.025);backdrop-filter:brightness(1.12) saturate(1.12);box-shadow:0 0 0 999px rgba(13,31,23,.42),0 0 30px rgba(139,217,120,.52),inset 0 0 0 1px rgba(255,255,255,.58);transform:scale(.975);transition:opacity .55s ease,transform .8s cubic-bezier(.2,.8,.2,1)}
.productSpotlight:before{display:none}.productSpotlight i{width:10px;height:10px;right:8px;top:8px;box-shadow:0 0 0 4px rgba(139,217,120,.18),0 0 18px rgba(139,217,120,.68);animation-duration:2.1s}
.tourWindow[data-phase="2"] .productSpotlight,.tourWindow[data-phase="3"] .productSpotlight{opacity:1;transform:scale(1)}
.tourWindow[data-phase="3"] .productSpotlight{box-shadow:0 0 0 999px rgba(13,31,23,.31),0 0 26px rgba(139,217,120,.42),inset 0 0 0 1px rgba(255,255,255,.58)}
.standardScene .productCursor{left:0;top:0;z-index:14}.tourWindow[data-phase="2"] .standardScene .productCursor{opacity:1;transform:translate(-50%,-50%) scale(1.04)}.tourWindow[data-phase="3"] .standardScene .productCursor{opacity:0}
.screenBadge{right:13px;bottom:13px;max-width:min(72%,290px);transition:opacity .55s ease,transform .75s cubic-bezier(.2,.8,.2,1)}

.questionMarks span{animation-duration:.55s;animation-delay:2.45s}.questionMarks span:nth-child(2){animation-delay:2.8s}.questionMarks span:nth-child(3){animation-delay:3.15s}
.checkNode{animation-duration:.58s;animation-delay:calc(3.7s + var(--delay))}.approvedArtifact{animation-duration:.7s;animation-delay:7s}.flowPacket{animation-duration:3.45s;animation-delay:3.55s}
.loopCard{animation-duration:.62s;animation-delay:calc(2.75s + var(--delay))}.loopCard9{animation-delay:5.15s}.outputGrid div{animation-duration:.55s;animation-delay:calc(4.65s + var(--delay))}

@media (max-width:1260px){
  .comparisonGrid,.pipelineCompare,.manualCompare{grid-template-columns:minmax(245px,.6fr) 44px minmax(0,1.4fr)}
  .generalAssistantBody{grid-template-columns:58px minmax(0,1fr)}.generalAssistantBody>aside{padding:12px 8px}.generalAssistantHeader{padding:0 10px}.sharedPattern{display:none}.manualContextRail span{font-size:6px}
}

@media (max-height:790px) and (min-width:721px){
  .generalAssistantCard{grid-template-rows:43px minmax(0,1fr) 33px}.generalAssistantHeader .providerMark{width:23px;height:23px}.generalAssistantIdentity strong{font-size:10px}.generalAssistantChat{padding-bottom:82px}.generalAssistantChat .generalVisual{top:53px;bottom:89px}.manualContextRail{bottom:49px;height:28px}.generalAssistantChat .generalComposer{height:31px;bottom:9px}.generalAssistantCard>footer{gap:5px}
}

@media (max-width:720px){
  .comparisonGrid{grid-template-rows:minmax(0,.32fr) 18px minmax(0,.68fr)}
  .pipelineCompare,.manualCompare{grid-template-rows:minmax(0,.35fr) 18px minmax(0,.65fr)}
  .generalProviderLabel>span{font-size:6px}.generalTitle>strong{font-size:8px}
  .generalAssistantCard{border-radius:9px;grid-template-rows:28px minmax(0,1fr) 23px}.generalAssistantHeader{padding:0 6px;gap:5px}.generalAssistantHeader .providerMark{width:18px;height:18px;border-radius:6px}.generalAssistantHeader .providerMark img{width:11px;height:11px}.generalAssistantIdentity strong{font-size:7px}.generalAssistantIdentity span{font-size:4px;margin-top:2px}.sharedPattern{display:none}
  .generalAssistantBody{grid-template-columns:25px minmax(0,1fr)}.generalAssistantBody>aside{padding:6px 4px;gap:6px}.generalAssistantBody>aside b{width:15px;height:15px;border-radius:5px;font-size:9px}.generalAssistantBody>aside i{height:3px}
  .generalAssistantChat{padding:5px 5px 47px}.generalAssistantChat .userBubble{font-size:6px;padding:4px 5px}.generalAssistantChat .generalVisual{left:5px;right:5px;top:29px;bottom:52px}.generalAssistantChat .generalComposer{left:4px;right:4px;bottom:3px;height:18px;border-radius:7px;font-size:5px;padding:0 5px}.generalAssistantChat .generalComposer b{width:11px;height:11px}.manualContextRail{left:4px;right:4px;bottom:24px;height:20px;border-radius:6px;gap:3px}.manualContextRail span{font-size:4px;gap:2px}.manualContextRail b{width:9px;height:9px;border-radius:3px;font-size:3px}.manualContextRail i{font-size:5px}.generalAssistantCard>footer{gap:4px}.generalAssistantCard>footer strong{font-size:5px}.generalAssistantCard>footer small{font-size:4px;padding-left:4px}.generalAssistantCard>footer .loopGlyph{font-size:8px}
  .generalVisual .fileMiniGrid i{height:17px;font-size:4px}.generalVisual .assistantReply span{height:3px}.generalVisual .assistantReply.compact b,.generalVisual .outlineMini b,.generalVisual .answerHeading,.generalVisual .quizMini b,.generalVisual .examMini b{font-size:5px}.generalVisual .outlineMini{gap:3px}.generalVisual .outlineMini span{height:3px}.generalVisual .answerBubble{font-size:5px;padding:5px}.generalVisual .quizMini{grid-template-columns:1fr repeat(3,14px);gap:2px}.generalVisual .quizMini span{height:13px;font-size:4px}.generalVisual .scoreMini{font-size:11px}.generalVisual .examMini span,.generalVisual .historyMini span,.generalVisual .searchMini{font-size:4px;padding:3px}
  .productSpotlight{border-width:2px;border-radius:7px;box-shadow:0 0 0 999px rgba(13,31,23,.38),0 0 18px rgba(139,217,120,.46),inset 0 0 0 1px rgba(255,255,255,.5)}.productSpotlight i{width:7px;height:7px;right:5px;top:5px;box-shadow:0 0 0 3px rgba(139,217,120,.18)}
  .tourWindow[data-phase="3"] .productSpotlight{box-shadow:0 0 0 999px rgba(13,31,23,.28),0 0 16px rgba(139,217,120,.38),inset 0 0 0 1px rgba(255,255,255,.5)}
}

/* Explicit completed states prevent delayed keyframes from leaving a held scene half-rendered. */
.tourWindow.isHolding .questionMarks span{animation:none;opacity:1;transform:translateY(-4px)}
.tourWindow.isHolding .checkNode{animation:none;opacity:1;transform:scale(1);border-color:#8ec69a;box-shadow:0 8px 15px rgba(58,111,79,.1)}
.tourWindow.isHolding .approvedArtifact{animation:none;opacity:1;transform:scale(1)}
.tourWindow.isHolding .flowPacket{animation:none;opacity:0}
.tourWindow.isHolding .loopCard{animation:none;opacity:1;transform:scale(1) translate(0,0)}
.tourWindow.isHolding .outputGrid div{animation:none;opacity:1;transform:none}

@media (max-width:720px){
  .comparisonGrid,.pipelineCompare,.manualCompare{grid-template-columns:minmax(0,1fr)}
}