.home-page{background:var(--canvas);color:var(--ink)}
.home-stage{position:relative;isolation:isolate;overflow:hidden;min-height:800px;background:radial-gradient(ellipse 68% 80% at 100% 8%,#e8f0ff 0%,transparent 73%),linear-gradient(117deg,#fff 0%,var(--canvas) 67%,#f0f5ff 100%)}
.home-stage .site-header{position:relative;z-index:5}
.workspace-hero{position:relative;z-index:2;display:flex;align-items:center;min-height:730px;padding-block:70px 92px}
.workspace-content{width:min(100%,870px);position:relative;margin-inline:auto}
.workspace-content h1{font:760 clamp(4rem,6.1vw,6.55rem)/.96 var(--display);letter-spacing:-.078em;margin:0 0 2rem;color:var(--ink);text-wrap:balance;animation:hero-enter .65s cubic-bezier(.16,1,.3,1) both}
@keyframes hero-enter{from{opacity:.5;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
#hero-form{width:100%}
.question-rail,.answer-rail{display:flex;align-items:center;background:#fff;border:1px solid var(--line);box-shadow:0 9px 28px rgba(29,53,102,.045);transition:border-color .22s,box-shadow .22s,transform .22s}
.question-rail{min-height:77px;border-radius:13px;padding:0 1.45rem;gap:1.2rem;margin-bottom:1.25rem;color:var(--slate)}
.question-rail:focus-within,.answer-rail:focus-within{border-color:var(--cobalt);box-shadow:0 0 0 4px rgba(9,91,240,.11),0 12px 28px rgba(29,53,102,.07);transform:translateY(-2px)}
.question-rail svg{flex:none}
.question-rail input,.answer-rail input{appearance:none;outline:0;border:0;background:transparent;color:var(--ink);width:100%;min-width:0}
.question-rail input{font-size:1.22rem;letter-spacing:-.02em;padding:1rem 0}
.question-rail input::placeholder,.answer-rail input::placeholder{color:#6d7890;opacity:1}
.home-modes{border:1px solid var(--line);border-radius:11px;padding:0;margin:0 0 1.25rem;display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;background:#fff;max-width:100%}
.home-modes button{border:0;border-right:1px solid var(--line);border-radius:0;background:transparent;color:#50617d;min-height:62px;padding:.8rem 1rem;font-size:1.05rem;font-weight:650;letter-spacing:-.02em;transition:background .35s cubic-bezier(.18,.78,.22,1),color .22s,transform .35s}
.home-modes button:last-child{border-right:0}
.home-modes button:hover{background:#eef4ff;color:var(--cobalt)}
.home-modes button[aria-pressed="true"]{background:var(--cobalt);color:#fff;box-shadow:0 8px 20px rgba(9,91,240,.18)}
.home-choice-fields,.home-score-fields{border:0;padding:0;margin:0;display:grid;gap:.85rem}
.home-static-answers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}
.answer-rail{border-radius:11px;min-height:77px;overflow:hidden;color:var(--ink);gap:1.4rem;font-size:1.15rem}
.answer-mark{align-self:stretch;flex:none;display:grid;place-items:center;width:99px;background:linear-gradient(90deg,#f6f9ff,#edf3ff);border-right:1px solid var(--line);font:740 2.15rem/1 var(--display);letter-spacing:-.07em;color:var(--ink)}
.answer-rail input{align-self:stretch;padding:1rem 1rem 1rem 0;font-size:1.16rem;letter-spacing:-.025em}
.home-static-answers .answer-rail>span:last-child{padding-right:1rem}
.home-mode-panel{animation:panel-in .32s cubic-bezier(.18,.78,.22,1) both}
@keyframes panel-in{from{opacity:.25;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.workspace-submit{width:100%;display:flex;justify-content:center;align-items:center;gap:1.3rem;background:var(--cobalt);color:#fff;border:0;border-radius:11px;min-height:71px;margin-top:1.5rem;font-size:1.18rem;font-weight:680;letter-spacing:-.02em;box-shadow:0 12px 24px rgba(9,91,240,.12);transition:background .2s,transform .3s cubic-bezier(.18,.78,.22,1),box-shadow .3s}
.workspace-submit svg{transition:transform .3s cubic-bezier(.18,.78,.22,1)}
.workspace-submit:hover{background:#064dcc;transform:translateY(-3px);box-shadow:0 18px 30px rgba(9,91,240,.2)}
.workspace-submit:hover svg{transform:translateX(5px)}
.workspace-submit:active{transform:translateY(0) scale(.995)}
.workspace-note{font-size:.84rem;line-height:1.5;color:var(--slate);margin:1.2rem 0 0;text-align:center}
.example-section{position:relative;overflow:hidden;background:linear-gradient(135deg,#f0f5ff,#f8fbff 48%,#edf3ff);padding:clamp(5rem,8vw,8rem) 0 clamp(5rem,8vw,8rem)}
.example-section .shell{position:relative}
.example-intro{max-width:950px;margin-bottom:2.4rem}
.example-intro h2{font:760 clamp(3.1rem,5.65vw,6rem)/.98 var(--display);letter-spacing:-.078em;margin:0 0 1.2rem;text-wrap:balance}
.example-intro>p{font-size:clamp(1.06rem,1.7vw,1.35rem);color:#4f617f;line-height:1.55;margin:0}
.example-lanes{position:relative;display:grid;gap:1rem}
.example-lane{display:flex;justify-content:space-between;align-items:center;gap:2rem;min-height:185px;padding:1.2rem clamp(1.5rem,5vw,5.2rem);font:740 clamp(2.8rem,5.45vw,5.8rem)/1 var(--display);letter-spacing:-.073em;clip-path:polygon(0 0,97.5% 0,100% 100%,2.5% 100%)}
.example-lane-leading{background:var(--cobalt);color:#fff;box-shadow:0 20px 38px rgba(9,91,240,.14)}
.example-lane-other{min-height:145px;margin-left:4.2%;margin-right:7.5%;background:#fff;color:var(--ink);border:1px solid var(--line)}
.example-lane strong{font:750 clamp(4rem,7vw,8rem)/.9 var(--display);letter-spacing:-.09em;white-space:nowrap;border-left:1px solid currentColor;padding-left:clamp(1rem,3vw,3rem)}
.example-lane-other strong{color:#61718f}
.example-foot{display:flex;justify-content:space-between;align-items:baseline;gap:2rem;margin-top:3rem;font-size:.95rem;line-height:1.6;color:var(--slate)}
.example-foot p{max-width:750px;margin:0}
.example-foot a{white-space:nowrap;color:var(--cobalt);font-weight:700;border-bottom:1px solid var(--cobalt);padding-bottom:.25rem;transition:transform .2s}
.example-foot a:hover{transform:translateX(3px)}
.example-foot a span{margin-left:.5rem}
.example-section.is-visible .example-lane-leading{animation:lane-enter .7s cubic-bezier(.18,.78,.22,1) both}
.example-section.is-visible .example-lane-other{animation:lane-enter .7s .12s cubic-bezier(.18,.78,.22,1) both}
@keyframes lane-enter{from{opacity:.35;transform:translateY(28px) scaleX(.96)}to{opacity:1;transform:translateY(0) scaleX(1)}}
.home-footer{border-top:1px solid var(--line);padding-top:4rem}
@media(max-width:1120px){.workspace-content{width:min(100%,800px)}.workspace-content h1{font-size:clamp(3.8rem,6.2vw,5.8rem)}}
@media(max-width:800px){.workspace-hero{min-height:0;padding-block:78px 95px}.workspace-content{width:100%}.workspace-content h1{font-size:clamp(3.4rem,9vw,5.2rem)}.example-lane{min-height:145px}.example-lane-other{min-height:110px}}
@media(max-width:560px){.home-stage{min-height:0}.home-stage .site-header{height:70px}.home-stage .main-nav{display:none}.home-stage .header-action{font-size:.77rem;padding:.65rem .8rem;gap:.45rem}.workspace-hero{padding-block:48px 76px}.workspace-content h1{font-size:clamp(3.05rem,11vw,3.7rem);line-height:.98;letter-spacing:-.075em;max-width:390px;margin-bottom:1.5rem}.question-rail{min-height:61px;padding:0 .9rem;gap:.75rem;margin-bottom:1rem}.question-rail svg{width:22px;height:22px}.question-rail input{font-size:1rem}.home-modes{margin-bottom:1rem}.home-modes button{min-height:52px;font-size:.88rem;padding:.5rem .25rem}.answer-rail{min-height:60px;gap:1rem;font-size:1rem}.answer-mark{width:65px;font-size:1.55rem}.answer-rail input{font-size:1rem}.home-choice-fields,.home-score-fields{gap:.7rem}.workspace-submit{min-height:58px;margin-top:1.2rem;font-size:1rem}.workspace-note{font-size:.72rem;margin-top:.85rem}.example-section{padding-block:4.5rem}.example-intro{margin-bottom:1.65rem}.example-intro h2{font-size:clamp(2.6rem,11vw,3.7rem)}.example-intro>p{font-size:.96rem}.example-lanes{gap:.65rem}.example-lane{min-height:110px;padding:1rem 1.1rem;gap:.65rem;font-size:clamp(1.6rem,7vw,2.45rem);clip-path:none;border-radius:7px}.example-lane-other{margin-inline:0;min-height:87px}.example-lane strong{font-size:clamp(2.5rem,10vw,4rem);padding-left:.8rem}.example-foot{display:block;margin-top:1.8rem;font-size:.8rem}.example-foot a{display:inline-block;margin-top:1rem}.home-footer{padding-top:3.5rem}}
@media(prefers-reduced-motion:reduce){.workspace-content h1,.home-mode-panel,.question-rail,.answer-rail,.home-modes button,.workspace-submit,.workspace-submit svg,.example-section.is-visible .example-lane{animation:none!important;transition:none!important;transform:none!important}}