@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--bg:#f7f6f2;--ink:#252723;--muted:#7a7c75;--line:#e3e3db;--accent:#ed603c;--soft:#f6e5dc;--dark:#242921;--green:#59745a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible{outline:3px solid #ed603c77;outline-offset:4px}h1,h2,h3,h4,p{margin:0}h1,h2,h3{font-family:Manrope,'DM Sans',sans-serif}button{border:0}svg{vertical-align:middle} .wrap{width:min(1320px,calc(100% - 100px));margin:auto}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:750;font-size:21px;letter-spacing:-1px;white-space:nowrap}.brand small{font-size:11px;color:var(--muted);letter-spacing:0;font-weight:500}.logo{display:grid;place-items:center;width:33px;height:36px;color:var(--accent)}.nav{height:100px;display:flex;align-items:center;justify-content:space-between;gap:28px}.navlinks{display:flex;gap:30px;font-size:13px;color:#64665e}.navlinks a:hover{color:var(--accent)}.actions{display:flex;align-items:center;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:13px;padding:13px 21px;border-radius:8px;background:var(--ink);color:white;font-size:13px;font-weight:600;transition:transform .2s,background .2s;white-space:nowrap}.btn:hover{transform:translateY(-2px);background:#414638}.btn.orange{background:var(--accent)}.btn.orange:hover{background:#d9502c}.btn.light{background:transparent;border:1px solid #d7d8cf;color:var(--ink)}.btn.light:hover{background:#eaece3}.btn.small{padding:9px 13px;font-size:12px}.iconbtn{border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--ink);padding:8px}.eyebrow{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:1.8px;text-transform:uppercase;font-weight:650}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent)}.hero{display:grid;grid-template-columns:1.04fr 1fr;align-items:center;min-height:605px;position:relative;padding:44px 0 54px}.hero h1{font-size:clamp(47px,4.8vw,74px);line-height:1.1;letter-spacing:-4px;font-weight:600;margin:27px 0 24px}.hero h1 span{color:var(--accent)}.hero p{font-size:15px;line-height:1.9;color:#75786f;max-width:440px}.hero .actions{margin-top:31px}.fine{font-size:11px!important;display:flex;align-items:center;gap:7px;margin-top:21px}.fine svg{color:var(--green)}.hero-art{height:515px;position:relative;isolation:isolate;overflow:hidden;border-radius:40px;background:radial-gradient(ellipse at 50% 60%,#ecddcaa3,transparent 68%)}.scene{position:absolute;inset:0;perspective:900px;display:flex;align-items:center;justify-content:center}.orb{position:relative;width:265px;height:265px;transform-style:preserve-3d;transform:rotateX(65deg) rotateZ(-30deg);animation:orbRotate 24s linear infinite}.ring{position:absolute;inset:0;border-radius:50%;border:17px solid #b1b8a7;box-shadow:inset 3px 3px 7px #f4f5ea,inset -4px -4px 6px #444c38,4px 8px 10px #414a3240;background:transparent}.ring:nth-child(2){transform:rotateY(60deg)}.ring:nth-child(3){transform:rotateY(120deg)}.ring:nth-child(4){transform:rotateX(60deg);border-color:#677457}.ring:nth-child(5){transform:rotateX(120deg);border-color:#8c987a}.core{position:absolute;inset:83px;border-radius:50%;background:radial-gradient(circle at 32% 22%,#ffe6c6,#f78049 35%,#c34420 70%,#74341e);box-shadow:0 0 55px #ef7b4355;transform:rotateX(-65deg)}.orbit{position:absolute;width:440px;height:180px;border:1px solid #c4c6b377;border-radius:50%;top:181px;left:50%;transform:translateX(-50%) rotate(-25deg)}.orbit.two{width:470px;height:270px;top:130px;transform:translateX(-50%) rotate(35deg)}.orbit:after{content:'';position:absolute;width:8px;height:8px;background:#b6bf9e;left:30px;top:29px;border-radius:50%}.shadow{position:absolute;width:230px;height:28px;background:#53563c40;filter:blur(16px);bottom:75px;left:50%;transform:translateX(-50%);border-radius:50%}.floater{position:absolute;background:#ffffffbf;backdrop-filter:blur(14px);border:1px solid #ffffff;border-radius:12px;padding:13px 16px;display:flex;align-items:center;gap:11px;box-shadow:0 12px 35px #34382408;animation:float 6s ease-in-out infinite}.floater b{font-size:11px;font-weight:650}.floater small{display:block;font-size:9px;color:var(--muted);margin-top:4px}.floater .mini{height:28px;width:28px;border:1px solid var(--line);border-radius:8px;display:grid;place-items:center}.float1{top:62px;left:45px}.float2{right:5px;top:228px;animation-delay:-2s}.float3{left:30px;bottom:63px;animation-delay:-4s}.art-label{position:absolute;right:35px;top:35px;font:9px monospace;letter-spacing:2px;color:#979b8b}.tiny-plus{position:absolute;color:#a9ad9c;font-size:23px;left:34px;top:160px}.strip{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:29px 0 40px;border-bottom:1px solid var(--line);color:#707568}.strip>span{max-width:170px;font-size:11px;line-height:1.6}.models{display:flex;flex-wrap:wrap;justify-content:space-around;gap:44px;flex:1;font-family:Manrope,sans-serif;font-weight:700;font-size:20px;letter-spacing:-.8px}.models span{display:flex;align-items:center;gap:9px}.section{padding:83px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.section h2{font-size:38px;font-weight:550;line-height:1.25;letter-spacing:-1.7px;margin-top:16px}.section-heading>p{font-size:13px;line-height:1.8;color:var(--muted);max-width:325px}.features{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:18px}.feature{border:1px solid var(--line);border-radius:13px;padding:28px;background:#fafaf6;overflow:hidden;min-height:260px}.feature h3{font-size:17px;letter-spacing:-.6px;margin:21px 0 10px}.feature p{font-size:12px;line-height:1.9;color:var(--muted)}.feature .feature-icon{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);border-radius:9px;color:var(--green)}.microchart{height:63px;display:flex;align-items:end;gap:6px;margin-top:23px}.microchart i{flex:1;background:#c1cab2;border-radius:4px 4px 0 0}.code-feature{background:var(--dark);color:white}.code-feature p{color:#b2b9ac}.code-feature pre{font:11px/1.9 monospace;color:#c8d5b9;margin-top:24px;white-space:pre-wrap}.code-feature .eyebrow{color:#98a28e}.workspace-preview{margin-top:65px;border:1px solid var(--line);border-radius:15px;padding:35px;display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;background:#eeeee7;align-items:center}.workspace-preview h3{font-size:27px;letter-spacing:-1px;line-height:1.4}.workspace-preview p{color:var(--muted);line-height:1.8;margin:15px 0 23px;font-size:13px}.preview-card{background:var(--bg);border:1px solid var(--line);padding:24px;border-radius:10px;transform:rotate(-2deg);box-shadow:0 15px 25px #373e2710}.preview-metrics{display:flex;justify-content:space-between;padding:20px 0}.preview-metrics b{font-size:25px;display:block;letter-spacing:-1px}.preview-metrics span{font-size:10px;color:var(--muted)}.pill{display:inline-flex;gap:5px;align-items:center;border-radius:20px;padding:5px 9px;font-size:10px;background:#e7eddf;color:#5d7551;white-space:nowrap}.pill.demo{background:#f4e9d9;color:#976c2e}.pill.off{background:#efe6e2;color:#ac6a57}.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.price{border:1px solid var(--line);border-radius:12px;padding:28px;position:relative}.price.featured{border-color:#ec805d;background:#f8eee5}.price h3{font-size:20px}.price p{font-size:12px;color:var(--muted);line-height:1.8;margin:13px 0}.price .amount{font-size:30px;letter-spacing:-1.5px;margin:28px 0}.price ul{padding:0;list-style:none;margin:25px 0}.price li{font-size:12px;padding:9px 0}.price li:before{content:'✓';margin-right:10px;color:var(--green)}.price .btn{width:100%}.faq{max-width:850px;margin:0 auto}.faq details{border-bottom:1px solid var(--line);padding:22px 0}.faq summary{cursor:pointer;font-weight:500;font-size:15px}.faq details p{color:var(--muted);line-height:1.9;padding-top:15px;font-size:13px}.cta{padding:52px;border-radius:16px;background:var(--dark);color:#f6f5eb;display:flex;align-items:center;justify-content:space-between;gap:25px}.cta h2{font-size:33px;margin:0 0 12px}.cta p{font-size:13px;color:#b5bead}.footer{padding:35px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:60px;font-size:10px;color:var(--muted)}.footer p{max-width:400px;text-align:right;line-height:1.7}.mobile-toggle{display:none}
.auth{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-left{padding:45px 60px;background:#e9eadf;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.auth-left .hero-art{height:370px;margin:10px -30px}.auth-left h2{font-size:43px;letter-spacing:-2px;line-height:1.2;max-width:470px}.auth-left p{color:var(--muted);line-height:1.8;font-size:13px;margin-top:16px;max-width:350px}.auth-right{display:flex;align-items:center;justify-content:center;padding:45px}.auth-box{width:370px;max-width:100%}.auth-box h1{font-size:31px;letter-spacing:-1px;margin:24px 0 10px}.auth-box>p{color:var(--muted);font-size:13px;line-height:1.7;margin-bottom:28px}.field{display:block;font-size:12px;font-weight:550;margin-bottom:18px}.field input,.field select,.field textarea,.input{display:block;width:100%;margin-top:8px;background:#fcfcf8;border:1px solid #dcded3;border-radius:8px;padding:13px;color:var(--ink);outline:0;min-width:0}.field input:focus,.field textarea:focus,.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ed603c12}.auth-box .btn.full{width:100%;margin-top:8px}.auth-foot{text-align:center;font-size:12px;color:var(--muted);margin-top:23px}.auth-foot a{color:var(--accent)}.notice{padding:11px 13px;border-radius:7px;background:#eeeee5;color:#73785f;font-size:11px;line-height:1.7;margin:19px 0}.check{display:flex;gap:8px;align-items:flex-start;font-size:11px;color:var(--muted);line-height:1.6}.check input{accent-color:var(--accent)}.password{position:relative}.password input{padding-right:45px}.password button{position:absolute;right:10px;top:12px;background:transparent;color:var(--muted)}
.app-layout{min-height:100vh;display:grid;grid-template-columns:224px minmax(0,1fr)}.sidebar{border-right:1px solid var(--line);padding:30px 19px;display:flex;flex-direction:column;gap:29px;background:#efefe8;position:sticky;top:0;height:100vh}.sidebar .brand{font-size:19px;padding-left:8px}.workspace-label{background:#f7f7f1;border:1px solid var(--line);border-radius:9px;padding:12px;display:flex;align-items:center;gap:10px;font-size:12px}.avatar{width:30px;height:30px;border-radius:8px;background:#e2e5d5;display:grid;place-items:center;font-weight:600;font-size:12px}.workspace-label small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.navgroup-label{font-size:9px;letter-spacing:1.5px;color:#8d9183;padding:0 12px;margin-bottom:9px}.sidenav{display:flex;flex-direction:column;gap:5px}.sidenav a{padding:11px 12px;display:flex;align-items:center;gap:11px;font-size:12px;color:#727767;border-radius:7px}.sidenav a.active{background:#dfe3d3;color:#35402a;font-weight:600}.sidenav a:hover{background:#e5e8dc}.sidebar-bottom{margin-top:auto}.sidebar-bottom .notice{background:#e6e7dc}.app-main{min-width:0}.topbar{height:77px;border-bottom:1px solid var(--line);padding:0 39px;display:flex;align-items:center;justify-content:space-between;font-size:12px}.topbar span{color:var(--muted)}.topbar .actions{gap:17px}.page{padding:34px 39px;max-width:1550px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:29px}.page-heading h1{font-size:28px;letter-spacing:-1.2px;font-weight:600}.page-heading p{margin-top:7px;color:var(--muted);font-size:12px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:23px}.stat{border:1px solid var(--line);background:#fafbf6;border-radius:10px;padding:20px}.stat-label{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px}.stat strong{display:block;font:600 29px Manrope,sans-serif;letter-spacing:-1.3px;margin:17px 0 9px}.stat small{font-size:10px;color:#7c8770}.stat:first-child{background:#e9ecdf}.dash-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:21px;margin-bottom:23px}.panel{border:1px solid var(--line);border-radius:11px;background:#fafbf7;min-width:0}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:21px 23px;gap:12px}.panel-head h3{font:600 14px 'DM Sans',sans-serif}.panel-head p{font-size:10px;color:var(--muted);margin-top:6px}.segmented{display:flex;padding:3px;background:#eeeee5;border-radius:6px;gap:3px}.segmented button{background:transparent;font-size:10px;padding:5px 8px;border-radius:4px;color:var(--muted)}.segmented button.active{background:white;color:var(--ink);box-shadow:0 2px 5px #00000008}.chart{padding:0 23px 15px}.chart svg{width:100%;height:200px;overflow:visible}.chart-labels{display:flex;justify-content:space-between;color:#9c9f94;font-size:9px;margin-top:5px}.model-row{padding:15px 23px;display:flex;align-items:center;gap:12px}.model-row .badge{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:#eeeee5;font-size:15px;font-weight:600}.model-row b{font-size:12px}.model-row small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.model-row .right{margin-left:auto;font-size:11px;text-align:right}.bar{height:4px;background:#e8eadf;border-radius:4px;margin:0 23px 3px}.bar i{display:block;background:#9caa86;height:100%;border-radius:4px}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{font-size:9px;color:#8b8f81;text-transform:uppercase;letter-spacing:.7px;font-weight:500;background:#f1f2e9}th,td{padding:15px 23px;border-bottom:1px solid #e9eadf}td{font-size:11px}tr:last-child td{border-bottom:0}.mono{font-family:monospace;font-size:11px}.muted{color:var(--muted)}.table-search{padding:0 23px 17px;max-width:360px}.input{font-size:12px;padding:10px 12px;margin:0}.empty{padding:45px;text-align:center;color:var(--muted)}.key-code{font:11px monospace;background:#eeefe6;padding:6px 8px;border-radius:5px}.activity{padding:4px 23px 22px}.activity>div{display:flex;gap:12px;padding:13px 0;border-bottom:1px solid var(--line);font-size:12px}.activity small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.form-panel{padding:25px;max-width:650px}.provider-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.provider-card{padding:25px;border:1px solid var(--line);border-radius:11px;background:#fafbf7}.provider-card h3{margin:18px 0 8px}.provider-card p{font-size:11px;line-height:1.8;color:var(--muted);margin-bottom:21px}.toggle{width:36px;height:21px;border-radius:30px;background:#c7cbbd;padding:3px;display:inline-flex;align-items:center}.toggle i{height:15px;width:15px;border-radius:50%;background:white;transition:transform .2s}.toggle.on{background:#778d60}.toggle.on i{transform:translateX(15px)}.playground{display:grid;grid-template-columns:260px 1fr;min-height:450px}.play-config{padding:23px;border-right:1px solid var(--line)}.play-chat{padding:25px;display:flex;flex-direction:column;gap:20px}.chat-area{flex:1}.chat-msg{padding:15px;background:#eeefe4;border-radius:10px;font-size:12px;line-height:1.8;margin-bottom:13px;white-space:pre-wrap}.chat-msg.user{background:#f4e4d9}.codeblock{background:var(--dark);color:#cdd8bd;padding:22px;border-radius:8px;white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.9 monospace}.billing-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px;margin-bottom:23px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,30px);opacity:0;pointer-events:none;background:var(--dark);color:white;padding:13px 22px;font-size:12px;border-radius:9px;box-shadow:0 9px 35px #0002;z-index:50;transition:.2s;max-width:90vw}#toast.show{opacity:1;transform:translate(-50%,0)}dialog{border:1px solid var(--line);border-radius:15px;padding:28px;width:430px;max-width:92vw;color:var(--ink);background:var(--bg);box-shadow:0 30px 100px #0003}dialog::backdrop{background:#20291c66;backdrop-filter:blur(4px)}dialog h2{font-size:23px;margin-bottom:12px;letter-spacing:-.8px}dialog p{font-size:12px;line-height:1.8;color:var(--muted);margin-bottom:20px}dialog .actions{justify-content:flex-end;margin-top:23px}.danger{color:#bb533c;background:#f4e7df}.route-error{padding:100px;text-align:center}@keyframes orbRotate{to{transform:rotateX(65deg) rotateZ(330deg)}}@keyframes float{50%{transform:translateY(-10px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}html{scroll-behavior:smooth}@media(min-width:1550px){.hero{min-height:660px}.hero-art{height:560px}}@media(max-width:1100px){.wrap{width:calc(100% - 60px)}.hero h1{font-size:57px}.models{gap:25px;font-size:17px}.hero-art{transform:scale(.9);margin:0 -25px}.app-layout{grid-template-columns:195px 1fr}.sidebar{padding:26px 12px}.page{padding:27px}.topbar{padding:0 27px}.stats{gap:10px}.stat{padding:15px}.stat strong{font-size:24px}.provider-grid{grid-template-columns:repeat(2,1fr)}.auth-left{padding:35px}.auth-left h2{font-size:35px}}
@media(max-width:800px){.wrap{width:calc(100% - 36px)}.nav{height:80px}.navlinks{gap:15px}.navlinks a:nth-child(2),.navlinks a:nth-child(3){display:none}.nav .actions>a:first-child{display:none}.hero{grid-template-columns:1fr;padding:45px 0 10px;min-height:0}.hero h1{font-size:60px;max-width:560px}.hero p{max-width:480px}.hero-art{height:440px;margin:-5px 0 0;transform:none}.float1{left:18%}.float2{right:8%}.float3{left:12%}.strip{align-items:flex-start;padding-top:18px;flex-direction:column}.strip>span{max-width:none}.models{width:100%;justify-content:space-between;gap:20px;font-size:17px}.section{padding:55px 0}.section-heading{align-items:start}.section h2{font-size:31px}.features{grid-template-columns:1fr 1fr}.feature:first-child{grid-column:1/-1}.workspace-preview{gap:25px;padding:25px}.pricing{gap:10px}.price{padding:20px}.price h3{font-size:17px}.price .amount{font-size:25px}.app-layout{grid-template-columns:1fr}.sidebar{display:none;position:fixed;z-index:30;width:235px;box-shadow:10px 0 40px #0002}.sidebar.open{display:flex}.mobile-toggle{display:inline-flex;align-items:center;justify-content:center;background:transparent;padding:6px}.topbar{padding:0 20px}.page{padding:26px 20px}.auth-left{display:none}.auth{grid-template-columns:1fr}.auth-right{min-height:100vh}.dash-grid{grid-template-columns:1.5fr 1fr}.stat strong{font-size:24px}.stat-label{font-size:10px}.stat-label svg{display:none}.topbar .actions .pill{display:none}}
@media(max-width:540px){.navlinks{display:none}.nav .btn{padding:10px 14px;font-size:11px}.brand{font-size:20px}.hero{padding-top:35px}.hero h1{font-size:49px;letter-spacing:-2.8px}.hero p{font-size:13px}.hero-art{height:390px;margin:10px -12px}.orb{width:220px;height:220px}.ring{border-width:14px}.core{inset:65px}.orbit{top:140px;width:330px;height:150px}.orbit.two{width:360px;height:230px;top:80px}.float1{top:28px;left:24px}.float2{right:12px;top:185px}.float3{left:15px;bottom:25px}.floater{padding:10px}.floater b{font-size:10px}.shadow{bottom:42px}.models{font-size:15px;gap:20px}.models span:last-child{display:none}.section-heading{flex-direction:column;gap:17px}.features,.pricing{grid-template-columns:1fr}.feature{min-height:auto}.workspace-preview{grid-template-columns:1fr;padding:25px;gap:20px}.preview-card{transform:none}.section{padding:43px 0}.cta{padding:30px;flex-direction:column;align-items:start}.cta h2{font-size:28px}.footer{align-items:start;flex-direction:column}.footer p{text-align:left}.page-heading{align-items:start}.page-heading h1{font-size:23px}.page-heading .btn{padding:10px;font-size:10px}.stats{grid-template-columns:1fr 1fr;gap:11px}.stat{padding:16px}.dash-grid,.billing-grid{grid-template-columns:1fr}.panel-head{padding:18px}.provider-grid{grid-template-columns:1fr}.playground{grid-template-columns:1fr}.play-config{border-right:0;border-bottom:1px solid var(--line)}.topbar{height:65px}.topbar .actions{gap:9px}.topbar .actions>a{font-size:10px}.auth-right{padding:28px}.auth-box h1{font-size:29px}.page-heading p{font-size:11px}.chart svg{height:160px}.page{padding:23px 16px}}

/* White editorial design system — Openai.ai.id */
:root{--bg:#fff;--ink:#111;--muted:#707070;--line:#e9e9e9;--accent:#111;--soft:#f5f5f5;--dark:#171717;--green:#4c4c4c}body{background:#fff;color:#111;font-family:'DM Sans',Arial,sans-serif}h1,h2,h3{font-family:'DM Sans',Arial,sans-serif;font-weight:500}.wrap{width:min(1240px,calc(100% - 96px))}.brand{font-size:23px;font-weight:600;letter-spacing:-1.1px}.logo{color:#111;width:25px}.logo svg{width:25px;height:29px}.nav{height:92px}.navlinks{color:#262626;font-size:14px;gap:32px}.navlinks a:hover{color:#777}.btn{border-radius:28px;background:#111;color:white;padding:13px 23px;font-weight:500;box-shadow:none}.btn.orange{background:#111}.btn:hover,.btn.orange:hover{background:#333;transform:translateY(-1px)}.btn.light{background:#f4f4f4;border:1px solid transparent;color:#111}.btn.light:hover{background:#eaeaea}.btn.small{padding:9px 15px}.iconbtn{border-color:#e5e5e5;border-radius:8px}.eyebrow{font-size:11px;letter-spacing:.6px;font-weight:500}.hero{display:block;min-height:0;padding:98px 0 90px;text-align:center}.hero-intro{max-width:880px;margin:auto}.hero .eyebrow{justify-content:center;font-size:13px;color:#666;letter-spacing:0;text-transform:none}.hero h1{font-size:clamp(44px,4.7vw,68px);line-height:1.1;letter-spacing:-3.2px;font-weight:500;margin:26px 0 25px}.hero h1 span{color:#111}.hero p{max-width:none;font-size:16px;line-height:1.8;color:#777}.prompt-launch{width:min(590px,100%);display:flex;align-items:center;justify-content:space-between;text-align:left;background:#f5f5f5;border:1px solid #ededed;padding:19px 19px 19px 25px;border-radius:29px;margin:32px auto 24px;font-size:15px;color:#777;transition:background .2s}.prompt-launch:hover{background:#ededed}.prompt-arrow{background:#111;color:white;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;flex-shrink:0}.hero-links{display:flex;align-items:center;justify-content:center;gap:11px;flex-wrap:wrap}.hero-links a{font-size:11px;padding:9px 13px;border:1px solid #e6e6e6;border-radius:25px;display:flex;gap:7px;align-items:center}.hero-links a:hover{background:#f5f5f5}.intelligence-banner{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:440px;background:#f2f3f4;overflow:hidden;border-radius:6px;align-items:center}.banner-copy{padding:55px;z-index:2}.banner-copy h2{font-size:40px;line-height:1.15;letter-spacing:-1.9px;margin:25px 0 20px;font-weight:500}.banner-copy p{font-size:13px;line-height:1.8;color:#727272;margin-bottom:27px}.hero-art{height:440px;border-radius:0;background:radial-gradient(ellipse at 50% 55%,#d3d7deaa,transparent 70%);margin:0;transform:none}.ring{border-color:#d0d3d8;box-shadow:inset 3px 3px 7px #fff,inset -4px -4px 6px #777d89,4px 8px 10px #565d7540}.ring:nth-child(4){border-color:#8d95a5}.ring:nth-child(5){border-color:#b5bac4}.core{background:radial-gradient(circle at 32% 22%,#fff,#d9dce3 35%,#7b8393 70%,#393f4c);box-shadow:0 0 55px #8d97aa44}.orbit{border-color:#a8b0bf55;top:146px}.orbit.two{top:95px}.orbit:after{background:#98a0af}.shadow{background:#48516333;bottom:45px}.floater{background:#ffffffa8;border-color:#ffffff80;box-shadow:0 8px 28px #11111105;border-radius:8px}.float1{top:45px;left:6px}.float2{right:10px;top:220px}.float3{bottom:32px;left:30px}.art-label{color:#999;font-size:8px;right:18px;top:20px}.tiny-plus{color:#b9bec6}.strip{padding:32px 0;color:#777;border-bottom:0;margin-top:13px}.strip>span{font-size:11px}.models{font-size:19px;color:#555;letter-spacing:-.7px;font-weight:550}.section{padding:76px 0}.section h2{font-size:40px;font-weight:500;letter-spacing:-1.5px}.section-heading{margin-bottom:33px}.section-heading>p{color:#777;font-size:13px}.features{gap:22px;grid-template-columns:1.15fr 1fr 1fr}.feature{border:0;border-radius:5px;background:#f7f7f7;padding:30px;min-height:280px}.feature h3{font-size:19px;font-weight:500;letter-spacing:-.4px}.feature p{color:#777}.feature .feature-icon{border:0;background:#ececec;color:#222;border-radius:50%;height:39px;width:39px}.code-feature{background:#f1f1f1;color:#111}.code-feature .eyebrow{color:#666}.code-feature p{color:#777}.code-feature pre{color:#222}.microchart i{background:#c6c6c6}.workspace-preview{background:#fafafa;border:0;border-radius:5px;padding:48px;margin-top:65px}.workspace-preview h3{font-size:31px;font-weight:500;line-height:1.25}.preview-card{background:#fff;border-color:#eaeaea;transform:none;box-shadow:0 12px 45px #00000006;border-radius:11px}.preview-metrics b{font-weight:500}.pill,.pill.demo{background:#eee;color:#666}.pill.off{background:#f5eaea;color:#925353}.price{border-radius:6px;padding:30px;border-color:#e7e7e7}.price.featured{background:#f7f7f7;border-color:#ccc}.price .amount{font-weight:500;font-size:29px}.price li:before{color:#111}.faq{max-width:850px}.faq details{padding:25px 0}.faq summary{font-weight:400}.cta{border-radius:6px;padding:64px;background:#f6f6f6;color:#111;min-height:210px}.cta h2{font-weight:500;font-size:36px}.cta p{color:#777}.footer{margin-top:70px;padding:35px 0 45px;border-color:#eee}.auth-left{background:#f7f7f7;padding:45px 60px}.auth-left h2{font-weight:500}.auth-left .hero-art{background:radial-gradient(ellipse at 50% 55%,#e2e4e9,transparent 70%)}.auth-box h1{font-weight:500;font-size:32px}.auth-box .btn.full{border-radius:30px;padding:15px}.field input,.field select,.field textarea,.input{background:white;border-color:#dedede;border-radius:10px}.field input:focus,.field textarea:focus,.input:focus{border-color:#999;box-shadow:0 0 0 3px #11111105}.notice{background:#f5f5f5;color:#747474}.auth-foot a{color:#111;text-decoration:underline}.sidebar{background:#fafafa;border-color:#ebebeb}.sidebar .brand{font-size:20px}.workspace-label{background:#fff;border-color:#e9e9e9}.avatar{background:#eeeeee;color:#333;border-radius:50%}.navgroup-label{color:#999}.sidenav a{color:#666;border-radius:7px}.sidenav a.active{background:#ebebeb;color:#111;font-weight:550}.sidenav a:hover{background:#f0f0f0}.sidebar-bottom .notice{background:#f0f0f0}.topbar{background:white;border-color:#ededed}.page-heading h1{font-weight:500;letter-spacing:-.7px}.stat,.stat:first-child{background:white;border-color:#e7e7e7;border-radius:10px}.stat strong{font-family:'DM Sans',Arial,sans-serif;font-weight:500;color:#111}.stat small{color:#7d7d7d}.stat:first-child{background:#f7f7f7}.panel{background:#fff;border-color:#e7e7e7}.segmented{background:#f3f3f3}.model-row .badge{background:#f4f4f4}.bar{background:#f3f3f3}.bar i{background:#b2b2b2}.chart-labels{color:#999}th{background:#fafafa;color:#888}th,td{border-color:#eee}.key-code{background:#f4f4f4}.provider-card{background:white;border-color:#e7e7e7}.toggle{background:#ddd}.toggle.on{background:#222}.chat-msg{background:#f6f6f6}.chat-msg.user{background:#ebebeb}.codeblock{background:#f5f5f5;color:#222}.danger{background:#f9eeee;color:#a34747}dialog{background:white}.check input{accent-color:#111}.fine svg{color:#444}.topbar .avatar{background:#eee}
@media(max-width:1100px){.banner-copy{padding:35px}.banner-copy h2{font-size:34px}.features{gap:15px}.feature{padding:24px}.wrap{width:calc(100% - 64px)}.float1{left:0}.float2{right:0}.auth-left{padding:35px}}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.hero{padding:75px 0 65px}.hero h1{font-size:54px;max-width:none}.hero p{max-width:none;font-size:14px}.intelligence-banner{grid-template-columns:1fr 1fr;min-height:370px}.banner-copy{padding:28px}.banner-copy h2{font-size:29px}.banner-copy p br{display:none}.hero-art{height:370px;transform:scale(.86);margin:0 -20px}.float1{left:3px}.float2{right:3px}.floater{padding:10px}.floater b{font-size:10px}.float3{left:12px}.features{grid-template-columns:1fr 1fr}.feature:first-child{grid-column:1/-1}.section{padding:52px 0}.section h2{font-size:33px}.workspace-preview{padding:28px}.cta{padding:40px}.models{font-size:16px}.auth-left .hero-art{margin:0}.strip{gap:22px}.navlinks{font-size:12px;gap:20px}}
@media(max-width:540px){.wrap{width:calc(100% - 36px)}.nav{height:76px}.brand{font-size:22px}.hero{padding:51px 0 48px}.hero h1{font-size:42px;line-height:1.13;letter-spacing:-2px;margin-top:22px}.hero .eyebrow{font-size:11px}.hero p{font-size:13px;padding:0 5px}.hero p br{display:none}.prompt-launch{font-size:13px;margin:25px auto 19px;padding:14px 14px 14px 20px}.prompt-arrow{width:30px;height:30px}.hero-links{gap:7px}.hero-links a{font-size:9px;padding:8px 10px}.intelligence-banner{grid-template-columns:1fr;min-height:0}.banner-copy{padding:33px 30px 0;text-align:left}.banner-copy h2{font-size:34px;margin:17px 0 15px}.banner-copy p{font-size:12px;margin-bottom:20px}.hero-art{height:310px;margin:0;transform:none}.orb{width:195px;height:195px}.ring{border-width:13px}.core{inset:58px}.orbit{width:290px;top:115px;height:110px}.orbit.two{width:310px;top:50px;height:220px}.float1{top:22px;left:18px}.float2{top:156px;right:10px}.float3{bottom:16px;left:15px}.floater b{font-size:9px}.floater small{font-size:8px}.floater .mini{width:24px;height:24px}.shadow{bottom:32px;width:160px}.hero-art .art-label{display:none}.strip{margin-top:0;padding:26px 0;gap:16px}.strip>span br{display:none}.models{font-size:15px;gap:17px}.section{padding:42px 0}.section h2{font-size:31px;letter-spacing:-1.2px}.features,.pricing{grid-template-columns:1fr}.feature{padding:27px;min-height:220px}.workspace-preview{padding:27px;margin-top:35px}.workspace-preview h3{font-size:29px}.preview-metrics b{font-size:22px}.cta{padding:34px 28px}.cta h2{font-size:30px}.price{padding:28px}.auth-box h1{font-size:28px}.auth-box .btn.full{padding:14px}.footer{margin-top:45px}.page-heading h1{font-size:23px}.sidebar .brand{font-size:20px}}

/* Volumetric studio sculpture, contained within its own render surface. */
.hero-art.studio-sculpture{height:460px;position:relative;overflow:hidden;isolation:isolate;background:#e3e4e5;border-radius:0;transform:none;margin:0;touch-action:pan-y}
.studio-sculpture canvas{display:block;width:100%;height:100%;position:absolute;inset:0;opacity:0;transition:opacity .5s ease}
.studio-sculpture.render-ready canvas{opacity:1}.studio-caption{position:absolute;left:25px;top:24px;font-size:9px;letter-spacing:1.6px;color:#68707c;pointer-events:none;z-index:2}.motion-toggle{position:absolute;right:18px;bottom:18px;border:1px solid #ffffff90;border-radius:20px;background:#ffffffa6;backdrop-filter:blur(8px);padding:8px 13px;color:#505762;font-size:10px;z-index:3}.motion-toggle:hover{background:#fff}.sculpture-fallback{position:absolute;width:210px;height:210px;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);background:radial-gradient(ellipse at 32% 22%,#fff 0%,#d9dce4 24%,#8b93a1 40%,#353c49 63%,#adb4c1 78%,#f5f7fa 100%);box-shadow:inset -12px -15px 24px #38414e40,24px 50px 24px -30px #30394b66;transition:opacity .5s}.render-ready .sculpture-fallback{opacity:0}.render-fallback canvas,.render-fallback .motion-toggle{display:none}.intelligence-banner{background:#e3e4e5}.auth-left .hero-art.studio-sculpture{height:390px;background:#e3e4e5;margin:15px -15px;border-radius:12px}.studio-sculpture[role=img]{outline:0}@media(max-width:800px){.hero-art.studio-sculpture{height:395px}.studio-caption{left:15px;top:20px;font-size:8px}.motion-toggle{font-size:9px;right:12px;bottom:12px}}@media(max-width:540px){.hero-art.studio-sculpture{height:330px}.studio-caption{top:17px;left:22px}.sculpture-fallback{width:180px;height:180px}.banner-copy{padding-bottom:8px}}