.ai-basics-page{overflow:hidden}.ai-basics-page button,.ai-basics-page a{-webkit-tap-highlight-color:transparent}.ai-basics-page button{font:inherit}.ai-basics-hero{width:var(--page-width);grid-template-columns:minmax(410px,.82fr) minmax(600px,1.18fr);align-items:center;gap:clamp(70px,9vw,145px);min-height:calc(100dvh - 76px);max-height:960px;margin:0 auto;padding:clamp(64px,8vh,94px) 0;display:grid}.ai-hero-copy>a:first-child{color:var(--ink-muted);font-size:var(--type-label);margin-bottom:34px;font-weight:650;text-decoration:none;display:inline-block}.ai-hero-copy>a:first-child:hover{color:var(--cobalt)}.ai-hero-copy h1{max-width:7em;font-family:var(--font-display);font-size:var(--type-page-title);font-weight:650;line-height:var(--leading-page-title);letter-spacing:-.06em;margin:0 0 26px}.ai-hero-copy>p{max-width:22em;color:var(--ink-muted);font-size:var(--type-lead);line-height:var(--leading-body);margin:0}.ai-primary-action,.ai-git-next a{border:1px solid var(--ink);width:fit-content;color:var(--paper);background:var(--ink);font-size:var(--type-label);white-space:nowrap;border-radius:999px;padding:12px 20px;font-weight:700;text-decoration:none;display:inline-flex}.ai-primary-action{margin-top:36px}.ai-primary-action:active,.ai-git-next a:active,.ai-basics-page button:active:not(:disabled){transform:translateY(1px)}.ai-hero-composition{min-height:590px;position:relative}.ai-hero-sheet{border:1px solid var(--ink);background:var(--paper-deep);flex-direction:column;width:min(48%,350px);min-height:370px;padding:30px;display:flex;position:absolute;box-shadow:12px 14px #15151514}.ai-input-sheet{top:40px;left:0;transform:rotate(-3.5deg)}.ai-output-sheet{background:#e4e6dd;bottom:36px;right:0;transform:rotate(3deg)}.ai-hero-sheet span{color:var(--cobalt);font-size:var(--type-label);font-weight:750}.ai-hero-sheet strong{font-family:var(--font-display);font-size:var(--type-heading);line-height:var(--leading-heading);letter-spacing:-.04em;margin-top:auto}.ai-hero-core{z-index:2;border:1px solid var(--ink);width:184px;height:184px;color:var(--paper);background:var(--cobalt);box-shadow:0 0 0 14px var(--paper), 0 0 0 15px var(--ink);border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ai-hero-core>span{font-family:var(--font-display);font-size:var(--type-heading);font-weight:700}.ai-hero-core small{color:#f1ede4cc;font-size:var(--type-caption);position:absolute;bottom:29px}.ai-core-ring{border:1px solid #f1ede485;border-radius:50%;position:absolute;inset:13px}.ai-hero-path{background:var(--cobalt);height:1px;position:absolute;top:50%;left:6%;right:6%;transform:rotate(-7deg)scaleX(.85)}.ai-foundation-map{padding:clamp(88px, 9vw, 140px) var(--page-gutter);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);background:var(--paper-deep)}.ai-map-copy,.ai-foundation-map ol{width:min(100%, var(--page-max));margin-left:auto;margin-right:auto}.ai-map-copy{margin-bottom:48px}.ai-map-copy h2,.ai-section h2,.ai-basics-summary h2{max-width:10em;font-family:var(--font-display);font-size:var(--type-heading);font-weight:650;line-height:var(--leading-display);letter-spacing:-.05em;margin:0 0 22px}.ai-map-copy p,.ai-section-heading>p,.ai-task-intro>p,.ai-evidence-heading>p,.ai-permission-copy>p,.ai-privacy-heading>p,.ai-summary-copy>p{max-width:35em;color:var(--ink-muted);font-size:var(--type-lead);line-height:var(--leading-body);margin:0}.ai-foundation-map ol{grid-template-columns:repeat(5,minmax(0,1fr));margin-top:0;margin-bottom:0;padding:0;list-style:none;display:grid}.ai-foundation-map li{border-top:1px solid var(--ink);border-right:1px solid var(--hairline);flex-direction:column;min-height:128px;padding:25px 24px;display:flex}.ai-foundation-map li:last-child{color:var(--paper);background:var(--cobalt);border-right:0}.ai-foundation-map li strong{font-family:var(--font-display);font-size:var(--type-heading-sm)}.ai-foundation-map li span{color:var(--ink-muted);font-size:var(--type-label);line-height:var(--leading-compact);margin-top:auto}.ai-foundation-map li:last-child span{color:#f1ede4cc}.ai-section{width:var(--page-width);margin:0 auto;padding:clamp(96px,10vw,150px) 0}.ai-section-heading,.ai-task-intro,.ai-evidence-heading,.ai-privacy-heading{margin-bottom:44px}.ai-context-lab{border:1px solid var(--ink);background:#fff3;grid-template-columns:minmax(390px,.78fr) minmax(560px,1.22fr);display:grid}.ai-context-source{border-right:1px solid var(--ink);padding:clamp(30px,4vw,56px)}.ai-context-source>strong,.ai-builder-head strong,.ai-material-head strong{font-family:var(--font-display);font-size:var(--type-heading-sm)}.ai-context-options{gap:10px;margin-top:30px;display:grid}.ai-context-options label{border:1px solid var(--hairline);cursor:pointer;align-items:center;gap:13px;min-height:54px;padding:12px 14px;display:flex}.ai-context-options input{opacity:0;position:absolute}.ai-context-options label>span{border:1px solid var(--ink);flex:none;place-items:center;width:21px;height:21px;display:grid}.ai-context-options input:focus-visible+span{outline:2px solid var(--cobalt);outline-offset:4px}.ai-context-options input:checked+span{border-color:var(--cobalt);background:var(--cobalt)}.ai-context-options input:checked+span:after{border-bottom:2px solid var(--paper);border-left:2px solid var(--paper);content:"";width:8px;height:4px;transform:rotate(-45deg)translateY(-1px)}.ai-context-options b{font-size:var(--type-label);font-weight:650}.ai-context-source>button,.ai-task-fragments button,.ai-evidence-options button,.ai-action-radius button,.ai-confirm-box button,.ai-material-list button,.ai-privacy-buckets button{cursor:pointer}.ai-context-source>button{border:1px solid var(--ink);width:100%;color:var(--ink);font-size:var(--type-label);background:0 0;border-radius:999px;margin-top:24px;padding:12px 18px;font-weight:700}.ai-context-source>button.active{color:var(--paper);background:var(--ink)}.ai-context-viewport{background:linear-gradient(135deg, transparent 56%, #123fd212), var(--paper-deep);min-height:570px}.ai-viewport-head{border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:center;gap:18px;min-height:75px;padding:0 28px;display:flex}.ai-viewport-head strong{font-size:var(--type-body)}.ai-viewport-head span{color:var(--cobalt);font-family:var(--font-mono);font-size:var(--type-caption)}.ai-viewport-list{gap:14px;padding:34px;display:grid}.ai-viewport-list>div{border:1px solid var(--ink);background:var(--paper);justify-content:space-between;align-items:center;gap:18px;min-height:72px;padding:17px 20px;transition:opacity .26s,transform .26s;display:flex}.ai-viewport-list>div.dropped{opacity:.32;border-style:dashed;transform:translateY(-5px)}.ai-viewport-list span{font-family:var(--font-display);font-size:var(--type-lead);font-weight:620}.ai-viewport-list small{color:var(--ink-muted);font-size:var(--type-caption);flex:none}.ai-viewport-list .dropped small{color:var(--orange)}.ai-empty{color:var(--ink-muted);margin:0}.ai-structured-sheet{gap:0;padding:clamp(32px,5vw,64px);display:grid}.ai-structured-sheet>div{border-bottom:1px solid var(--hairline);grid-template-columns:90px 1fr;align-items:center;gap:20px;min-height:93px;padding:20px 0;display:grid}.ai-structured-sheet span{color:var(--cobalt);font-size:var(--type-caption);font-weight:750}.ai-structured-sheet b{font-family:var(--font-display);font-size:var(--type-subheading)}.ai-context-truth{grid-template-columns:.8fr 1.2fr 1fr;gap:clamp(25px,5vw,72px);margin-top:35px;display:grid}.ai-context-truth>div{border-top:1px solid var(--ink);padding-top:18px}.ai-context-truth strong{color:var(--cobalt);font-size:var(--type-label)}.ai-context-truth p{color:var(--ink-muted);font-size:var(--type-label);line-height:var(--leading-compact);margin:11px 0 0}.ai-task{width:100%;max-width:none;padding-right:var(--page-gutter);padding-left:var(--page-gutter);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);background:var(--paper-deep);grid-template-columns:minmax(360px,.68fr) minmax(720px,1.32fr);align-items:center;gap:clamp(60px,8vw,130px);display:grid}.ai-task-intro{width:min(100%,560px);margin-left:auto;margin-right:0}.ai-task-lab{border:1px solid var(--ink);background:var(--paper);grid-template-columns:.72fr 1.28fr;display:grid;box-shadow:14px 16px #15151514}.ai-vague-request{border-right:1px solid var(--ink);background:#e8e0d2d1;min-height:630px;padding:36px;position:relative;overflow:hidden}.ai-vague-request>span,.ai-builder-head span,.ai-material-head span{color:var(--ink-muted);font-size:var(--type-caption)}.ai-vague-request>strong{font-family:var(--font-display);font-size:var(--type-heading-sm);line-height:var(--leading-heading);margin-top:38px;display:block}.ai-drift-result span{border:1px solid var(--hairline);background:var(--paper);font-size:var(--type-caption);opacity:.72;padding:8px 11px;position:absolute}.ai-drift-result span:first-child{top:45%;left:14%;transform:rotate(-5deg)}.ai-drift-result span:nth-child(2){top:56%;right:17%;transform:rotate(7deg)}.ai-drift-result span:nth-child(3){top:67%;left:29%;transform:rotate(2deg)}.ai-drift-result span:nth-child(4){top:40%;right:8%;transform:rotate(-3deg)}.ai-drift-result span:nth-child(5){top:73%;right:9%;transform:rotate(5deg)}.ai-task-builder{min-width:0}.ai-builder-head{border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:center;gap:20px;min-height:94px;padding:24px 28px;display:flex}.ai-task-fragments{grid-template-columns:1fr 1fr;display:grid}.ai-task-fragments button{border:0;border-right:1px solid var(--hairline);border-bottom:1px solid var(--hairline);min-height:190px;color:var(--ink);text-align:left;background:0 0;flex-direction:column;padding:25px;display:flex}.ai-task-fragments button:nth-child(2n){border-right:0}.ai-task-fragments button.selected{background:#123fd214}.ai-task-fragments span{color:var(--cobalt);font-size:var(--type-caption);font-weight:750}.ai-task-fragments strong{font-family:var(--font-display);font-size:var(--type-subheading);line-height:var(--leading-heading);margin-top:auto}.ai-task-status{min-height:150px;padding:26px 28px}.ai-task-status strong{font-family:var(--font-display);font-size:var(--type-subheading)}.ai-task-status p{color:var(--ink-muted);font-size:var(--type-label);line-height:var(--leading-compact);margin:10px 0 0}.ai-task-status.ready strong{color:var(--cobalt)}.ai-evidence-heading{max-width:820px}.ai-evidence-question{border:1px solid var(--ink);background:var(--paper-deep);justify-content:space-between;align-items:center;gap:35px;min-height:118px;padding:25px clamp(24px,4vw,50px);display:flex}.ai-evidence-question strong{font-family:var(--font-display);font-size:var(--type-heading-sm)}.ai-evidence-options{grid-template-columns:.8fr 1fr 1.2fr;gap:22px;margin-top:22px;display:grid}.ai-evidence-options button{border:1px solid var(--ink);min-height:380px;color:var(--ink);text-align:left;background:#ffffff29;flex-direction:column;padding:28px;transition:transform .22s,box-shadow .22s;display:flex}.ai-evidence-options button:nth-child(2){background:var(--paper-deep)}.ai-evidence-options button:nth-child(3){background:#e4e6dd}.ai-evidence-options button.selected{box-shadow:8px 9px 0 var(--cobalt);transform:translateY(-6px)}.ai-evidence-options button>span{color:var(--cobalt);font-size:var(--type-caption);font-weight:750}.ai-evidence-options button>strong{font-family:var(--font-display);font-size:var(--type-heading-sm);line-height:var(--leading-heading);margin-top:35px}.ai-evidence-options button>div{gap:8px;margin-top:auto;display:grid}.ai-evidence-options small{border-top:1px solid var(--hairline);color:var(--ink-muted);font-size:var(--type-caption);padding-top:8px}.ai-evidence-result{border-left:4px solid var(--ink);background:var(--paper-deep);grid-template-columns:minmax(150px,.35fr) 1.65fr;align-items:center;gap:30px;min-height:112px;margin-top:22px;padding:25px 30px;display:grid}.ai-evidence-result.best{border-left-color:var(--cobalt)}.ai-evidence-result strong{font-family:var(--font-display);font-size:var(--type-subheading)}.ai-evidence-result p{color:var(--ink-muted);font-size:var(--type-label);line-height:var(--leading-body);margin:0}.ai-permission{width:100%;max-width:none;min-height:820px;padding-right:var(--page-gutter);padding-left:var(--page-gutter);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);background:var(--paper-deep);grid-template-columns:minmax(390px,.75fr) minmax(700px,1.25fr);align-items:center;gap:clamp(60px,8vw,140px);display:grid}.ai-permission-copy{width:min(100%,590px);margin-left:auto}.ai-permission-definition{margin-top:48px;display:grid}.ai-permission-definition>div{border-bottom:1px solid var(--hairline);grid-template-columns:90px 1fr;align-items:center;gap:20px;min-height:72px;padding:18px 0;display:grid}.ai-permission-definition strong{color:var(--cobalt);font-size:var(--type-label)}.ai-permission-definition span{color:var(--ink-muted);font-size:var(--type-label)}.ai-permission-lab{border:1px solid var(--ink);background:var(--paper);grid-template-columns:minmax(400px,1.05fr) minmax(300px,.95fr);display:grid}.ai-action-radius{border-right:1px solid var(--ink);background:radial-gradient(circle,#123fd21a,#0000 52%);min-height:610px;position:relative;overflow:hidden}.ai-radius-center{z-index:2;width:104px;height:104px;color:var(--paper);background:var(--cobalt);font-family:var(--font-display);font-size:var(--type-heading-sm);pointer-events:none;border-radius:50%;place-items:center;font-weight:700;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ai-action-radius:before,.ai-action-radius:after{border:1px solid var(--hairline);content:"";border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ai-action-radius:before{width:310px;height:310px}.ai-action-radius:after{width:500px;height:500px}.ai-action-radius button{z-index:3;border:1px solid var(--ink);color:var(--ink);background:var(--paper);font-size:var(--type-caption);border-radius:999px;padding:9px 13px;font-weight:700;position:absolute}.ai-action-radius button.selected{color:var(--paper);background:var(--ink);box-shadow:4px 4px 0 var(--cobalt)}.ai-action-radius button:first-child{top:45%;left:8%}.ai-action-radius button:nth-child(2){top:18%;left:31%}.ai-action-radius button:nth-child(3){top:28%;right:8%}.ai-action-radius button:nth-child(4){bottom:23%;right:11%}.ai-action-radius button:nth-child(5){bottom:12%;left:22%}.ai-action-consequence{flex-direction:column;min-height:610px;padding:38px;display:flex}.ai-action-consequence>span{color:var(--ink-muted);font-size:var(--type-caption)}.ai-action-consequence>strong{font-family:var(--font-display);font-size:var(--type-heading);margin-top:22px}.ai-action-consequence>p{color:var(--ink-muted);font-size:var(--type-label);line-height:var(--leading-body);margin:20px 0 0}.ai-confirm-box,.ai-safe-next{border-top:1px solid var(--ink);margin-top:auto;padding-top:25px}.ai-confirm-box{gap:10px;display:grid}.ai-confirm-box b{color:var(--orange);font-size:var(--type-label)}.ai-safe-next{color:var(--ink-muted);font-size:var(--type-caption);line-height:var(--leading-compact)}.ai-confirm-box button{border:1px solid var(--ink);width:100%;color:var(--paper);background:var(--ink);font-size:var(--type-label);border-radius:999px;margin-top:8px;padding:12px 18px;font-weight:700}.ai-confirm-box button:disabled{color:var(--cobalt);opacity:.75;background:0 0}.ai-privacy-lab{border:1px solid var(--ink);background:var(--paper);grid-template-columns:minmax(360px,.72fr) minmax(600px,1.28fr);display:grid}.ai-material-list{border-right:1px solid var(--ink)}.ai-material-head{border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:center;gap:20px;min-height:84px;padding:22px 26px;display:flex}.ai-material-list>button{border:0;border-bottom:1px solid var(--hairline);width:100%;min-height:77px;color:var(--ink);text-align:left;background:0 0;justify-content:space-between;align-items:center;gap:20px;padding:18px 26px;display:flex}.ai-material-list>button.active{background:#123fd214}.ai-material-list>button.answered small{color:var(--cobalt)}.ai-material-list>button span{font-size:var(--type-label);font-weight:650}.ai-material-list>button small{color:var(--ink-muted);font-size:var(--type-caption);flex:none}.ai-material-decision{background:radial-gradient(circle at 82% 18%, #123fd217, transparent 28%), var(--paper-deep);flex-direction:column;min-height:520px;padding:clamp(34px,5vw,64px);display:flex}.ai-material-decision>span{color:var(--ink-muted);font-size:var(--type-caption)}.ai-material-decision>strong{max-width:14em;font-family:var(--font-display);font-size:var(--type-heading);line-height:var(--leading-heading);margin-top:28px}.ai-privacy-buckets{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:50px;display:grid}.ai-privacy-buckets button{border:1px solid var(--ink);min-height:52px;color:var(--ink);background:var(--paper);font-size:var(--type-label);border-radius:999px;font-weight:700}.ai-privacy-buckets button.selected{color:var(--paper);background:var(--ink);box-shadow:4px 4px 0 var(--cobalt)}.ai-privacy-feedback{border-top:1px solid var(--ink);margin-top:auto;padding-top:22px}.ai-privacy-feedback b{color:var(--cobalt);font-size:var(--type-label)}.ai-privacy-feedback p{max-width:40em;color:var(--ink-muted);font-size:var(--type-label);line-height:var(--leading-body);margin:10px 0 0}.ai-secret-warning{border-top:1px solid var(--ink);border-left:4px solid var(--orange);margin-top:36px;padding:25px 0 0 28px;display:block}.ai-secret-warning strong{font-family:var(--font-display);font-size:var(--type-subheading);line-height:var(--leading-heading)}.ai-basics-summary{padding:clamp(92px, 10vw, 150px) var(--page-gutter);border-top:1px solid var(--ink);background:var(--paper-deep)}.ai-summary-copy,.ai-git-next{width:min(100%, var(--page-max));margin-left:auto;margin-right:auto}.ai-git-next{border:1px solid var(--ink);background:var(--paper);grid-template-columns:1.3fr auto;align-items:end;gap:50px;min-height:260px;margin-top:58px;padding:clamp(32px,5vw,62px);display:grid}.ai-git-next>div{gap:20px;display:grid}.ai-git-next span{color:var(--cobalt);font-size:var(--type-label);font-weight:750}.ai-git-next strong{max-width:20em;font-family:var(--font-display);font-size:var(--type-heading-sm);line-height:var(--leading-heading)}.ai-basics-source{padding:34px var(--page-gutter);border-top:1px solid var(--hairline);color:var(--ink-muted);font-size:var(--type-caption);grid-template-columns:1fr auto;align-items:center;gap:40px;display:grid}.ai-basics-source>div{gap:7px;display:grid}.ai-basics-source p{line-height:var(--leading-compact);margin:0}@media (prefers-reduced-motion:no-preference){.ai-input-sheet{animation:7s ease-in-out infinite alternate ai-input-drift}.ai-output-sheet{animation:6.5s ease-in-out .5s infinite alternate ai-output-drift}.ai-hero-core{animation:5s ease-in-out infinite alternate ai-core-pulse}}@keyframes ai-input-drift{to{transform:translateY(-7px)rotate(-3deg)}}@keyframes ai-output-drift{to{transform:translateY(7px)rotate(2.5deg)}}@keyframes ai-core-pulse{to{transform:translate(-50%,-50%)scale(1.025)}}@media (width<=1120px){.ai-basics-hero{grid-template-columns:1fr;min-height:0;max-height:none;padding:72px 0 100px}.ai-hero-composition{width:min(100%,840px);margin-left:auto}.ai-task,.ai-permission{grid-template-columns:1fr}.ai-task-intro,.ai-permission-copy{width:min(100%,820px);margin-left:auto;margin-right:auto}.ai-task-lab,.ai-permission-lab{width:min(100%,1180px);margin:0 auto}}@media (width<=900px){.ai-foundation-map ol{grid-template-columns:1fr 1fr}.ai-foundation-map li:last-child{grid-column:1/-1}.ai-context-lab,.ai-privacy-lab{grid-template-columns:1fr}.ai-context-source,.ai-material-list{border-right:0;border-bottom:1px solid var(--ink)}.ai-context-viewport{min-height:520px}.ai-permission-lab{grid-template-columns:1fr}.ai-action-radius{border-right:0;border-bottom:1px solid var(--ink);min-height:560px}.ai-action-consequence{min-height:420px}}@media (width<=767px){.ai-basics-hero,.ai-section{width:var(--page-width)}.ai-basics-hero{padding:56px 0 76px}.ai-hero-copy>a:first-child{margin-bottom:26px}.ai-hero-copy h1{font-size:var(--type-page-title)}.ai-hero-composition{min-height:520px}.ai-hero-sheet{width:61%;min-height:320px;padding:22px}.ai-hero-core{width:125px;height:125px}.ai-hero-core>span{font-size:var(--type-heading-sm)}.ai-hero-core small{bottom:17px}.ai-foundation-map,.ai-task,.ai-permission,.ai-basics-summary{padding:76px 16px}.ai-foundation-map ol{grid-template-columns:1fr}.ai-foundation-map li,.ai-foundation-map li:last-child{grid-column:1;min-height:140px}.ai-section{padding:76px 0}.ai-context-lab,.ai-task-lab,.ai-permission-lab,.ai-privacy-lab{width:100%}.ai-context-truth,.ai-task-lab{grid-template-columns:1fr}.ai-vague-request{border-right:0;border-bottom:1px solid var(--ink);min-height:480px}.ai-task-fragments{grid-template-columns:1fr}.ai-task-fragments button,.ai-task-fragments button:nth-child(2n){border-right:0;min-height:135px}.ai-evidence-question{flex-direction:column;align-items:flex-start}.ai-evidence-options{grid-template-columns:1fr}.ai-evidence-options button{min-height:300px}.ai-evidence-result{grid-template-columns:1fr;gap:12px}.ai-action-radius{min-height:480px}.ai-action-radius:before{width:250px;height:250px}.ai-action-radius:after{width:400px;height:400px}.ai-action-radius button:first-child{left:4%}.ai-action-radius button:nth-child(2){left:25%}.ai-action-radius button:nth-child(3){right:3%}.ai-action-radius button:nth-child(4){right:5%}.ai-action-radius button:nth-child(5){left:12%}.ai-privacy-buckets{grid-template-columns:1fr}.ai-git-next{grid-template-columns:1fr;align-items:start}.ai-basics-source{grid-template-columns:1fr;padding:30px 16px}}@media (prefers-reduced-motion:reduce){.ai-viewport-list>div,.ai-evidence-options button{transition:none}}
