*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#fff;color:#17171c;font:15px -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--accent:#4651cf;--wash:#eff1ff;--line:#dedff1}body.sage{--accent:#436a57;--wash:#eef5f0;--line:#dae5dd}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{text-decoration:none;color:inherit}button{background:white;border:1px solid #dedee5;border-radius:7px;padding:9px 12px;font-size:11px;color:#555}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #aeb5ed;outline-offset:4px}header{height:88px;padding:0 45px;display:flex;gap:35px;align-items:center;position:sticky;top:0;z-index:30;background:#ffffffed;backdrop-filter:blur(15px);border-bottom:1px solid #eeeeF3}.brand img{width:174px;display:block}nav{display:flex;gap:30px;font-size:11px;color:#777;align-items:center;margin-left:25px}.header-actions{margin-left:auto;display:flex;align-items:center;gap:20px}.dark{display:inline-block;background:#18191d;border:1px solid #18191d;color:white;padding:13px 20px;border-radius:7px;font-size:12px}.outline{display:inline-block;border:1px solid #dbdce7;border-radius:6px;padding:12px 16px;font-size:11px;background:white}h1,h2,h3,p{margin-top:0}h1,h2{font-weight:500;letter-spacing:-3.4px;line-height:1.05}h1{font-size:69px;margin:20px 0}h1 em,.workspace-main em{font-style:normal;color:var(--accent)}h2{font-size:60px;margin:20px 0 25px}h3{font-weight:500}p{font-size:14px;color:#8b8b95;line-height:1.8}.eyebrow{font-size:9px;letter-spacing:1.5px;color:#9999a2}.eyebrow i{display:inline-block;width:5px;height:5px;background:var(--accent);border-radius:50%;margin-right:8px}.hero{padding:20px 25px 0;max-width:1600px;margin:auto}.collage{height:740px;position:relative;overflow:hidden;border-radius:14px;background:linear-gradient(135deg,var(--wash),#f8f8fa)}.art-card{position:absolute;border:1px solid #dddfe9;border-radius:13px;background:#fff;box-shadow:0 18px 45px #16152f0a;overflow:hidden}.window-label{font-size:8px;color:#aaaab5;letter-spacing:1.2px;border-bottom:1px solid #efeff4;padding:16px}.window-label i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#ccc;margin-right:7px}.research{width:310px;left:-35px;top:28px;transform:rotate(-8deg);height:350px;padding-bottom:20px}.research h3{font-size:24px;letter-spacing:-.8px;margin:22px 25px}.nodes{display:flex;align-items:center;justify-content:center;gap:16px;font-size:9px;color:#999;margin:20px}.nodes b{font-size:29px;color:var(--accent);font-weight:400}.nodes span{padding:8px;border:1px solid #eeeef4;border-radius:6px}.skeleton{margin:20px 25px}.skeleton i{display:block;height:5px;background:#f0f0f5;margin:9px 0;border-radius:3px;width:90%}.skeleton i:nth-child(2){width:70%}.skeleton i:nth-child(3){width:80%}.chip{font-size:8px;color:var(--accent);background:var(--wash);border:1px solid var(--line);border-radius:20px;padding:6px 10px;display:inline-block;margin:0 25px}.voice{right:27%;top:-48px;transform:rotate(6deg);width:330px;height:270px;background:#fcfafb}.wave{display:flex;align-items:center;justify-content:center;gap:5px;height:110px}.wave i{height:20px;width:4px;border-radius:3px;background:#c4a1b5}.wave i:nth-child(3n){height:65px}.wave i:nth-child(2n){height:40px}.wave i:nth-child(5n){height:83px}.voice-bottom{display:flex;justify-content:space-between;align-items:center;margin:0 25px;font-size:18px;letter-spacing:-.5px}.voice-bottom b{font-weight:450}.voice-bottom span{font-size:30px;color:#b799a9}.studio{right:-38px;top:75px;transform:rotate(7deg);width:365px;height:310px;background:#fcfcff}.mini-sidebar{position:absolute;width:65px;bottom:0;top:42px;background:#f8f8fb;border-right:1px solid #eeeef3;padding:25px 12px}.mini-sidebar i{display:block;height:6px;background:#e7e7f1;border-radius:3px;margin-bottom:16px}.studio-main{margin-left:65px;padding:28px 22px}.studio-heading{width:70%;height:10px;background:#dfe1f6;border-radius:3px}.studio-prompt{padding:16px 12px;border:1px solid #e7e7f1;border-radius:6px;margin:20px 0;font-size:10px;color:#aaa}.studio-grid{display:flex;gap:8px;margin-bottom:16px}.studio-grid i{width:30%;height:47px;border-radius:5px;background:var(--wash)}.studio-main .chip{margin:0}.output{left:-5px;bottom:-20px;transform:rotate(7deg);width:280px;height:340px}.abstract-film{height:240px;position:relative;background:linear-gradient(135deg,#ededf0,#c8c9d3);overflow:hidden;display:grid;place-items:center}.abstract-film i{position:absolute;left:40px;bottom:-50px;width:180px;height:280px;transform:rotate(-25deg);background:linear-gradient(90deg,#34323e,#73717c,#25232e);border-radius:45px;box-shadow:25px 10px 40px #34313c33}.abstract-film span{color:#fff;z-index:1;font-size:25px;letter-spacing:8px;transform:rotate(-25deg);text-align:center}.abstract-film small{font-size:5px;letter-spacing:2px}.output-bottom{padding:20px 16px;font-size:8px;display:flex;justify-content:space-between;color:#999}.output-bottom b{font-weight:400;color:var(--accent)}.script{right:-10px;bottom:-18px;transform:rotate(-6deg);width:290px;height:300px;background:#f9fcfa}.script-number{font-size:9px;color:#a2b9ad;margin:20px 25px;display:block}.script h3{font-size:27px;letter-spacing:-1px;margin:0 25px}.hero-card{position:absolute;z-index:5;top:155px;bottom:0;left:50%;transform:translateX(-50%);width:740px;max-width:calc(100% - 200px);border-radius:28px 28px 0 0;background:#fff;text-align:center;padding:55px 25px 25px;box-shadow:0 -10px 50px #474a6d04}.hero-card p{font-size:14px;line-height:1.8;margin-bottom:25px}.hero-cta{padding:15px 27px}.caption{font-size:9px;color:#aaaab4;line-height:1.8}.hero-card .caption{margin-top:16px}.hero-foot{padding:23px 0;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #eeeef4;font-size:8px;letter-spacing:.5px;color:#aaaab4}.hero-foot>span:first-child{color:#878baf;letter-spacing:1px}.section{max-width:1250px;margin:auto;padding:115px 45px}.section-intro{margin-bottom:50px}.section-intro>p{margin:0;max-width:450px}.path-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.path-art{height:370px;border-radius:12px;position:relative;display:block;overflow:hidden;background:#f3f2fa}.creative-art{background:linear-gradient(130deg,#f1f1fc,#faf2f5)}.floating-script{position:absolute;width:210px;height:260px;background:white;border:1px solid #e3e2ef;border-radius:10px;left:30px;top:35px;transform:rotate(-8deg);box-shadow:0 15px 35px #22223808}.floating-script>b{font-size:24px;letter-spacing:-.8px;font-weight:500;display:block;margin:25px}.floating-video{position:absolute;right:50px;top:30px;width:158px;height:250px;background:linear-gradient(130deg,#b6b8d8,#efdfeb);border:1px solid #d6d5e5;border-radius:12px;transform:rotate(9deg);display:grid;place-items:center}.floating-video>span{position:absolute;z-index:1;color:#fff;font-size:29px}.video-shape{width:85px;height:143px;transform:rotate(-15deg);background:linear-gradient(90deg,#656786,#a5a7c7,#666781);border-radius:23px;box-shadow:17px 18px 25px #65678333}.floating-video small{position:absolute;bottom:16px;font-size:6px;letter-spacing:1.3px;color:#777894}.floating-audio{position:absolute;bottom:30px;left:75px;right:55px;height:80px;border:1px solid #e0dce6;border-radius:9px;background:#fff;box-shadow:0 10px 40px #67607410;display:flex;align-items:center;gap:20px;padding:18px}.floating-audio>span{font-size:8px;color:#a4a2ae;letter-spacing:1px}.floating-audio .wave{height:60px;flex:1;gap:4px}.floating-audio .wave i{width:3px;height:10px}.floating-audio .wave i:nth-child(2n){height:28px}.floating-audio .wave i:nth-child(3n){height:43px}.research-art{background:linear-gradient(120deg,#f0f4f7,#eef4f0)}.source-node{position:absolute;left:35px;width:100px;padding:16px;background:white;border:1px solid #dce5e2;border-radius:8px;font-size:10px;color:#929e98;box-shadow:0 5px 15px #556d6105}.source-node i{position:absolute;width:60px;height:1px;left:100%;top:50%;background:#cddad2}.n1{top:55px;transform:rotate(-6deg)}.n2{top:157px}.n3{top:258px;transform:rotate(6deg)}.hub{position:absolute;top:136px;left:40%;font-size:40px;color:#758b81;text-align:center;background:#fff;border:1px solid #d8e3dc;border-radius:14px;padding:14px}.hub small{font-size:6px;letter-spacing:1px;display:block;margin-top:6px}.brief-card{position:absolute;right:25px;top:48px;width:185px;height:270px;background:white;border:1px solid #dce4e0;border-radius:10px;transform:rotate(5deg);box-shadow:0 20px 40px #5c71640a}.brief-card>b{display:block;font-size:24px;letter-spacing:-.8px;font-weight:500;margin:25px}.brief-card .chip{font-size:7px}.path-copy{padding:27px 0}.micro{font-size:8px;letter-spacing:1px;color:#9394a7}.path-copy h3{font-size:28px;letter-spacing:-1px;margin:13px 0}.path-copy p{font-size:12px;max-width:350px;line-height:1.8;margin-bottom:21px}.paths>.caption{margin-top:10px}.workspace-section{border-top:1px solid #eeeeF4;border-bottom:1px solid #eeeeF4;max-width:none;background:linear-gradient(180deg,#fff,var(--wash),#fff)}.centered{text-align:center}.centered>p{margin:auto}.workspace-frame{max-width:1090px;margin:auto;border:1px solid #dddfea;border-radius:13px;background:white;box-shadow:0 25px 60px #17173508;overflow:hidden}.frame-top{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:16px 20px;border-bottom:1px solid #e9e9f1;color:#a7a7b2;font-size:8px;letter-spacing:1px}.frame-top>span:first-child{display:flex;gap:5px}.frame-top i{width:5px;height:5px;background:#dddde7;border-radius:50%}.frame-top b{font-weight:400}.frame-status{font-size:7px;border:1px solid #e3e3ef;padding:4px 7px;border-radius:10px}.workspace-body{display:grid;grid-template-columns:175px 1fr}.workspace-body aside{background:#fafafa;border-right:1px solid #eeeef5;padding:30px 20px;font-size:10px;color:#9999a5;display:grid;align-content:start;gap:12px}.workspace-body aside b{font-weight:500;color:#555;margin-bottom:18px}.workspace-body aside>span{padding:10px}.workspace-body aside .selected{background:var(--wash);color:var(--accent);border-radius:5px}.workspace-main{text-align:center;padding:50px 50px 40px}.workspace-main h3{font-size:36px;line-height:1.15;letter-spacing:-1.6px;margin:20px 0 28px}.mock-composer{border:1px solid #dedfeb;border-radius:12px;padding:20px;text-align:left;box-shadow:0 5px 30px #17173503}.mock-composer>p{font-size:11px;margin-bottom:45px;color:#9293a3}.mock-composer>div{display:flex;gap:8px;align-items:center;font-size:9px;color:#86889a}.mock-composer>div>span{border:1px solid #eeeef5;padding:7px 9px;border-radius:5px}.mock-composer a{margin-left:auto;background:var(--accent);color:white;border-radius:5px;padding:10px 12px}.workspace-main>small{font-size:8px;color:#aaaab5;display:block;margin-top:12px}.mini-projects{display:flex;gap:13px;margin-top:30px}.mini-projects>span{flex:1;border:1px solid #e7e7f0;border-radius:7px;padding:13px;text-align:left;color:#9899a8;font-size:8px}.mini-projects i{display:block;height:40px;background:var(--wash);border-radius:4px;margin-bottom:12px}.mini-projects>span:nth-child(2) i{background:#f8f0f4}.mini-projects>span:nth-child(3) i{background:#edf3f0}.text-link{font-size:11px;color:var(--accent);display:inline-block}.workspace-section>.text-link{display:block;text-align:center;margin-top:28px}.control-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:100px;align-items:center}.flow-panel{padding:30px;border:1px solid #e2e3ef;border-radius:13px;background:white;box-shadow:0 15px 45px #17173506}.flow-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;color:#999aab;font-size:9px;gap:12px}.flow-top>span{font-size:8px;letter-spacing:.7px}.flow-top>b{font-weight:400;background:var(--wash);color:var(--accent);padding:6px 8px;border-radius:5px}.flow-step{display:flex;gap:18px;align-items:center;border-top:1px solid #eeeef5;padding:22px 0}.flow-step>span{font-size:9px;color:#a6a9cc}.flow-step>div{flex:1}.flow-step b{font-size:13px;font-weight:500}.flow-step p{margin:7px 0 0;font-size:10px}.flow-step i{font-size:12px;font-style:normal;color:#a1a6c7}.current b{color:var(--accent)}.review-box{background:var(--wash);border-radius:9px;padding:22px;margin-top:7px}.review-box>b{font-size:13px;font-weight:500;color:var(--accent)}.review-box p{font-size:10px;margin:8px 0 16px}.review-box button{font-size:10px;padding:10px 14px}.control-copy>div{margin-bottom:40px}.control-copy h3{font-size:25px;letter-spacing:-.8px;margin:15px 0}.control-copy p{font-size:12px;max-width:320px}.quiet-note{border-top:1px solid #eeeef4;padding-top:25px;font-size:10px;line-height:1.8;color:#a2a2ae;max-width:330px}.closing{text-align:center;padding-top:80px;padding-bottom:110px}.closing h2{font-size:72px;margin:23px 0 35px}footer{border-top:1px solid #eeeef4;max-width:1440px;margin:auto;display:flex;align-items:center;gap:35px;padding:35px 45px 120px;font-size:9px;color:#aaaab4}footer img{width:150px}footer a{margin-left:auto;color:#77798f}.prompt-dock{position:fixed;z-index:35;bottom:20px;left:50%;transform:translateX(-50%);width:600px;max-width:calc(100% - 40px);background:#fffffff5;border:1px solid #e1e2ed;border-radius:40px;box-shadow:0 5px 30px #19192b0b;padding:7px 8px 7px 20px;display:flex;align-items:center;gap:12px;backdrop-filter:blur(15px)}.prompt-dock label{font-size:10px;color:#8c8fa8;white-space:nowrap;border-right:1px solid #e9e9f1;padding-right:15px}.prompt-dock input{border:0;background:transparent;min-width:0;flex:1;font-size:10px;outline:none;padding:8px 0;color:#55566a}.prompt-dock input::placeholder{color:#b1b2c1}.prompt-dock button{background:var(--accent);color:white;border:0;border-radius:50%;width:30px;height:30px;padding:0;font-size:18px;flex:none}@media(min-width:1550px){.collage{height:800px}.hero-card{width:780px;top:180px;padding-top:65px}h1{font-size:77px}.research{left:5px}.studio{right:0}}@media(max-width:1050px){header{padding:0 25px;gap:20px}nav{margin-left:5px;gap:20px}.header-actions{gap:12px}.brand img{width:155px}.hero-card{width:650px;max-width:calc(100% - 100px)}h1{font-size:61px}.hero-card{padding-top:65px}.collage{height:730px}.section{padding:90px 35px}h2{font-size:52px}.path-grid{gap:25px}.path-art{height:320px}.floating-script{left:15px;width:175px;height:230px}.floating-script>b{font-size:22px}.floating-video{right:20px;width:130px;height:220px}.floating-audio{left:40px;right:30px;bottom:22px}.source-node{left:16px;width:80px}.brief-card{right:15px;width:155px;height:250px}.brief-card>b{font-size:22px;margin:20px}.brief-card .window-label{font-size:6px}.brief-card .chip{margin:0 15px;font-size:6px}.hub{left:35%;font-size:30px;padding:12px}.control-grid{gap:50px}.workspace-main{padding:40px 30px}}@media(max-width:700px){html{scroll-padding-top:85px}header{height:76px;padding:0 20px;gap:10px}.brand img{width:139px}nav{display:none}.header-actions{gap:8px}#accent{font-size:9px;padding:8px 9px}.header-actions>.dark{font-size:9px;padding:10px 11px}.hero{padding:12px 12px 0}.collage{height:680px;border-radius:10px}.hero-card{max-width:none;width:calc(100% - 34px);top:190px;padding:40px 14px 20px;border-radius:19px 19px 0 0}.hero-card .eyebrow{font-size:7px;letter-spacing:1px}h1{font-size:43px;letter-spacing:-2.5px;line-height:1.04;margin:25px 0 20px}.hero-card p{font-size:12px}.hero-cta{font-size:11px;padding:14px 22px}.hero-card .caption{font-size:8px}.research{width:190px;height:270px;top:-25px;left:-30px}.research h3{font-size:19px;margin:18px}.research .window-label{font-size:6px;padding:12px}.research .nodes{gap:7px;margin:14px}.research .nodes span{font-size:7px;padding:6px}.research .nodes b{font-size:24px}.research .skeleton{margin:15px 18px}.voice{width:200px;height:210px;right:-25px;top:5px;transform:rotate(9deg)}.voice .window-label{font-size:6px;padding:12px}.voice .wave{height:90px;gap:3px}.voice .wave i{width:3px;height:14px}.voice .wave i:nth-child(3n){height:40px}.voice .wave i:nth-child(5n){height:52px}.voice-bottom{font-size:15px;margin:0 18px}.voice-bottom span{font-size:23px}.studio{width:170px;height:210px;top:270px;right:-60px}.output{width:180px;height:280px;bottom:15px;left:-50px}.script{display:none}.hero-foot{padding:20px 5px 5px;font-size:7px;display:block;text-align:center;line-height:1.8}.hero-foot span{display:block}.hero-foot span+span{margin-top:8px;max-width:280px;margin-left:auto;margin-right:auto}.section{padding:75px 22px}.section-intro{margin-bottom:32px}h2{font-size:41px;letter-spacing:-2px;margin:18px 0 22px}.section-intro>p{font-size:12px}.eyebrow{font-size:7px;letter-spacing:1.2px}.path-grid{grid-template-columns:1fr;gap:35px}.path-art{height:310px}.floating-script{width:180px;left:22px;top:28px}.floating-video{right:25px;top:35px;width:130px;height:215px}.floating-audio{height:68px;left:45px;right:28px;bottom:23px;padding:14px;gap:13px}.floating-audio .wave{gap:3px}.floating-audio .wave i{width:3px}.path-copy{padding:23px 0 5px}.path-copy h3{font-size:27px}.path-copy p{font-size:12px}.paths>.caption{font-size:8px;margin-top:30px}.brief-card{right:18px;width:155px;top:32px;height:245px}.source-node{left:18px;width:85px;padding:14px;font-size:9px}.n1{top:40px}.n2{top:135px}.n3{top:230px}.hub{left:34%;top:112px;font-size:29px;padding:11px}.hub small{font-size:5px}.brief-card>b{font-size:23px;margin:20px}.brief-card .skeleton{margin:18px}.workspace-section{padding-left:15px;padding-right:15px}.workspace-section .section-intro{padding:0 7px}.frame-top{padding:13px 12px;font-size:5px;letter-spacing:.6px}.frame-top>span:first-child{gap:3px}.frame-top i{width:4px;height:4px}.frame-status{font-size:5px;padding:3px 5px}.workspace-body{display:block}.workspace-body aside{display:none}.workspace-main{padding:32px 18px 22px}.workspace-main .micro{font-size:6px}.workspace-main h3{font-size:27px;letter-spacing:-1.2px;margin:18px 0 23px}.mock-composer{padding:15px 12px;border-radius:9px}.mock-composer>p{font-size:9px;margin-bottom:35px;line-height:1.7}.mock-composer>div{font-size:7px;gap:5px}.mock-composer>div>span{padding:6px}.mock-composer a{padding:8px;font-size:7px}.workspace-main>small{font-size:6px}.mini-projects{gap:7px;margin-top:22px}.mini-projects>span{padding:8px 6px;font-size:6px;line-height:1.5}.mini-projects i{height:33px;margin-bottom:9px}.workspace-section>.text-link{font-size:10px}.control-grid{grid-template-columns:1fr;gap:40px}.flow-panel{padding:22px}.flow-top{font-size:8px}.flow-step{padding:20px 0;gap:14px}.flow-step b{font-size:12px}.flow-step p{font-size:10px;line-height:1.7}.review-box{padding:18px}.review-box>b{font-size:12px}.review-box button{font-size:9px}.control-copy h3{font-size:25px}.control-copy>div{margin-bottom:30px}.control-copy p{font-size:12px}.quiet-note{font-size:9px}.closing{padding-top:20px;padding-bottom:80px}.closing h2{font-size:49px;letter-spacing:-2.7px}.closing>.dark{font-size:11px}footer{padding:28px 22px 120px;gap:20px;flex-wrap:wrap;font-size:8px}footer img{width:140px}footer>span{order:3;width:100%;font-size:8px}.prompt-dock{bottom:12px;max-width:calc(100% - 24px);padding:7px 7px 7px 14px;gap:8px}.prompt-dock label{font-size:9px;padding-right:10px}.prompt-dock input{font-size:9px}.prompt-dock input::placeholder{color:transparent}.prompt-dock button{width:29px;height:29px}.caption{font-size:8px}}@media(max-width:360px){header{padding:0 13px}.brand img{width:122px}.header-actions{gap:6px}.header-actions>.dark{font-size:8px;padding:10px 8px}#accent{font-size:8px;padding:8px}.hero-card{width:calc(100% - 28px);padding-left:10px;padding-right:10px}h1{font-size:37px;letter-spacing:-2px}.hero-card .eyebrow{font-size:6px}.collage{height:660px}.hero-card{top:180px}.section{padding-left:20px;padding-right:20px}h2{font-size:36px}.path-art{height:290px}.floating-script{width:160px;left:14px}.floating-script>b{font-size:21px;margin:22px}.floating-video{right:12px;width:115px;height:205px}.floating-audio{left:30px;right:20px;padding:10px}.brief-card{right:10px;width:140px}.source-node{left:10px;width:75px}.hub{left:31%;font-size:24px}.brief-card>b{font-size:21px;margin:17px}.brief-card .window-label{font-size:5px}.research-art .chip{font-size:5px}.closing h2{font-size:43px}.flow-panel{padding:18px}.flow-top>span{font-size:7px}.workspace-main{padding:28px 13px 20px}.workspace-main h3{font-size:25px}.mock-composer>div{font-size:6px}.mock-composer a{font-size:6px}.mini-projects>span{font-size:5px}.prompt-dock label{font-size:8px}.prompt-dock input{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.tools-section{border-top:1px solid #eeeef4}.tool-groups{display:grid;grid-template-columns:1fr 1fr;gap:40px 70px}.tool-groups article{border-top:1px solid #e8e8f0;padding-top:22px}.tool-groups h3{font-size:16px;letter-spacing:-.4px;margin:0 0 18px}.tool-names{display:flex;flex-wrap:wrap;gap:10px}.tool-names span{border:1px solid #e8e8ef;padding:10px 12px;border-radius:6px;font-size:10px;color:#8f909c}.tool-footer{border-top:1px solid #eeeef4;margin-top:40px;padding-top:25px;display:flex;gap:25px;align-items:center;justify-content:space-between}@media(max-width:700px){.tool-groups{grid-template-columns:1fr;gap:30px}.tool-groups h3{font-size:15px}.tool-names{gap:8px}.tool-names span{font-size:9px;padding:9px 10px}.tool-footer{display:block}.tool-footer>.caption{display:block;margin-bottom:18px}.tools-section{padding-top:65px}}
.photo-card>img{width:100%;height:100%;object-fit:cover;display:block}.photo-label{position:absolute;bottom:0;left:0;right:0;padding:20px 18px;background:linear-gradient(transparent,#1118);color:#fff;font-size:7px;letter-spacing:1.4px}.voice.photo-card{height:270px}.research.photo-card>img{object-position:45% center}.output.photo-card>img{object-position:60% center}.path-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.has-photo .floating-script{width:170px;height:200px;left:25px;top:auto;bottom:25px;transform:rotate(-5deg);opacity:.97}.has-photo .floating-script>b{font-size:20px;margin:18px}.has-photo .floating-script .skeleton{margin:15px 18px}.has-photo .floating-video{display:none}.has-photo .floating-audio{left:auto;right:20px;bottom:25px;width:220px;height:62px;opacity:.95}.has-photo .source-node,.has-photo .hub{display:none}.has-photo .brief-card{width:150px;right:25px;top:auto;bottom:25px;height:220px;opacity:.96}.has-photo .brief-card>b{font-size:20px;margin:17px}.has-photo .brief-card .skeleton{margin:17px}.has-photo .brief-card .window-label{font-size:6px}.has-photo .brief-card .chip{font-size:6px;margin-left:17px}.has-photo.research-art .path-photo{object-position:center}.has-photo.creative-art .path-photo{object-position:60% center}@media(max-width:700px){.voice.photo-card{height:215px}.research.photo-card{height:265px}.photo-label{font-size:5px;padding:18px 12px}.has-photo .floating-script{width:135px;height:175px;left:16px;bottom:20px}.has-photo .floating-script>b{font-size:18px;margin:15px}.has-photo .floating-script .window-label{font-size:6px;padding:12px}.has-photo .floating-audio{right:15px;bottom:20px;width:155px;height:52px;padding:10px;gap:6px}.has-photo .floating-audio>span{font-size:6px}.has-photo .floating-audio .wave{gap:2px}.has-photo .floating-audio .wave i{width:2px}.has-photo .brief-card{width:140px;right:18px;bottom:18px;height:210px}.hero-card{top:190px}}@media(max-width:360px){.has-photo .floating-audio{width:135px}.has-photo .floating-script{width:120px}.has-photo .floating-script>b{font-size:16px}.hero-card{top:180px}}
/* Claude-assisted contrast, focus and touch refinements, reviewed locally. */
/* === CONTRAST: low-contrast supporting copy === */
.eyebrow{color:#6b6b78}
.window-label{color:#6b6b78}
.caption{color:#6b6b7a}
nav a,nav>span{color:#4a4a56}
.hero-foot{color:#6b6b7a}
.hero-foot>span:first-child{color:#5a5e84}
.output-bottom{color:#6b6b78}
.script-number{color:#5a7a6e}
.frame-top{color:#6b6b78}
.frame-status{color:#6b6b78}
.micro{color:#5a5a72}
.tool-names span{color:#4a4a58;border-color:#c8c8d5}
.workspace-body aside{color:#4a4a58}
.workspace-body aside>span{color:#4a4a58}
.mock-composer>p{color:#5a5b72}
.mock-composer>div{color:#4a4b62}
.workspace-main>small{color:#5a5a72}
.mini-projects>span{color:#4a4a58}
.flow-top{color:#5a5a72}
.flow-step>span{color:#5a5a72}
.flow-step p{color:#4a4a58}
.flow-step i{color:#5a5a72}
.quiet-note{color:#4a4a58}
.prompt-dock label{color:#4a4a58}
.tool-groups .tool-names span{color:#4a4a58}
footer{color:#5a5a72}
p{color:#5a5a66}
.path-copy p{color:#4a4a58}
.control-copy p{color:#4a4a58}
.section-intro>p{color:#4a4a58}
.hero-card p{color:#4a4a58}
/* === TOUCH TARGETS: minimum 44px on mobile === */
@media(max-width:700px){
nav{display:none}
header button,header a{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}
.header-actions>.dark{padding:12px 14px;min-height:44px}
.header-actions>.outline{padding:11px 14px;min-height:44px}
#accent{padding:11px 12px;min-height:44px}
.prompt-dock button{width:44px;height:44px}
.prompt-dock input{min-height:44px;padding:10px 0}
.suggestions button{min-height:44px;padding:12px 14px;width:100%;text-align:left}
.filterbar button{min-height:44px;padding:10px 14px}
.project{min-height:44px}
.pill{min-height:44px;padding:10px 14px}
.primary{min-height:44px;padding:13px 22px}
.secondary{min-height:44px;padding:11px 16px}
.model-option{min-height:56px;padding:12px 14px}
.review-box button{min-height:44px;padding:12px 16px}
.text-link{min-height:44px;display:inline-flex;align-items:center}
.close{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
}
@media(max-width:390px){
.prompt-dock button{width:44px;height:44px}
.header-actions>.dark{padding:11px 10px;min-height:44px}
#accent{padding:11px 10px;min-height:44px}
}
@media(max-width:360px){
.header-actions>.dark{padding:11px 9px}
#accent{padding:11px 9px}
}
/* === KEYBOARD: focus-visible ring that honours both white and sage === */
button:focus-visible,
a:focus-visible,
input:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible{
outline:3px solid var(--accent,#514be5);
outline-offset:3px;
}
@media(max-width:390px){header .brand{flex-shrink:0}header .header-actions{gap:6px}#accent,.header-actions>.dark{white-space:nowrap;font-size:9px;padding:10px 7px;min-height:44px}.prompt-dock input{min-width:0}.prompt-dock button{flex-shrink:0}}