@charset "UTF-8";
:root{--paper:#f5f4ef;--ink:#191a18;--muted:#5f625b;--line:#d1d2c8;--red:#e54b32;--blue:#245be8;--yellow:#f3d34a;--green:#2e503d;--gutter:56px;--max:1440px;color-scheme:light;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:30px}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button,input,select{border-radius:0}button{background:none}button:disabled{cursor:wait;opacity:.55}input,select{min-width:0}button,a,label{touch-action:manipulation}a,button,input,select{outline-offset:5px}:focus-visible{outline:3px solid var(--blue)}::selection{background:#f3d34a;color:#191a18}[hidden]{display:none!important}.wrap{max-width:var(--max);margin-inline:auto;padding-inline:var(--gutter)}.meta{font-family:"Courier New",monospace;font-size:11px;letter-spacing:.045em;font-weight:600;line-height:1.5}.fine-print{font-size:12px;color:var(--muted);line-height:1.6;margin:15px 0 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-100px;left:20px;padding:16px;background:var(--ink);color:#fff;z-index:20}.skip-link:focus{top:10px}.site-header{min-height:102px;display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative}.site-header:after{content:"";position:absolute;bottom:0;left:var(--gutter);right:var(--gutter);height:1px;background:var(--ink)}.brand{display:flex;gap:12px;align-items:center;font-size:19px;font-weight:700;line-height:.98;letter-spacing:-.6px;min-height:44px}.brand-mark{display:flex;width:38px;height:36px;align-items:flex-end;flex-shrink:0;transform:skewY(-13deg)}.brand-mark i{width:13px;height:29px;background:var(--red)}.brand-mark i:nth-child(2){background:var(--blue);height:36px}.brand-mark i:nth-child(3){background:var(--yellow);height:23px}.brand-period{color:var(--red)}.main-nav{display:flex;align-items:center;gap:36px;font-size:13px;font-weight:600}.main-nav>a{min-height:44px;display:flex;align-items:center;gap:12px}.main-nav a:not(.button):hover,.site-footer nav a:hover{text-decoration:underline;text-underline-offset:5px}.button{min-height:54px;display:inline-flex;justify-content:space-between;align-items:center;gap:28px;padding:15px 23px;font-size:13px;font-weight:600;border:1px solid var(--ink);transition:background .2s,transform .2s;white-space:normal}.button.dark{background:var(--ink);color:#fff}.button.dark:hover{background:#33382e;transform:translateY(-2px)}.button.small{min-height:44px;padding:12px 18px;gap:24px}.button span[aria-hidden]{font-size:20px;line-height:1}.menu-toggle{display:none}.hero-top,.hero-bottom{display:flex;justify-content:space-between;gap:20px}.hero-top{padding-top:27px;padding-bottom:29px}.hero-grid{display:grid;grid-template-columns:1fr 1.06fr;gap:34px;align-items:stretch}.hero-copy{padding:12px 0 15px}.hero h1{font-size:clamp(66px,6.9vw,100px);font-weight:600;letter-spacing:-.075em;line-height:.98;margin:0 0 23px;position:relative}.outlined{-webkit-text-stroke:1.5px var(--ink);color:transparent}.hero-dot{display:inline-block;width:18px;height:18px;background:var(--red);border-radius:50%;margin-left:10px}.hero-copy>p{font-size:16px;line-height:1.6;color:#484c44;margin:0 0 27px}.hero-note{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted);margin-top:16px}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--green)}.hero-art{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;aspect-ratio:1.14;position:relative;overflow:hidden;align-self:center;background:var(--red)}.art-cell{position:relative;overflow:hidden;min-width:0}.art-red{background:var(--red)}.art-blue{background:var(--blue)}.art-yellow{background:var(--yellow)}.art-green{background:var(--green)}.art-label{position:absolute;z-index:2;left:18px;top:17px;font-family:"Courier New",monospace;font-size:9px;font-weight:700;color:#111;letter-spacing:.04em}.light{color:#fff}.disc{width:69%;aspect-ratio:1;border-radius:50%;position:absolute;left:15.5%;top:17%;animation:breathe 9s ease-in-out infinite}.disc-cream{background:#f5f4ef}.art-corner{position:absolute;bottom:13px;right:17px;font-size:35px;line-height:1}.blue-orbit{position:absolute;inset:16%;animation:orbit 28s linear infinite;transform-origin:50% 50%}.blue-orbit i{border:1px solid #f5f4ef;position:absolute;inset:0;border-radius:50%}.blue-orbit i:nth-child(2){inset:12%}.blue-orbit i:nth-child(3){inset:24%}.blue-orbit i:nth-child(4){inset:36%}.blue-orbit i:nth-child(5){width:14%;height:14%;inset:auto;top:0;left:43%;background:var(--paper);border:0}.yellow-square{position:absolute;width:53%;aspect-ratio:1;background:var(--red);top:27%;left:23%;animation:square-turn 18s ease-in-out infinite}.green-shape{position:absolute;width:78%;height:78%;left:11%;top:13%;border-radius:50% 50% 0 0;background:#c9d8c5;animation:arch-sway 14s ease-in-out infinite;transform-origin:50% 100%}.hero-store-links{display:flex;gap:18px;align-items:center;font-size:11px;margin-top:7px}.hero-store-links a{min-height:44px;display:flex;align-items:center;gap:14px}.hero-store-links a:hover{text-decoration:underline;text-underline-offset:4px}.hero-store-links>span{color:#8a8e80}.motion-button{position:absolute;right:12px;bottom:12px;z-index:3;min-height:44px;border:1px solid #f5f4ef66;background:#191a18;color:#fff;font-family:"Courier New",monospace;font-size:9px;padding:8px 11px;display:flex;gap:8px;align-items:center}.motion-button:hover{background:#33382e}.hero-bottom{padding-block:27px 34px}.hero-bottom a{display:flex;align-items:center;gap:25px;min-height:44px}.color-ribbon{display:flex;height:76px}.color-ribbon div{flex:1;background:var(--swatch)}.section{padding-top:88px;padding-bottom:88px;scroll-margin-top:20px}.section-top{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid var(--ink);padding-top:17px;margin-bottom:31px}.tag{display:inline-flex;align-items:center;font-family:"Courier New",monospace;font-size:9px;font-weight:600;letter-spacing:.03em;border:1px solid #b4b8aa;padding:4px 7px;white-space:nowrap;line-height:1.3}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:36px}h2{font-size:clamp(40px,4.7vw,65px);line-height:1.02;letter-spacing:-.065em;font-weight:500;margin:0}.section-heading>p{font-size:14px;line-height:1.75;color:var(--muted);margin:0 0 3px;max-width:400px}.converter-grid{display:grid;grid-template-columns:1fr 1.06fr;gap:34px}.color-sample{background:#245be8;color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:25px;min-height:365px}.sample-center{display:flex;align-items:center;justify-content:center;flex:1}.sample-cross{font-size:90px;font-weight:200;opacity:.6}.sample-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px}.sample-bottom>span{font-size:39px;letter-spacing:-2px}.sample-edit{position:relative;display:flex;align-items:center;gap:12px;font-size:12px;min-height:44px;cursor:pointer;padding:5px}.sample-edit input,.upload-label input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.sample-edit:focus-within{outline:2px solid currentColor}.converter-controls{padding:2px 0}.control-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.control-header h3{font-size:19px;letter-spacing:-.5px;font-weight:500;margin:0}.input-row{display:flex;align-items:stretch;border:1px solid #92968a;background:var(--paper)}.field{display:flex;flex-direction:column;font-size:10px;gap:5px;line-height:1.5;padding:10px 14px;color:var(--muted)}.field select,.field input{background:transparent;color:var(--ink);border:0;padding:2px 0 0;width:100%;font-family:"Courier New",monospace;font-size:15px;line-height:1.5;min-height:24px}.format-field{flex:0 0 104px;border-right:1px solid var(--line)}.value-field{flex:1;min-width:0}.convert-submit{background:var(--ink);color:#fff;border:0;font-size:27px;flex:0 0 58px;min-height:64px}.convert-submit:hover{background:#33382e}.field-hint{font-size:11px;color:var(--muted);margin:8px 0 17px;line-height:1.5}.field-error{color:#a22515;font-size:12px;line-height:1.5;margin:8px 0 16px}.value-row{display:flex;align-items:center;gap:16px;min-height:54px;border-top:1px solid var(--line)}.value-row:last-child{border-bottom:1px solid var(--line)}.value-row>.meta{width:38px;color:var(--muted);flex-shrink:0}.value-row output{font-family:"Courier New",monospace;font-size:15px;font-weight:500;flex:1;overflow-wrap:anywhere}.copy-button{border:0;min-height:44px;padding:8px 0 8px 10px;display:flex;align-items:center;gap:12px;font-size:11px}.copy-button:hover{text-decoration:underline}.photo-section{padding-top:12px}.photo-grid{display:grid;grid-template-columns:1fr 1.06fr;gap:70px;align-items:center}.photo-copy>p:not(.fine-print):not(.field-error){max-width:340px;font-size:14px;line-height:1.8;color:var(--muted);margin:25px 0}.upload-label{position:relative;cursor:pointer;min-width:215px}.upload-label:focus-within{outline:3px solid var(--blue);outline-offset:5px}.photo-stage{min-height:400px;background:#dddccf;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden}.photo-illustration{position:relative;width:100%;height:400px;background:#dedbcf;overflow:hidden}.still-life-back{position:absolute;right:0;top:0;width:48%;height:100%;background:#c9d8c5}.still-life-circle{position:absolute;width:190px;height:190px;top:40px;left:50px;border-radius:50%;background:var(--yellow)}.still-life-pedestal{position:absolute;bottom:0;left:0;width:100%;height:100px;background:#c3a48b;transform:skewY(-8deg);transform-origin:left bottom}.still-life-vase{position:absolute;left:45%;bottom:57px;width:110px;height:200px;background:var(--red);border-radius:18px 18px 45% 45% / 20px 20px 20% 20%;transform:rotate(-8deg)}.still-life-vase:before{content:"";position:absolute;top:-6px;left:0;width:100%;height:16px;border-radius:50%;background:#ad3a28;border:6px solid var(--red)}.photo-reticle{position:absolute;left:51%;top:46%;width:56px;height:56px;border:1px solid #fff;display:flex;align-items:center;justify-content:center}.photo-reticle i{width:6px;height:6px;background:#fff;border-radius:50%}.photo-reticle span{font-family:"Courier New",monospace;font-size:11px;position:absolute;top:63px;left:0;background:var(--paper);padding:6px;color:var(--ink)}.illustration-label{position:absolute;left:20px;bottom:17px;font-size:9px}.photo-instruction{position:relative;margin:0;padding:13px 18px;background:var(--ink);color:#fff;width:100%;font-size:9px}#photo-canvas{display:block;max-width:100%;height:auto;cursor:crosshair;background:#fff}#photo-canvas:focus-visible{outline:3px solid var(--blue);outline-offset:-3px}.canvas-target{position:absolute;width:18px;height:18px;border:2px solid white;box-shadow:0 0 0 1px #111;pointer-events:none;transform:translate(-50%,-50%);z-index:2}.photo-selection{display:flex;align-items:center;gap:12px;margin-top:24px;flex-wrap:wrap}.mini-swatch{width:48px;height:48px;background:var(--red);border:1px solid #0002}.photo-selection strong{display:block;font-family:"Courier New",monospace;font-size:17px;margin-top:3px}.photo-selection .meta{font-size:9px}.photo-selection .text-link{font-size:11px;margin-left:5px}.text-link{display:inline-flex;align-items:center;gap:16px;min-height:44px;border:0;padding:4px 0;border-bottom:1px solid currentColor;font-size:13px;font-weight:600;background:transparent}.text-link:hover{color:var(--blue)}.palette-section{background:#eaece3;padding-top:66px;padding-bottom:59px}.palette-toolbar{display:flex;gap:30px;align-items:center;margin:12px 0 24px;font-size:12px}.palette-base,.scheme-label{display:flex;gap:13px;align-items:center}.palette-base input{width:44px;height:44px;padding:0;background:none;border:1px solid #aaa;cursor:pointer}.scheme-label select{padding:12px 28px 12px 13px;border:1px solid #aeb3a3;background:transparent;min-height:44px;color:var(--ink);font-size:12px}.palette-toolbar>.text-link{margin-left:auto;font-size:12px;border-bottom:0}.palette-swatches{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));min-height:275px}.palette-swatch{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:18px;min-width:0;color:var(--swatch-text);background:var(--swatch-color)}.palette-swatch .meta{font-size:10px}.palette-swatch .swatch-code{font-family:"Courier New",monospace;font-size:17px;font-weight:600;letter-spacing:-.4px}.palette-swatch input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.palette-swatch:focus-within{outline:3px solid #111;outline-offset:-6px;z-index:2}.palette-swatch .edit-mark{font-size:24px;align-self:flex-end;opacity:.65}.palette-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px}.palette-actions .fine-print{margin:0}.save-controls{display:flex;gap:10px}.save-controls input{max-width:200px;background:transparent;padding:14px;border:1px solid #b0b5a5;font-size:12px;min-height:50px}.save-controls .button{font-size:12px;min-height:50px}.saved-palettes{margin-top:35px;border-top:1px solid #adb3a1}.saved-palettes summary{cursor:pointer;font-size:14px;padding:18px 0;list-style:none;min-height:55px;display:flex;gap:12px;align-items:center}.saved-palettes summary::-webkit-details-marker{display:none}.saved-count{font-family:"Courier New",monospace;font-size:11px;border:1px solid #b0b5a5;border-radius:50%;min-width:23px;min-height:23px;display:inline-flex;align-items:center;justify-content:center}.summary-plus{font-size:22px;margin-left:auto}.saved-palettes[open] .summary-plus{transform:rotate(45deg)}.saved-palettes>.fine-print{margin:0 0 18px}.saved-row{display:flex;gap:15px;align-items:center;border-top:1px solid #c4c9ba;padding:14px 0;flex-wrap:wrap}.saved-mini{display:flex;width:130px;height:44px;border:0;padding:0}.saved-mini i{flex:1}.saved-row p{font-size:13px;margin:0;flex:1;min-width:100px;overflow-wrap:anywhere}.saved-row small{display:block;color:var(--muted);margin-top:4px}.saved-row>button:not(.saved-mini){border:0;min-height:44px;min-width:44px;font-size:12px}.app-intro .section-heading{margin-bottom:42px}.identify-grid,.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.identify-art{height:450px;background:#c3a48b;position:relative;overflow:hidden}.scene-circle{position:absolute;width:350px;height:350px;border-radius:50%;background:var(--red);top:35px;left:-110px}.scene-stem{width:40px;height:330px;background:var(--green);position:absolute;right:48px;top:64px;transform:rotate(18deg)}.phone{width:214px;height:376px;border:7px solid #20211d;position:absolute;top:35px;left:50%;transform:translateX(-50%) rotate(7deg);border-radius:29px;background:var(--red);box-shadow:12px 20px 40px #2223;overflow:hidden}.phone-island{position:absolute;width:65px;height:18px;top:7px;left:50%;transform:translateX(-50%);background:#20211d;border-radius:14px}.phone-top{display:flex;justify-content:space-between;font-size:10px;color:#fff;margin:40px 13px}.phone-viewfinder{position:absolute;left:55px;right:55px;top:125px;height:87px}.phone-viewfinder i{width:17px;height:17px;border-color:#fff;border-style:solid;position:absolute}.phone-viewfinder i:nth-child(1){border-width:1px 0 0 1px;top:0;left:0}.phone-viewfinder i:nth-child(2){border-width:1px 1px 0 0;top:0;right:0}.phone-viewfinder i:nth-child(3){border-width:0 0 1px 1px;bottom:0;left:0}.phone-viewfinder i:nth-child(4){border-width:0 1px 1px 0;bottom:0;right:0}.phone-result{position:absolute;bottom:14px;left:9px;right:9px;background:var(--paper);border-radius:9px;display:flex;gap:10px;padding:13px 9px;align-items:center}.phone-chip{width:32px;height:36px;background:var(--red)}.phone-result small{font-size:7px;letter-spacing:1px}.phone-result strong{display:block;font-family:"Courier New",monospace;font-size:14px;margin-top:4px}.phone-result>span:last-child{margin-left:auto}.feature-index{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px}.feature-copy h3,.secondary-features h3{font-size:43px;font-weight:500;line-height:1.04;letter-spacing:-2.5px;margin:0 0 21px}.feature-copy>p:not(.fine-print),.secondary-features article>p{font-size:14px;line-height:1.8;color:var(--muted);max-width:380px;margin-bottom:22px}.feature-copy .fine-print{max-width:330px;font-size:11px;margin-top:20px}.compare-grid{padding-block:75px}.compare-grid .feature-copy{padding-right:20px}.compare-art{background:#e7e8df;padding:33px}.compare-pair{display:flex;min-height:290px}.compare-pair>div{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:space-between;gap:30px;padding:18px;background:#c4cbb8;color:#191a18}.compare-pair>div+div{background:#b9c6b0}.compare-pair>div>span:last-child{font-family:"Courier New",monospace;font-size:15px}.compare-caption{display:flex;flex-direction:column;gap:10px;margin-top:20px;font-size:12px}.compare-caption .meta{font-size:9px;color:var(--muted)}.secondary-features{display:grid;grid-template-columns:1fr 1fr;gap:70px}.secondary-features article{border-top:1px solid var(--ink);padding-top:20px}.secondary-features .feature-index{min-height:27px}.history-strips{margin:28px 0 13px}.history-strips>div{display:flex;align-items:center;border-top:1px solid var(--line);gap:13px;min-height:59px;font-size:12px}.history-strips i{width:43px;height:43px}.history-strips span:last-child{margin-left:auto;font-family:"Courier New",monospace;font-size:10px;color:var(--muted)}.ar-room{height:208px;background:#c9d8c5;position:relative;overflow:hidden;margin-top:27px}.room-window{position:absolute;width:75px;height:90px;left:45px;top:25px;background:var(--paper);border:5px solid #eeeae1}.room-window:after{content:"";position:absolute;left:50%;top:0;bottom:0;width:3px;background:#bbbcb0}.room-art{position:absolute;top:25px;right:65px;width:60px;height:65px;background:var(--red);border:7px solid var(--paper)}.room-floor{position:absolute;left:0;bottom:0;width:100%;height:45px;background:#c3a48b}.room-chair{position:absolute;left:45%;bottom:30px;width:110px;height:62px;background:var(--green);border-radius:20px 20px 0 0}.room-chair:before,.room-chair:after{content:"";position:absolute;bottom:-22px;height:22px;width:5px;background:var(--ink)}.room-chair:before{left:10px}.room-chair:after{right:10px}.ar-room>.meta{position:absolute;bottom:10px;right:12px;font-size:8px}.download-section{background:var(--yellow);padding-block:29px 58px;overflow:hidden}.download-top{display:flex;justify-content:space-between;gap:20px;padding-bottom:30px;border-bottom:1px solid #191a1855}.download-grid{display:grid;grid-template-columns:1fr .5fr;gap:70px;align-items:center;padding-top:45px}.download-grid h2{font-size:clamp(48px,5.7vw,78px)}.download-dot{color:var(--red)}.download-grid p{font-size:15px;margin:22px 0 26px}.store-buttons{display:flex;gap:12px;flex-wrap:wrap}.store-badge{display:flex;gap:13px;align-items:center;background:var(--ink);color:#fff;padding:12px 15px;min-height:66px;min-width:202px;transition:transform .2s,background .2s}.store-badge:hover{background:#33382e;transform:translateY(-3px)}.store-badge svg{width:24px;height:29px;flex-shrink:0}.store-badge small{display:block;font-size:9px;line-height:1.4}.store-badge strong{font-size:20px;letter-spacing:-.4px;line-height:1.2;display:block;font-weight:500}.store-arrow{margin-left:auto;font-size:19px}.download-grid .download-fine{font-size:10px;line-height:1.5;margin:17px 0 0}.download-symbol{aspect-ratio:1;display:grid;grid-template-columns:1fr 1fr;max-width:260px;width:100%;justify-self:end;transform:rotate(-12deg)}.download-symbol div{background:var(--red);border-radius:50% 50% 0 50%}.download-symbol div:nth-child(2){transform:rotate(90deg)}.download-symbol div:nth-child(3){transform:rotate(-90deg)}.download-symbol div:nth-child(4){transform:rotate(180deg)}.site-footer{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-top:40px;padding-bottom:20px}.footer-brand{font-size:18px}.footer-brand .brand-mark{width:27px;height:28px}.footer-brand .brand-mark i{width:9px;height:22px}.footer-brand .brand-mark i:nth-child(2){height:28px}.footer-brand .brand-mark i:nth-child(3){height:17px}.site-footer>p{grid-column:1;font-size:12px;color:var(--muted);margin:0}.site-footer nav{display:flex;gap:27px;justify-content:flex-end;align-items:center;grid-column:2;grid-row:1 / 3;font-size:12px}.site-footer nav a{min-height:44px;display:flex;align-items:center}.footer-bottom{grid-column:1 / -1;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:18px;margin-top:20px;font-size:9px;color:var(--muted)}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,15px);background:var(--ink);color:#fff;padding:15px 22px;font-size:13px;z-index:10;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:calc(100% - 40px);text-align:center;line-height:1.5}.toast.visible{opacity:1;transform:translate(-50%,0)}.motion-paused *{animation-play-state:paused!important}.legal-main{min-height:65vh;padding-top:65px;padding-bottom:90px}.legal-main h1{font-size:clamp(55px,7vw,95px);font-weight:500;letter-spacing:-.06em;margin:30px 0}.legal-main .legal-copy{max-width:680px;border-top:1px solid var(--ink);padding-top:25px;font-size:16px;line-height:1.8}.legal-copy h2{font-size:27px;letter-spacing:-1px;margin:35px 0 15px}.legal-copy a:not(.button){text-decoration:underline;text-underline-offset:4px}.legal-copy .button{margin-top:20px}.draft-notice{padding:15px 20px;background:#eaece3;font-size:13px}.press-brand{display:block;width:100px;height:100px;margin:25px 0}.legal-nav{border-block:1px solid var(--line);padding:12px 0;display:flex;gap:25px;flex-wrap:wrap;margin-top:30px;font-size:13px}.legal-nav a{padding-block:10px;min-height:44px}.legal-nav a[aria-current]{font-weight:700}
@keyframes breathe{0%,100%{transform:scale(1) translateY(0)}50%{transform:scale(.85) translateY(8px)}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes square-turn{0%,20%,100%{transform:rotate(0)}45%,70%{transform:rotate(90deg)}}@keyframes arch-sway{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}
@media(min-width:1600px){:root{--gutter:70px}.hero h1{font-size:102px}.hero-copy{padding-top:20px}.hero-art{aspect-ratio:1.09}}
@media(max-width:1050px){:root{--gutter:32px}.main-nav{gap:24px}.hero-grid{gap:25px}.hero h1{font-size:clamp(58px,7.8vw,80px)}.hero-copy>p{font-size:14px}.hero-top,.hero-bottom{font-size:9px}.hero-art{aspect-ratio:.99}.hero-copy{padding-top:0}.art-label{font-size:8px;left:13px;top:13px}.section{padding-top:65px;padding-bottom:65px}.section-heading>p{font-size:13px;max-width:310px}.converter-grid{gap:26px}.color-sample{min-height:360px}.sample-bottom>span{font-size:30px}.photo-section{padding-top:10px}.photo-grid,.identify-grid,.compare-grid,.secondary-features{gap:40px}.photo-stage,.photo-illustration{min-height:370px;height:370px}.still-life-circle{left:20px;width:150px;height:150px}.photo-copy h2{font-size:48px}.palette-swatch{padding:15px}.palette-swatch .swatch-code{font-size:14px}.palette-actions{align-items:flex-start}.palette-actions>.fine-print{max-width:180px}.save-controls input{max-width:155px}.feature-copy h3,.secondary-features h3{font-size:37px}.identify-art{height:420px}.compare-art{padding:25px}.compare-pair{min-height:260px}.feature-index{font-size:10px}.feature-index .tag{font-size:8px}.site-footer nav{gap:20px}.download-grid{gap:30px}}
@media(max-width:760px){:root{--gutter:22px;scroll-padding-top:15px}.site-header{min-height:82px}.brand{font-size:17px}.brand-mark{width:31px;height:32px}.brand-mark i{width:11px;height:25px}.brand-mark i:nth-child(2){height:32px}.brand-mark i:nth-child(3){height:20px}.menu-toggle{display:flex;gap:20px;align-items:center;min-height:44px;padding:8px 0 8px 15px;border:0;font-size:12px}.menu-toggle span{font-size:24px}.main-nav{display:none;position:absolute;left:0;right:0;top:82px;background:var(--paper);padding:20px var(--gutter);border-bottom:1px solid var(--ink);z-index:8;gap:14px;flex-direction:column;align-items:stretch}.main-nav.open{display:flex}.main-nav .button{justify-content:space-between}.hero-top{font-size:8px;padding:23px 0}.hero-top span:last-child{display:none}.hero-grid{grid-template-columns:1fr;gap:28px}.hero-copy{padding:0}.hero h1{font-size:clamp(65px,12.5vw,91px);margin-bottom:22px;line-height:.97}.hero h1 br:nth-of-type(2){display:none}.hero h1 .outlined{display:inline-block;margin-left:.12em}.hero-dot{width:14px;height:14px}.hero-copy>p{font-size:14px;max-width:350px}.hero-copy .button{width:auto;min-width:240px}.hero-note{margin-top:13px}.hero-art{aspect-ratio:1.2;width:100%;max-width:650px}.art-label{font-size:9px;left:15px;top:14px}.hero-bottom{padding-block:22px 24px;font-size:8px;align-items:center}.hero-bottom>span{max-width:145px}.hero-bottom a{gap:12px}.color-ribbon{height:44px}.section{padding-top:53px;padding-bottom:53px}.section-top{font-size:9px;margin-bottom:25px;padding-top:14px}.section-top .tag{font-size:8px}.section-heading{display:block;margin-bottom:28px}h2{font-size:45px}.section-heading>p{margin-top:20px;font-size:13px;max-width:350px}.desktop-break{display:none}.converter-grid{grid-template-columns:1fr;gap:27px}.color-sample{min-height:290px;padding:21px}.sample-bottom>span{font-size:38px}.sample-cross{font-size:70px}.control-header h3{font-size:18px}.control-header{margin-bottom:17px}.field{padding:10px 11px}.format-field{flex-basis:88px}.field input,.field select{font-size:14px}.convert-submit{flex-basis:52px}.value-row output{font-size:14px}.value-row{gap:12px;min-height:54px}.photo-section{padding-top:5px}.photo-grid{grid-template-columns:1fr;gap:28px}.photo-copy h2{font-size:45px}.photo-copy>p:not(.fine-print){margin-block:20px}.photo-stage,.photo-illustration{min-height:360px;height:auto}.photo-illustration{height:360px}.photo-stage #photo-canvas{width:100%;height:auto;}.photo-stage:has(canvas:not([hidden])){min-height:0}.photo-stage .photo-instruction{font-size:8px;line-height:1.6}.palette-toolbar{gap:12px;flex-wrap:wrap;justify-content:space-between;font-size:11px}.palette-base,.scheme-label{gap:8px}.scheme-label select{font-size:11px;padding-left:9px;padding-right:20px}.palette-toolbar>.text-link{margin-left:0;font-size:11px;min-height:44px;width:100%;justify-content:space-between;border-top:1px solid #c4c9ba}.palette-swatches{min-height:230px}.palette-swatch{padding:12px 7px}.palette-swatch .swatch-code{font-size:10px;writing-mode:vertical-rl;letter-spacing:.03em}.palette-swatch .meta{font-size:8px}.palette-swatch .edit-mark{font-size:17px}.palette-actions{display:block;margin-top:16px}.palette-actions>.fine-print{max-width:none;font-size:11px;margin-bottom:17px}.save-controls{width:100%;gap:8px}.save-controls input{flex:1;min-width:0;max-width:none;width:50%;font-size:11px;padding:12px}.save-controls .button{padding:13px;gap:14px;font-size:11px}.saved-mini{width:100px;height:40px}.app-intro .section-top>span:last-child{display:none}.app-intro .section-heading{margin-bottom:30px}.identify-grid,.compare-grid{grid-template-columns:1fr;gap:27px}.identify-art{height:410px}.phone{top:27px;height:356px;width:205px}.feature-index{margin-bottom:20px}.feature-copy h3,.secondary-features h3{font-size:40px;letter-spacing:-2px;margin-bottom:18px}.feature-copy>p:not(.fine-print),.secondary-features article>p{max-width:100%;font-size:13px}.compare-grid{padding-block:50px}.compare-grid .feature-copy{padding-right:0;order:2}.compare-grid .compare-art{order:1;padding:23px}.compare-pair{min-height:270px}.secondary-features{grid-template-columns:1fr;gap:43px}.history-strips span:last-child{font-size:10px}.ar-room{height:220px}.download-section{padding-top:24px;padding-bottom:38px}.download-top{font-size:8px;padding-bottom:22px;align-items:center}.download-top span:last-child{max-width:110px;text-align:right}.download-grid{grid-template-columns:1fr;padding-top:32px;gap:25px}.download-grid h2{font-size:49px;letter-spacing:-3px}.download-grid p{font-size:13px;margin-block:20px}.store-buttons{gap:9px}.store-badge{flex:1;min-width:145px;padding:11px;gap:9px;min-height:64px}.store-badge svg{width:21px;height:25px}.store-badge small{font-size:8px}.store-badge strong{font-size:17px;letter-spacing:-.5px}.store-arrow{display:none}.download-symbol{display:none}.download-grid .download-fine{font-size:9px}.site-footer{grid-template-columns:1fr;padding-top:30px;gap:16px}.footer-brand{font-size:17px}.site-footer>p{font-size:11px}.site-footer nav{grid-column:1;grid-row:auto;justify-content:flex-start;gap:24px;flex-wrap:wrap;font-size:11px}.footer-bottom{font-size:8px;margin-top:2px;align-items:center}.footer-bottom span:last-child{text-align:right;max-width:130px}.legal-main{padding-top:35px;padding-bottom:60px}.legal-main h1{font-size:58px}.legal-main .legal-copy{font-size:14px}.legal-nav{gap:20px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-art .disc{transform:none}.motion-button{display:none}}

/* Ready-to-use photo workspace: stable text panel beside the sampled image. */
.photo-workspace{display:grid;grid-template-columns:1.25fr 1fr;gap:36px;align-items:start}
.photo-workspace .photo-stage{min-height:0;height:auto;justify-content:flex-start;align-items:stretch;background:#dedbcf}
.photo-workspace #photo-canvas,.photo-placeholder{display:block;width:100%;height:auto;max-height:none}
.photo-workspace .photo-instruction{font-size:9px;line-height:1.7;padding:12px 16px}
.photo-workspace .canvas-target{width:28px;height:28px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px #191a1877,0 2px 9px #0006;background:transparent}
.photo-workspace .canvas-target:after{content:"";position:absolute;left:50%;top:50%;width:4px;height:4px;border-radius:50%;background:#fff;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #191a1877}
.photo-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:15px}
.photo-toolbar .upload-label{min-width:190px;min-height:49px;padding:12px 18px}
.photo-toolbar .text-link{font-size:11px;gap:12px;border-bottom:0}
.photo-file-note{max-width:580px;font-size:11px}
.photo-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px}
.photo-panel-heading h3{font-size:21px;font-weight:500;letter-spacing:-.7px;margin:0}
.photo-panel-heading .meta{font-size:8px;color:var(--muted);text-align:right}
.photo-selected-swatch{min-height:156px;padding:20px;position:relative;display:flex;flex-direction:column;justify-content:space-between;background:#e7e8df;color:var(--ink)}
.photo-selected-swatch>.meta{font-size:9px}
.photo-selected-swatch strong{font-size:37px;font-weight:500;letter-spacing:-1.6px;line-height:1.15}
.swatch-point{position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:45px;font-weight:400;opacity:.6}
.photo-values{margin-top:17px}
.photo-values .value-row{min-height:58px;gap:12px}
.photo-values .value-row output{font-size:15px}
.photo-convert-button{width:100%;margin-top:20px;min-height:51px}
.photo-color-panel>.fine-print{font-size:11px;margin-top:13px}
.photo-image-code{position:absolute;left:14px;bottom:55px;background:var(--paper);color:var(--ink);font-family:"Courier New",monospace;font-size:13px;font-weight:600;letter-spacing:.02em;padding:9px 12px;box-shadow:0 1px 5px #191a1822;pointer-events:none}
@media(max-width:1050px){.photo-workspace{grid-template-columns:1.15fr 1fr;gap:26px}.photo-panel-heading{align-items:flex-start;flex-direction:column;gap:8px}.photo-panel-heading .meta{text-align:left}.photo-selected-swatch{min-height:130px}.photo-toolbar .upload-label{min-width:165px}.photo-values .value-row output{font-size:13px}.photo-workspace .photo-instruction{font-size:8px}}
@media(max-width:760px){.photo-workspace{grid-template-columns:1fr;gap:27px}.photo-panel-heading{flex-direction:row;align-items:center;gap:15px}.photo-panel-heading h3{font-size:21px}.photo-panel-heading .meta{text-align:right;font-size:8px}.photo-selected-swatch{min-height:150px}.photo-selected-swatch strong{font-size:38px}.photo-toolbar{gap:10px}.photo-toolbar .upload-label{min-width:0;padding:12px 15px;gap:20px;font-size:12px}.photo-toolbar .text-link{font-size:11px;gap:8px}.photo-workspace .photo-instruction{font-size:8px;padding:12px;letter-spacing:.01em}.photo-values .value-row output{font-size:15px}.photo-file-note{font-size:11px}.photo-color-panel>.fine-print{margin-top:12px}}

/* Actual app screenshots and one shared browser playground. */
.app-hero-art{display:flex;align-items:center;justify-content:center;background:var(--yellow);aspect-ratio:1.12;min-height:500px;isolation:isolate}
.hero-blue-disc{position:absolute;width:88%;aspect-ratio:1;left:-33%;top:4%;background:var(--blue);border-radius:50%;animation:breathe 16s ease-in-out infinite;z-index:-1}
.hero-red-block{position:absolute;right:-7%;top:7%;width:44%;aspect-ratio:1;background:var(--red);border-radius:50% 50% 0 0;animation:arch-sway 18s ease-in-out infinite;z-index:-1}
.hero-green-band{position:absolute;right:-11%;bottom:-20%;height:56%;width:80%;background:var(--green);transform:rotate(-19deg);z-index:-1}
.store-interface{position:relative;overflow:hidden;overflow:clip;width:260px;max-width:100%;aspect-ratio:3/5;background:white}
.store-interface img{display:block;position:absolute;top:0;left:0;width:100%;height:auto;transform:translateY(-23.076923%)}
.hero-store-interface{width:260px;box-shadow:12px 20px 30px #191a182b;z-index:1}
.hero-shot-caption{position:absolute;bottom:15px;left:17px;background:var(--paper);padding:7px 10px;font-size:8px;z-index:2}
.playground-section{padding-bottom:65px}
.tool-tabs{display:flex;border:1px solid var(--ink);margin-bottom:29px}
.tool-tabs [role=tab]{display:flex;align-items:center;justify-content:space-between;gap:20px;flex:1;min-width:0;padding:20px 22px;min-height:65px;border:0;font-size:15px;font-weight:500;background:transparent}
.tool-tabs [role=tab]+[role=tab]{border-left:1px solid var(--ink)}
.tool-tabs [role=tab][aria-selected=true]{background:var(--ink);color:white}
.tool-tabs [role=tab]:not([aria-selected=true]):hover{background:#e5e8dd}
.tool-tabs [role=tab]>.meta{font-size:10px;opacity:.7}
.tool-tabs [role=tab]>span:last-child{margin-left:auto;font-size:20px}
.tool-panel{outline-offset:8px;scroll-margin-top:30px}
.tool-panel-intro{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:23px}
.tool-panel-intro h3{font-size:20px;letter-spacing:-.6px;font-weight:500;margin:0}
.tool-panel-intro p{font-size:12px;color:var(--muted);line-height:1.65;margin:0;max-width:390px}
.tool-panel .photo-workspace{gap:30px}
.tool-panel .palette-toolbar{margin-top:0}
.tool-panel .palette-swatches{min-height:315px}
.playground-footnote{display:flex;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line);margin-top:36px;padding-bottom:22px;font-size:9px;color:var(--muted)}
.app-story-section{padding-top:15px}
.app-story-section>.section-heading{margin-bottom:45px}
.feature-story{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding:44px 0;border-top:1px solid var(--line)}
.feature-story.reverse .app-feature-art{order:2}.feature-story.reverse .feature-story-copy{order:1}
.app-feature-art{margin:0;min-height:490px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:30px;position:relative;overflow:hidden}
.app-feature-art .store-interface{width:248px;box-shadow:8px 12px 25px #191a1818}
.app-feature-art figcaption{font-size:8px;letter-spacing:.03em;color:var(--ink);text-align:center;background:var(--paper);padding:6px 8px;max-width:100%}
.art-cobalt{background:#cbd7ee}.art-sand{background:#dac7b2}.art-pink{background:#e7c7d3}.art-sage{background:#d5dfbe}.art-yellow{background:var(--yellow)}
.feature-story-copy h3{font-size:clamp(34px,3.4vw,47px);font-weight:500;line-height:1.05;letter-spacing:-2.4px;margin:0 0 22px}
.feature-story-copy>p{font-size:15px;line-height:1.8;color:var(--muted);margin:0 0 25px;max-width:430px}
.feature-explanation{margin:0 0 22px}
.feature-explanation>div{border-top:1px solid var(--line);padding:15px 0}
.feature-explanation dt{font-family:"Courier New",monospace;font-size:9px;font-weight:600;letter-spacing:.05em;margin-bottom:8px}
.feature-explanation dd{font-size:13px;color:var(--muted);line-height:1.8;margin:0;max-width:420px}
.app-feature-art .converter-interface{width:100%;max-width:390px;aspect-ratio:600/450}
.converter-interface img{transform:translateY(-23.076923%)}
.app-capture-note{border-top:1px solid var(--line);padding-top:20px;margin-bottom:50px;font-size:11px}
.preview-stories{display:grid;grid-template-columns:1fr 1fr;gap:45px}
.preview-story{border-top:1px solid var(--ink);padding-top:20px}
.preview-story h3{font-size:34px;font-weight:500;line-height:1.05;letter-spacing:-1.8px;margin:23px 0 17px}
.preview-story>p{font-size:14px;color:var(--muted);line-height:1.8}
.preview-story>.fine-print{font-size:11px}
.preview-story .compare-art{padding:20px;margin-top:0}
.preview-story .compare-pair{min-height:210px}
.preview-story .ar-room{height:278px;margin:0}
@media(max-width:1050px){.app-hero-art{min-height:470px}.hero-store-interface{width:235px}.hero-shot-caption{font-size:7px;left:10px;bottom:14px}.app-hero-art .motion-button{right:8px;font-size:8px;padding:8px}.feature-story{gap:42px}.app-feature-art{padding:25px;min-height:460px}.app-feature-art .store-interface{width:225px}.feature-story-copy>p{font-size:14px}.feature-explanation dd{font-size:12px}.tool-tabs [role=tab]{padding:17px 18px;gap:14px;font-size:13px}.tool-panel-intro{align-items:flex-start}.tool-panel-intro p{max-width:300px}}
@media(max-width:760px){.app-hero-art{aspect-ratio:auto;min-height:470px;height:470px}.hero-store-interface{width:235px}.hero-shot-caption{font-size:7px;left:12px;bottom:14px}.hero-blue-disc{left:-29%;width:92%}.hero-red-block{top:9%}.app-hero-art .motion-button{right:10px;bottom:10px;font-size:8px}.tool-tabs{margin-bottom:23px}.tool-tabs [role=tab]{min-height:59px;padding:15px 10px;font-size:12px;gap:7px;flex-wrap:wrap;justify-content:flex-start}.tool-tabs [role=tab]>.meta{font-size:8px}.tool-tabs [role=tab]>span:last-child{font-size:16px;display:none}.tool-panel-intro{display:block}.tool-panel-intro h3{font-size:21px;margin-bottom:12px}.tool-panel-intro p{font-size:13px;max-width:none}.tool-panel .photo-workspace{gap:26px}.tool-panel .palette-swatches{min-height:255px}.playground-footnote{font-size:8px;align-items:center;gap:22px}.playground-footnote>span{max-width:155px}.playground-footnote>span:last-child{text-align:right}.app-story-section{padding-top:4px}.app-story-section>.section-top>span:last-child{display:none}.feature-story{grid-template-columns:1fr;gap:27px;padding-block:33px}.feature-story.reverse .app-feature-art,.feature-story.reverse .feature-story-copy{order:initial}.app-feature-art{min-height:435px;padding:25px 20px;gap:18px}.app-feature-art .store-interface{width:220px}.feature-story-copy h3{font-size:39px;letter-spacing:-2px}.feature-story-copy>p{font-size:15px}.feature-explanation dd{font-size:14px}.feature-explanation dt{font-size:10px}.feature-explanation>div{padding-block:15px}.feature-story-copy .feature-index{font-size:10px}.app-feature-art .converter-interface{max-width:100%}.preview-stories{grid-template-columns:1fr;gap:33px}.preview-story h3{font-size:34px}.preview-story>p{font-size:15px}.preview-story>.fine-print{font-size:12px}.preview-story .ar-room{height:250px}}

/* Search-led pages retain the bureau grid and keep long-form reading on neutral surfaces. */
.main-nav{gap:23px}.hero-downloads{gap:10px;flex-wrap:wrap;margin:0 0 14px}.hero-downloads .store-badge{min-width:174px;padding:13px 17px}.hero-copy>.hero-purchase-note{font-size:11px;line-height:1.6;margin-bottom:12px;max-width:370px}.hero-free-link{min-height:44px;display:inline-flex;align-items:center;gap:24px}.store-letter{font-size:28px;line-height:1}.download-strip{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;padding-block:44px 15px;align-items:center;scroll-margin-top:20px}.download-strip h2{font-size:32px;letter-spacing:-1.3px;line-height:1.1;margin:12px 0}.download-strip>div>p{font-size:14px;color:var(--muted);line-height:1.7;margin:0}.download-strip-actions{display:flex;flex-wrap:wrap;gap:10px}.download-strip-actions .button{flex:1;gap:15px;min-width:190px}.download-strip-actions>.fine-print{width:100%;font-size:10px;margin-top:0}.how-section{padding-top:35px;padding-bottom:30px}.how-steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding:0;margin:0}.how-steps li{border-top:1px solid var(--line);padding-top:24px}.how-steps h3{font-size:28px;font-weight:500;letter-spacing:-1.1px;line-height:1.1;margin:22px 0 15px}.how-steps p{font-size:15px;line-height:1.8;color:var(--muted)}.how-steps a{font-size:13px;font-weight:600;display:inline-flex;min-height:44px;align-items:center;text-decoration:underline;text-underline-offset:5px}.seo-guides{padding-bottom:30px}.guide-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.guide-card{display:flex;flex-direction:column;border:1px solid var(--line);padding:28px 25px;min-width:0;transition:background .2s,border-color .2s}.guide-card:nth-child(3n+1){border-top:5px solid var(--blue)}.guide-card:nth-child(3n+2){border-top:5px solid var(--red)}.guide-card:nth-child(3n){border-top:5px solid var(--green)}.guide-card:hover{background:#e9e9df;border-color:var(--ink)}.guide-card>.meta{color:var(--muted);font-size:10px;text-transform:uppercase}.guide-card h3{font-size:25px;font-weight:500;letter-spacing:-1px;line-height:1.12;margin:25px 0 15px}.guide-card p{font-size:14px;color:var(--muted);line-height:1.75;margin:0 0 20px}.guide-card-action{margin-top:auto;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px;font-weight:600}.all-guides-link{display:inline-flex;min-height:48px;align-items:center;margin-top:24px;gap:20px}.faq-list{border-bottom:1px solid var(--ink);max-width:1100px}.faq-list details{border-top:1px solid var(--ink)}.faq-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:23px 0;cursor:pointer;font-size:20px;line-height:1.4;letter-spacing:-.4px;min-height:70px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font-size:30px;font-weight:400}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-answer{padding:0 50px 22px 0;max-width:850px}.faq-answer p{font-size:16px;line-height:1.8;color:var(--muted);margin:0 0 10px}.faq-answer .text-link{display:inline-flex;align-items:center;min-height:44px;gap:20px}.site-footer nav{flex-wrap:wrap}
.guide-nav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:600}.guide-nav>a{display:flex;align-items:center;min-height:44px}.breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:13px;color:var(--muted);font-size:12px;padding-top:24px}.breadcrumbs a{min-height:44px;display:inline-flex;align-items:center}.breadcrumbs a:hover{text-decoration:underline}.guide-heading{padding-block:36px 40px;border-bottom:1px solid var(--ink)}.guide-heading h1{font-size:clamp(42px,5.4vw,76px);line-height:1.04;letter-spacing:-.065em;font-weight:500;max-width:1070px;margin:25px 0}.guide-deck{font-size:20px;line-height:1.65;max-width:810px;color:#484c44;margin:0 0 20px}.guide-byline{font-size:12px;line-height:1.6;color:var(--muted);margin:0}.guide-layout{display:grid;grid-template-columns:255px minmax(0,740px);gap:70px;padding-block:45px 65px;justify-content:space-between}.guide-sidebar{min-width:0}.guide-sidebar nav{display:flex;flex-direction:column;align-items:flex-start;padding-bottom:24px;border-bottom:1px solid var(--line)}.guide-sidebar nav>.meta{margin-bottom:18px}.guide-sidebar nav>a{display:flex;align-items:center;min-height:44px;font-size:13px;line-height:1.45;padding-block:9px;color:var(--muted)}.guide-sidebar a:hover{text-decoration:underline;text-underline-offset:4px}.guide-side-download{padding-top:28px}.guide-side-download>strong{font-size:20px;font-weight:500;line-height:1.35;display:block;margin-bottom:22px}.guide-side-download .store-buttons{display:flex;flex-direction:column;gap:10px;margin:0}.guide-side-download .store-badge{min-width:0;width:100%}.guide-side-download>p{font-size:11px;color:var(--muted);line-height:1.7}.guide-prose{min-width:0;font-size:17px;line-height:1.8}.guide-prose p{margin:0 0 20px}.guide-prose h2{font-size:34px;letter-spacing:-1.4px;line-height:1.12;margin:0 0 24px}.guide-prose h3{font-size:22px;letter-spacing:-.6px;line-height:1.3;font-weight:500;margin:25px 0 12px}.guide-prose section{scroll-margin-top:30px;margin-bottom:44px}.guide-prose li{padding-left:7px;margin-bottom:15px}.guide-prose ul,.guide-prose ol{padding-left:24px}.guide-answer{background:#e5e9dd;padding:28px 30px;border-left:5px solid var(--green)}.guide-answer>.meta{display:block;margin-bottom:16px}.guide-answer>p{font-size:19px;line-height:1.7;margin:0}.guide-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin:-15px 0 44px}.guide-actions>.text-link{min-height:44px;display:inline-flex;align-items:center;font-size:14px}.guide-steps{padding:0 0 0 25px}.guide-steps li{padding-left:8px}.guide-steps li::marker{font-weight:600;color:var(--green)}.guide-example{white-space:pre-wrap;overflow-wrap:anywhere;background:#e8e7df;border-left:4px solid var(--blue);padding:24px;font:15px/1.8 "Courier New",monospace;margin-top:24px}.guide-figure{margin:30px 0 45px;padding:30px;background:#d5dfbe;display:flex;flex-direction:column;align-items:center;gap:22px}.guide-figure>img{max-width:100%;height:auto}.guide-figure .store-interface{width:255px}.guide-figure figcaption{font-size:12px;line-height:1.7;color:#3d4737;text-align:center;max-width:480px}.guide-app-cta{background:#e8e3da;padding:30px;margin-top:30px}.guide-app-cta h3{margin-top:0}.guide-app-cta .store-buttons{gap:10px;flex-wrap:wrap}.guide-app-cta .store-badge{min-width:180px;padding:14px 18px}.guide-app-cta>.fine-print{font-size:12px;margin-bottom:0}.guide-question{border-top:1px solid var(--line);padding-top:4px}.guide-prose .guide-sources{font-size:13px;color:var(--muted)}.guide-prose .guide-sources h2{font-size:25px}.guide-sources a{text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere;display:inline-block;padding-block:8px}.guide-related{padding-bottom:70px}.guide-related>h2{font-size:42px;margin-bottom:35px}.guide-hub{padding-bottom:80px}.guide-hub>.guide-heading{margin-bottom:40px}.guide-hub-cta{margin-top:55px;border-top:1px solid var(--ink);padding-top:35px;display:flex;align-items:center;gap:25px;flex-wrap:wrap}.guide-hub-cta h2{font-size:36px;margin-right:auto}.guide-hub-cta>.text-link{min-height:44px;display:inline-flex;align-items:center;font-size:14px}
@media(max-width:1100px){.main-nav{gap:16px;font-size:12px}.main-nav>a:first-child>span{display:none}.guide-layout{grid-template-columns:220px minmax(0,1fr);gap:40px}.guide-card-grid{gap:17px}.guide-card{padding:23px 20px}.download-strip{gap:25px}.hero-downloads .store-badge{min-width:155px;padding-inline:14px}.hero-downloads .store-badge strong{font-size:17px}}
@media(max-width:900px){.main-nav{gap:12px}.main-nav>a[href="#how-it-works"]{display:none}.guide-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.how-steps{gap:22px}.how-steps h3{font-size:24px}.download-strip{grid-template-columns:1fr}.guide-layout{grid-template-columns:190px minmax(0,1fr);gap:30px}.guide-prose{font-size:16px}}
@media(max-width:760px){.main-nav>a[href="#how-it-works"]{display:flex}.hero-downloads{gap:8px}.hero-downloads .store-badge{min-width:0;flex:1;padding:14px 13px;justify-content:flex-start}.hero-copy>.hero-purchase-note{font-size:11px;margin-bottom:9px}.hero-copy>p{font-size:16px}.download-strip{padding-block:32px 0;gap:23px}.download-strip h2{font-size:29px}.download-strip-actions .button{min-width:0;flex-basis:100%;justify-content:space-between}.download-strip-actions>.fine-print{font-size:11px}.how-section{padding-top:10px}.how-steps{grid-template-columns:1fr;gap:25px}.how-steps h3{font-size:29px;margin:16px 0 12px}.how-steps p{font-size:16px;margin-bottom:6px}.guide-card-grid{grid-template-columns:1fr;gap:18px}.guide-card{padding:24px}.guide-card h3{font-size:28px;margin-top:18px}.guide-card p{font-size:15px}.guide-card>.meta{font-size:10px}.seo-guides{padding-top:45px}.seo-faq{padding-top:45px}.faq-list summary{font-size:18px;letter-spacing:-.3px;gap:20px;padding-block:21px}.faq-answer{padding-right:0}.faq-answer p{font-size:16px}.guide-nav{gap:15px;font-size:12px}.guide-nav .button{padding:12px;gap:10px}.guide-nav>a:first-child{display:none}.breadcrumbs{padding-top:13px;gap:10px}.guide-heading{padding-block:24px 28px}.guide-heading h1{font-size:44px;letter-spacing:-2.5px;overflow-wrap:break-word;margin-block:22px}.guide-deck{font-size:18px;line-height:1.65}.guide-layout{display:flex;flex-direction:column;gap:35px;padding-top:28px;padding-bottom:35px}.guide-prose{order:0;font-size:17px}.guide-sidebar{order:1;border-top:1px solid var(--ink);padding-top:25px}.guide-sidebar nav{display:none}.guide-side-download{padding-top:0}.guide-side-download .store-buttons{flex-direction:row;flex-wrap:wrap}.guide-side-download .store-badge{min-width:0;flex:1;padding-inline:12px}.guide-side-download .store-letter{display:none}.guide-prose h2{font-size:29px;letter-spacing:-1.1px}.guide-answer{padding:22px 23px}.guide-answer>p{font-size:18px}.guide-actions{gap:14px;margin-bottom:35px}.guide-prose section{margin-bottom:35px}.guide-prose h3{font-size:22px}.guide-example{padding:20px;font-size:14px}.guide-figure{padding:24px 20px}.guide-figure .store-interface{width:230px}.guide-app-cta{padding:24px 20px}.guide-app-cta .store-buttons{flex-direction:column}.guide-app-cta .store-badge{width:100%;justify-content:flex-start}.guide-related>h2{font-size:36px}.guide-hub-cta{align-items:flex-start;flex-direction:column;gap:20px}.guide-hub-cta h2{font-size:33px}.guide-hub{padding-bottom:50px}.site-footer nav{row-gap:8px}}
/* Keep the visual hierarchy without decorative microcopy. */
.hero-grid{padding-top:42px;padding-bottom:36px}.feature-name{font-size:15px!important;font-weight:600;color:var(--ink)!important;letter-spacing:0;margin:0 0 17px!important;text-transform:none}.feature-explanation dt{font-family:Arial,Helvetica,sans-serif;font-size:12px;letter-spacing:0;text-transform:none}.hero-copy>.hero-purchase-note,.download-strip-actions>.fine-print,.download-fine,.app-capture-note{font-size:13px;line-height:1.65}.photo-file-note,.tool-panel .fine-print{font-size:13px;line-height:1.65}.guide-card h3{margin-top:0}.how-steps h3{margin-top:0}.section-top:has(>a:only-child){justify-content:flex-end}.section-top:has(>.tag:only-child){justify-content:flex-end}
@media(max-width:760px){.hero-grid{padding-top:30px;padding-bottom:26px}.hero-copy>.hero-purchase-note,.download-strip-actions>.fine-print,.download-fine,.app-capture-note{font-size:13px}.feature-name{font-size:15px!important}}
@media(max-width:760px){.hero h1 .outlined{margin-left:.06em}}
/* Original material photography stays within screenshot figures, away from copy. */
.app-feature-art[class*="material-"]{background-size:cover;background-position:center;background-repeat:no-repeat;gap:0}
.material-paint{background-image:url('materials/paint.jpg')}
.material-photo-paper{background-image:url('materials/photo-paper.jpg')}
.material-print-paper{background-image:url('materials/print-paper.jpg')}
.material-fabric{background-image:url('materials/fabric.jpg')}
.material-cardboard{background-image:url('materials/cardboard.jpg')}

/* Official store artwork: preserve intrinsic proportions and clear space. */
a.store-badge,
:is(.hero-downloads,.guide-side-download,.guide-app-cta,.download-strip-actions,.store-buttons) a.store-badge{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:max-content;max-width:100%;min-width:0;min-height:48px;padding:0;border:0;background:transparent;color:inherit;gap:0;transition:none}
a.store-badge:hover{background:transparent;transform:none}
a.store-badge img{display:block;width:auto;height:48px;max-width:100%;object-fit:contain}
.store-buttons,.hero-downloads,.guide-side-download .store-buttons,.guide-app-cta .store-buttons{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:24px;padding-block:12px}
.download-strip-actions{align-items:center;column-gap:24px;row-gap:12px;padding-block:12px}
.guide-actions>.store-buttons{margin:0}
@media(max-width:760px){
 :root{--gutter:22px}
 .site-header{gap:16px}.main-nav{max-height:calc(100dvh - 82px);overflow-y:auto}
 .hero h1{font-size:clamp(52px,15.5vw,72px);line-height:1;letter-spacing:-.06em}
 .hero h1 br{display:block}.hero h1 .outlined{margin-left:0}.hero-dot{width:13px;height:13px;margin-left:8px}
 .hero-copy>p{max-width:36ch}.hero-downloads{margin-bottom:10px}
 a.store-badge,
 :is(.hero-downloads,.guide-side-download,.guide-app-cta,.download-strip-actions,.store-buttons) a.store-badge{min-height:44px;width:max-content;flex:0 0 auto;padding:0}
 a.store-badge img{height:44px;width:auto;max-width:100%}
 .store-buttons,.hero-downloads,.guide-side-download .store-buttons,.guide-app-cta .store-buttons{gap:24px;padding-block:11px;flex-direction:row}
 .download-strip-actions{gap:22px;padding-block:11px}.download-strip-actions>.fine-print{flex-basis:100%}
 .app-hero-art{height:clamp(360px,110vw,470px);min-height:0}.hero-store-interface{width:clamp(200px,60vw,235px)}
 .section{padding-block:50px}.how-section{padding-top:15px}.section-heading{gap:20px}
 .field input,.field select,.palette-toolbar select,.save-controls input{font-size:16px}
 .palette-toolbar select,.palette-base input,.scheme-label select{min-height:44px}.palette-base input{width:44px}
 .tool-tabs [role=tab]{min-height:58px;font-size:13px;justify-content:center;padding:14px 8px;flex-wrap:nowrap}
 .photo-file-note{overflow-wrap:anywhere}.photo-panel-heading>.meta{max-width:12ch}
 .guide-nav{gap:10px}.guide-nav .button{white-space:nowrap}.guide-main,.guide-hub{min-width:0}
 .guide-heading h1{font-size:clamp(36px,10.5vw,44px);letter-spacing:-.055em}
 .guide-app-cta{padding-inline:20px}.guide-actions{align-items:flex-start}
 .site-footer nav a{display:inline-flex;align-items:center;min-height:44px}.site-footer nav{column-gap:20px}
}
@media(max-width:360px){
 :root{--gutter:20px}.brand{font-size:16px;gap:8px}.brand-mark{width:30px;height:30px}.brand-mark i{width:10px}.brand-mark i:nth-child(2){height:30px}
 .site-header{gap:12px}.guide-nav{font-size:12px;gap:8px}.guide-nav .button{padding:10px;font-size:12px}
 .store-buttons,.hero-downloads,.guide-side-download .store-buttons,.guide-app-cta .store-buttons{column-gap:24px;row-gap:22px}
 .format-field{flex-basis:82px}.field{padding-inline:10px}.convert-submit{flex-basis:44px}
 .sample-bottom>span{font-size:29px}.value-row{gap:9px}.value-row output{font-size:13px}.copy-button{gap:5px}
 .tool-tabs [role=tab]{font-size:12px;padding-inline:5px}.app-feature-art{padding-inline:20px}.app-feature-art .store-interface{max-width:100%}
 .guide-prose{font-size:16px}.guide-answer{padding:20px}.guide-answer>p{font-size:17px}.guide-example{font-size:13px;padding:16px}
}
@media(max-width:760px){.hero h1 br:nth-of-type(2){display:block}}
.hero-grid>*{min-width:0}.app-hero-art{width:100%;min-width:0}
@media(min-width:761px){.hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.06fr)}}

/* Headline-led homepage: visuals communicate the use case, guides hold the detail. */
.hero-benefits{list-style:none;padding:0;margin:0 0 25px;display:flex;flex-wrap:wrap;gap:14px 24px;max-width:470px}
.hero-benefits li{display:flex;align-items:center;gap:10px;min-height:32px;font-size:18px;line-height:1.35}
.hero-benefits strong{font-weight:500}.benefit-icon{flex:none;display:block}
.use-case-list{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:32px 0 0;padding:0}
.use-case-list li{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:22px;border-top:1px solid var(--line);padding-top:25px}
.use-case-list h4{margin:0;font-size:22px;font-weight:500;line-height:1.25;letter-spacing:-.7px;max-width:none}
.use-case-icon{display:block;width:48px;height:48px}.home-card-icon{display:block;flex:none}
.feature-story-copy h3{margin-bottom:0}.feature-story-copy{padding-block:8px}
.how-visual li{padding-top:0}.how-visual li>a{display:flex;align-items:flex-start;flex-direction:column;position:relative;gap:25px;min-height:190px;width:100%;padding:28px 24px;text-decoration:none;border-bottom:1px solid var(--line);background:#e8e9df}
.how-visual li:nth-child(2)>a{background:#e9e3d9}.how-visual li:nth-child(3)>a{background:#e3e8dc}
.how-visual h3{margin:0;font-size:29px}.how-visual a>span{position:absolute;right:24px;top:25px;font-size:24px}
.how-visual a:hover{background:#dfe4d5}
.guide-card-compact{padding:28px;gap:28px}.guide-card-compact h3{display:flex;justify-content:space-between;gap:15px;margin:0;font-size:26px;line-height:1.2}
.guide-card-compact h3>span{font-size:22px;flex:none}.guide-card-compact .home-card-icon{width:40px;height:40px}
.visual-info{margin-block:24px 40px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.visual-info summary{cursor:pointer;min-height:48px;display:list-item;list-style-position:inside;padding-block:15px;font-size:15px;font-weight:500;line-height:1.5}
.visual-info p{font-size:14px;line-height:1.7;color:var(--muted);max-width:760px;margin:0 0 18px}.photo-info{margin:18px 0 0}.photo-info summary{font-size:14px}
.preview-story .feature-index{font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:500;letter-spacing:0;display:flex;align-items:center;justify-content:space-between;gap:18px}
.preview-story .feature-index .tag{font-size:12px;padding:6px 8px}.preview-story>h3{font-size:36px}
@media(max-width:760px){
 .hero-benefits{gap:12px 20px;margin-bottom:22px}.hero-benefits li{font-size:17px;gap:9px}.hero-benefits .benefit-icon{width:23px;height:23px}
 .use-case-list{margin-top:25px;gap:20px}.use-case-list li{padding-top:20px;gap:17px}.use-case-list h4{font-size:21px;letter-spacing:-.6px}.use-case-icon{width:42px;height:42px}
 .feature-story-copy h3{font-size:36px;line-height:1.07;letter-spacing:-1.8px}.feature-story{gap:24px}
 .how-visual{gap:14px}.how-visual li>a{min-height:124px;flex-direction:row;align-items:center;padding:24px 22px;gap:22px}.how-visual h3{font-size:25px;max-width:8ch;line-height:1.15}.how-visual .home-card-icon{width:40px;height:40px}.how-visual a>span{top:20px;right:18px;font-size:20px}
 .guide-card-compact{gap:22px;padding:24px}.guide-card-compact h3{font-size:25px}.preview-story>h3{font-size:32px}.visual-info{margin-bottom:30px}
 .copy-button{font-size:13px}.preview-story .feature-index{font-size:15px}.preview-story .feature-index .tag{font-size:11px}
}
@media(max-width:360px){.use-case-list h4{font-size:19px}.feature-story-copy h3{font-size:32px}.hero-benefits li{font-size:16px}.how-visual li>a{gap:18px;padding-inline:18px}.how-visual h3{font-size:23px}}

/* iPhone design preview: keep the native screen intact inside a simple device frame. */
.colorblind-feature-art{gap:20px!important;padding-block:32px;min-height:700px}
.iphone-design-frame{width:280px;max-width:100%;border:8px solid #191a18;border-radius:38px;background:#191a18;overflow:hidden;box-shadow:10px 15px 25px #191a1825;flex:none}
.iphone-design-frame img{display:block;width:100%;height:auto;aspect-ratio:375/812;object-fit:cover}
.colorblind-feature-art figcaption{font-family:Arial,Helvetica,sans-serif;font-size:14px;letter-spacing:0;padding:8px 12px;line-height:1.4;margin:0}
.colorblind-story .use-case-list a{display:flex;flex-direction:column;align-items:flex-start;gap:22px;min-height:140px;width:100%;text-decoration:none;color:var(--ink)}
.colorblind-story .use-case-list a:hover h4{text-decoration:underline;text-underline-offset:5px}.colorblind-story h4>span{font-size:18px;white-space:nowrap}
@media(max-width:760px){.colorblind-feature-art{min-height:0;padding:28px 20px;gap:20px!important}.iphone-design-frame{width:260px;border-width:7px;border-radius:33px}.colorblind-feature-art figcaption{font-size:14px;padding:7px 10px}.colorblind-story .use-case-list a{min-height:130px;gap:17px}}
@media(max-width:360px){.iphone-design-frame{width:228px;border-width:6px;border-radius:30px}.colorblind-story .use-case-list{gap:16px}}

/* Compare later reuses the framed app example and readable feature layout. */
.compare-feature-art .iphone-design-frame img{aspect-ratio:402/874}
.compare-story .use-case-list a{display:flex;flex-direction:column;align-items:flex-start;gap:22px;min-height:140px;width:100%;text-decoration:none;color:var(--ink)}
.compare-story .use-case-list a:hover h4{text-decoration:underline;text-underline-offset:5px}
.compare-story .use-case-list h4 span{font-size:18px}
.single-preview{grid-template-columns:1fr;max-width:650px}
@media(max-width:760px){.compare-story .use-case-list a{min-height:130px;gap:17px}}

/* Original RAL artwork remains isolated on a neutral partner panel. */
.ral-partner{display:grid;grid-template-columns:280px 1fr;align-items:center;gap:64px;border-block:1px solid var(--line);padding:44px 0;margin:32px 0 45px;scroll-margin-top:24px}
.ral-logo-panel{background:#fff;min-height:246px;display:flex;align-items:center;justify-content:center;padding:36px}
.ral-logo-panel img{display:block;width:113px;height:120px;object-fit:contain}
.ral-partner-copy h2{font-size:clamp(34px,3.5vw,48px);letter-spacing:-2px;line-height:1.06;margin:0 0 20px}
.ral-partner-copy p{font-size:21px;line-height:1.4;margin:0 0 18px}
.ral-partner-copy .text-link{min-height:44px;display:inline-flex;align-items:center;gap:26px}
@media(max-width:760px){.ral-partner{grid-template-columns:1fr;gap:28px;padding:30px 0;margin:24px 0 32px}.ral-logo-panel{min-height:210px}.ral-partner-copy h2{font-size:39px}.ral-partner-copy p{font-size:20px}}

/* Camera benefits are short linked headings, with all details in the guide. */
.camera-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px;margin-top:24px}
.camera-benefits li{padding-top:16px;min-width:0}
.camera-benefits a{display:flex;align-items:center;gap:12px;width:100%;min-height:64px}
.camera-benefits .use-case-icon{width:32px;height:32px;flex:none}
.camera-benefits h4{font-size:20px;line-height:1.2;letter-spacing:-.5px;overflow-wrap:normal}
.camera-benefits a:hover h4{text-decoration:underline;text-underline-offset:4px}
.camera-download{margin-top:26px;font-size:15px;line-height:1.35}
@media(max-width:760px){.camera-benefits{gap:12px 18px}.camera-benefits a{gap:10px;min-height:64px}.camera-benefits h4{font-size:19px}.camera-download{width:100%;margin-top:24px}}
@media(max-width:360px){.camera-benefits{gap:10px 14px}.camera-benefits a{align-items:flex-start;flex-direction:column;gap:12px}.camera-benefits h4{font-size:19px}.camera-benefits .use-case-icon{width:30px;height:30px}}

/* Framed feature examples use the same compact linked benefit rows. */
.colorblind-story .camera-benefits a,.compare-story .camera-benefits a{flex-direction:row;align-items:center;gap:12px;min-height:64px}
@media(max-width:360px){.colorblind-story .camera-benefits a,.compare-story .camera-benefits a{flex-direction:column;align-items:flex-start;gap:12px}}

/* Full Figma screen images replace white-backed store marketing crops. */
.app-feature-art .figma-phone{width:248px;max-width:100%;box-shadow:10px 15px 25px #191a1825}
.app-feature-art:has(.figma-phone){min-height:580px}
.figma-hero-phone{width:225px;z-index:1}
.figma-phone img{position:static;transform:none;display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:cover}
.guide-figure .figma-phone{width:250px;max-width:100%}
@media(max-width:760px){.figma-hero-phone{width:clamp(168px,50vw,200px)}.app-feature-art .figma-phone{width:240px}.app-feature-art:has(.figma-phone){min-height:0;padding-block:28px}.guide-figure .figma-phone{width:230px}}
@media(max-width:360px){.app-feature-art .figma-phone{width:228px}}

/* Imported legal documents retain full copy with readable long-form structure. */
.legal-main .legal-document{max-width:780px;font-size:17px;line-height:1.75;overflow-wrap:anywhere}
.legal-document h2{font-size:28px;line-height:1.25;letter-spacing:-.8px;margin:38px 0 18px}
.legal-document p{margin:0 0 20px}
.legal-document ul,.legal-document ol{padding-left:26px;margin:0 0 24px}
.legal-document li{margin:0 0 12px;padding-left:4px}
.legal-document a{text-decoration:underline;text-underline-offset:4px}
.legal-document-source{font-size:16px;border-bottom:1px solid var(--line);padding-bottom:24px;margin-bottom:28px!important}
.legal-document-source a{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:760px){.legal-document{font-size:17px}.legal-document h2{font-size:25px;margin-top:30px}.legal-document ul,.legal-document ol{padding-left:23px}}