:root{--ink:#191817;--muted:#77736d;--paper:#f5f3ef;--cream:#ebe7df;--orange:#ff642c;--orange-dark:#dc4b19;--line:#d9d5ce;--navy:#202a32;--mono:'DM Mono',monospace;--sans:'Manrope',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.site-shell{overflow:hidden}.section-pad{padding-left:max(5vw,32px);padding-right:max(5vw,32px)}.nav{height:88px;display:flex;align-items:center;justify-content:space-between;max-width:1440px;margin:auto;padding:0 max(5vw,32px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.04em;font-size:16px}.brand em{font-style:normal;color:var(--muted);font-weight:500}.brand-mark{display:grid;place-items:center;background:var(--orange);color:#fff;width:27px;height:27px;border-radius:8px;font-size:15px;font-weight:800;transform:rotate(-8deg)}.nav-links{display:flex;gap:32px;color:#6d6963;font-size:13px;font-weight:600}.nav-links a:hover,.text-button:hover{color:var(--ink)}.nav-actions{display:flex;gap:22px;align-items:center}.text-button{border:0;background:none;color:var(--ink);font-size:12px;font-weight:700}.menu-button{background:transparent;border:1px solid var(--line);border-radius:100px;padding:9px 13px 9px 16px;font-size:12px;font-weight:700}.menu-button span{display:inline-block;margin-left:12px;color:var(--orange);font-size:18px;line-height:10px}.hero{max-width:1440px;margin:auto;display:grid;grid-template-columns:1fr 1.05fr;gap:7vw;align-items:center;padding-top:93px;padding-bottom:108px}.eyebrow,.section-kicker{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--orange);font-weight:500}.eyebrow{display:flex;align-items:center;gap:9px;margin-bottom:24px}.pulse{width:7px;height:7px;background:var(--orange);border-radius:50%;box-shadow:0 0 0 5px #ff642c1a}.hero h1{font-size:clamp(48px,6.2vw,88px);line-height:.99;letter-spacing:-.08em;margin:0 0 28px;font-weight:700}.hero h1 span,h2 span{color:var(--orange)}.hero-lede{color:var(--muted);font-size:16px;line-height:1.65;max-width:450px;margin:0 0 32px}.hero-buttons{display:flex;gap:10px;align-items:center}.button{border:0;border-radius:4px;padding:15px 17px;font-size:12px;font-weight:800;display:inline-flex;align-items:center;gap:25px}.button span{font-size:16px;font-weight:500}.button-primary{color:#fff;background:var(--orange);box-shadow:0 7px 20px #e9512530}.button-primary:hover{background:var(--orange-dark);transform:translateY(-1px)}.button-quiet{background:transparent;color:var(--ink)}.button-dark{color:#fff;background:var(--ink);padding:16px 18px}.hero-note{display:flex;align-items:center;gap:12px;margin-top:46px;color:#89847d;font-size:11px}.hero-note strong{color:var(--ink)}.avatar-stack{display:flex;padding-left:8px}.avatar-stack i{display:grid;place-items:center;width:25px;height:25px;margin-left:-8px;border:2px solid var(--paper);background:#b2a695;color:#fff;border-radius:50%;font-style:normal;font-family:var(--mono);font-size:9px}.avatar-stack i:nth-child(2){background:#73817c}.avatar-stack i:nth-child(3){background:#d57b53}.avatar-stack i:last-child{background:var(--ink)}.hero-visual{position:relative;min-width:0}.visual-label{position:absolute;color:#9c978e;font:10px var(--mono);letter-spacing:.08em}.visual-label span{color:var(--orange)}.label-top{top:-29px;left:3px}.label-bottom{right:0;bottom:-34px}.terminal-card{background:var(--navy);border-radius:6px;box-shadow:20px 24px 70px #29353c22;min-height:390px;color:#e8ecec;overflow:hidden}.terminal-top,.studio-bar{height:44px;display:flex;align-items:center;gap:12px;padding:0 18px;border-bottom:1px solid #ffffff15;color:#839098;font:10px var(--mono)}.window-dots{display:flex;gap:5px;margin-right:12px}.window-dots b{width:7px;height:7px;border-radius:50%;background:#6d7778}.window-dots b:first-child{background:#df7657}.window-dots b:nth-child(2){background:#d8a75b}.terminal-status{margin-left:auto;color:#6fc5a6;font-size:9px}.terminal-body{padding:28px 28px 20px;font:12px/2 var(--mono);min-height:300px}.terminal-line{max-width:100%;white-space:pre-wrap}.muted{color:#68767a}.prompt{color:#ff956c;margin-right:10px}.agent{color:#78cdb4;margin-right:10px}.agent-line{color:#dbe3df;margin-top:12px}.amber{color:#ff956c}.terminal-cursor{margin-top:5px;color:#dbe3df}.blink{color:#ff7953}.terminal-footer{background:#1a232a;padding:13px 18px;color:#78868b;font:10px var(--mono)}.terminal-footer>span{color:#d6dcd8;margin-right:12px}.terminal-footer button{float:right;color:#e6ede8;border:0;background:transparent;font:10px var(--mono)}.terminal-footer button span{color:var(--orange);font-size:14px}.floating-card{position:absolute;right:-32px;bottom:41px;background:#fff;border:1px solid #ece8e0;box-shadow:0 18px 40px #2221;border-radius:5px;display:flex;align-items:center;gap:11px;padding:13px 14px}.floating-icon{color:var(--orange);font-size:19px}.floating-card strong,.floating-card small{display:block}.floating-card strong{font-size:11px}.floating-card small{font-size:9px;color:var(--muted);margin-top:3px}.check{display:grid;place-items:center;color:#fff;background:#68b79c;border-radius:50%;font-size:11px;width:18px;height:18px;margin-left:10px}.provider-strip{max-width:1440px;margin:auto;padding-top:92px;padding-bottom:125px}.provider-strip h2,.loop-heading h2,.assessment h2,.studio-copy h2,.final-cta h2{font-size:clamp(34px,4.5vw,57px);letter-spacing:-.07em;line-height:1.02;margin:15px 0 45px}.provider-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.provider-card{position:relative;text-align:left;border:1px solid var(--line);background:transparent;min-height:168px;padding:20px;display:flex;flex-direction:column;align-items:flex-start;transition:.2s}.provider-card:hover,.provider-card.selected{border-color:var(--orange);background:#f9eee8}.provider-symbol{font-size:26px;margin-bottom:27px}.provider-symbol.amaz{color:var(--orange)}.provider-symbol.claude{color:#9277ad}.provider-symbol.codex{color:#768a8c}.provider-symbol.gemini{color:#557bb3}.provider-card strong{font-size:14px}.provider-card small{font-size:11px;color:var(--muted);margin-top:5px}.card-arrow{position:absolute;right:17px;bottom:17px;color:var(--orange)}.provider-feedback{font-size:11px;color:var(--muted);margin-top:17px}.provider-feedback a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.loop-section{background:var(--cream);padding-top:98px;padding-bottom:120px}.loop-heading{max-width:1440px;margin:auto}.loop-heading p{color:var(--muted);max-width:350px;line-height:1.6;margin:-24px 0 44px}.loop-grid{max-width:1440px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.loop-card{padding:23px;min-height:380px;display:flex;flex-direction:column}.loop-card.orange{background:var(--orange);color:#fff}.loop-card.dark{background:var(--navy);color:#fff}.loop-card.cream{background:#f8f6f1}.loop-number{font:10px var(--mono);letter-spacing:.08em}.loop-number span{margin-left:12px;opacity:.6}.loop-art{height:128px;position:relative;margin:33px 0 23px}.lesson-art{color:#fff}.lesson-art span{position:absolute;font-size:46px}.lesson-art span:first-child{left:26px;top:18px;transform:rotate(20deg)}.lesson-art span:nth-child(2){right:35px;top:0;font-size:36px}.lesson-art span:last-child{left:86px;bottom:0;font-size:42px}.practice-art{border:1px solid #ffffff20;padding:18px;font:18px/1.5 var(--mono);color:#7ccbb3}.cursor-mark{position:absolute;right:27px;bottom:17px;background:var(--orange);color:#fff;padding:5px 12px;font:28px var(--mono)}.config-art{font:11px var(--mono);color:#766f64}.config-art span{display:block;border:1px solid #ccc4b8;padding:11px;width:150px;margin-bottom:7px}.config-art span:nth-child(2){margin-left:45px;background:#e8e1d6}.config-art span:nth-child(3){margin-left:90px}.loop-card h3{font-size:22px;letter-spacing:-.05em;margin:0 0 12px}.loop-card p{color:#ffffffaa;line-height:1.6;font-size:12px;margin:0 0 20px;max-width:330px}.loop-card.cream p{color:var(--muted)}.loop-card a{font-size:11px;font-weight:800;margin-top:auto}.loop-card a span{color:var(--orange);font-size:17px;margin-left:8px}.assessment{max-width:1440px;margin:auto;display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw;padding-top:120px;padding-bottom:130px}.assessment-intro h2{margin-bottom:25px}.assessment-intro p{color:var(--muted);line-height:1.6;max-width:280px;margin-bottom:31px}.assessment-panel{align-self:center;background:#fff;border:1px solid var(--line);padding:27px 30px;min-height:310px;box-shadow:10px 20px 50px #3c312111}.panel-top{display:flex;justify-content:space-between;color:#9c978e;font:10px var(--mono);letter-spacing:.08em;margin-bottom:45px}.assessment-panel h3{font-size:22px;letter-spacing:-.05em;margin:0 0 26px}.answer-list{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.answer-list button{border:1px solid var(--line);background:var(--paper);padding:14px 10px;text-align:left;font-size:11px;line-height:1.4;min-height:66px}.answer-list button:hover{border-color:var(--orange);background:#fff7f2}.progress-line{height:3px;background:#ece8e1;margin-top:43px}.progress-line span{display:block;width:33%;height:100%;background:var(--orange);transition:.3s}.studio-section{background:var(--navy);color:#fff;display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw;padding-top:115px;padding-bottom:115px}.studio-copy{max-width:400px}.studio-copy h2{margin-bottom:25px}.studio-copy p{color:#9eabb0;line-height:1.7;margin-bottom:28px}.inline-link{font-size:12px;font-weight:800}.inline-link span{color:var(--orange);font-size:16px;margin-left:12px}.studio-demo{border:1px solid #ffffff20}.studio-bar{border-bottom-color:#ffffff15}.studio-dot{height:7px;width:7px;background:var(--orange);border-radius:50%}.studio-live{margin-left:auto;color:#72c7a6}.studio-content{display:grid;grid-template-columns:1fr 1fr;min-height:320px}.studio-input{padding:25px;border-right:1px solid #ffffff18}.studio-input label{display:block;color:#839098;font:9px var(--mono);letter-spacing:.1em;margin-bottom:12px}.studio-input p{font-size:13px;line-height:1.6;margin:0 0 39px;color:#dce0dd}.target-tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:34px}.target-tags span{border:1px solid #ffffff25;color:#9eabb0;padding:7px 9px;font-size:10px}.target-tags .active{border-color:var(--orange);color:#fff;background:#ff642c18}.studio-input button{background:var(--orange);border:0;color:#fff;padding:12px 13px;font-size:10px;font-weight:800}.studio-input button span{font-size:14px;margin-left:16px}.studio-output{padding:25px;background:#1a232a}.output-title{display:flex;justify-content:space-between;color:#839098;font:9px var(--mono);margin-bottom:20px}.file{padding:10px 0;border-bottom:1px solid #ffffff13;color:#dbe2de;font:10px var(--mono)}.file span{float:right;color:#70c7a6}.output-message{font-size:20px;letter-spacing:-.06em;line-height:1.05;margin-top:44px;color:#9ea9a9}.output-message strong{color:#fff}.final-cta{max-width:1440px;margin:auto;display:flex;justify-content:space-between;align-items:end;padding-top:115px;padding-bottom:125px}.final-cta h2{margin-bottom:0}.footer{border-top:1px solid var(--line);height:88px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:10px}.footer .brand{color:var(--ink);font-size:13px}.footer .brand-mark{width:23px;height:23px;font-size:12px}
@media(max-width:850px){.nav{height:72px}.nav-links,.text-button{display:none}.hero{grid-template-columns:1fr;padding-top:65px;padding-bottom:85px;gap:80px}.hero-visual{margin:0 8px}.floating-card{right:-5px}.provider-grid{grid-template-columns:repeat(2,1fr)}.loop-grid,.assessment,.studio-section{grid-template-columns:1fr}.loop-grid{gap:10px}.loop-card{min-height:330px}.assessment{gap:55px}.studio-section{gap:55px}.final-cta{align-items:flex-start;gap:35px;flex-direction:column}.footer{height:auto;padding-top:25px;padding-bottom:25px;gap:15px;flex-wrap:wrap}.footer>span:nth-child(2){order:3;width:100%}}
@media(max-width:520px){.section-pad{padding-left:20px;padding-right:20px}.hero h1{font-size:49px}.hero-buttons{align-items:stretch;flex-direction:column}.hero-buttons .button{justify-content:space-between}.terminal-body{padding:20px 17px;font-size:10px}.terminal-footer{font-size:9px}.terminal-footer button{display:none}.floating-card{bottom:24px;padding:10px}.provider-strip,.loop-section,.assessment,.studio-section{padding-top:75px;padding-bottom:80px}.provider-grid{gap:7px}.provider-card{min-height:145px;padding:15px}.provider-symbol{margin-bottom:20px}.answer-list,.studio-content{grid-template-columns:1fr}.answer-list button{min-height:auto}.studio-input{border-right:0;border-bottom:1px solid #ffffff18}.studio-output{min-height:280px}.final-cta{padding-top:80px;padding-bottom:80px}.final-cta .button{width:100%;justify-content:space-between}}
@media(min-width:851px){.provider-grid{grid-template-columns:repeat(3,1fr)}}
.language-toggle{position:fixed;right:18px;bottom:18px;z-index:60;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--ink);font:700 13px var(--sans);box-shadow:0 10px 28px #0000001a;cursor:pointer}.language-toggle:hover{border-color:var(--orange);color:var(--orange)}[dir="rtl"] .language-toggle{right:auto;left:18px}.nav-links-open{display:flex!important;position:absolute;top:72px;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;gap:0;padding:8px 20px;z-index:40;box-shadow:0 16px 30px #0000000f}.nav-links-open a{padding:15px 0;border-bottom:1px solid var(--line)}.nav-links-open a:last-child{border-bottom:0}[dir="rtl"] .hero,[dir="rtl"] .assessment,[dir="rtl"] .studio-section,[dir="rtl"] .page-intro,[dir="rtl"] .loop-heading,[dir="rtl"] .final-cta{direction:rtl}[dir="rtl"] .terminal-card,[dir="rtl"] .studio-demo,[dir="rtl"] pre,[dir="rtl"] code,[dir="rtl"] .playground-terminal{direction:ltr;text-align:left}[dir="rtl"] .nav,[dir="rtl"] .footer{direction:rtl}