body{margin:0;padding:0}:root{--cube-size:clamp(150px, 38vw, 220px);--sticker-size:calc(var(--cube-size) / 3.2);--gap:clamp(3px, .8vw, 5px);--white:#f8fafc;--yellow:#ffd83d;--green:#11a86d;--blue:#2563eb;--red:#dc2748;--orange:#f97316;--gray:#2a2f3a;--bg:#0d1017;--panel:#171b24;--panel-strong:#202633;--line:#303848;--text:#edf2f7;--muted:#9aa6b8;--accent:#4f8cff;--success:#35d07f}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;color:var(--text);background:radial-gradient(circle at 0 0,#4f8cff2e,#0000 30rem),linear-gradient(135deg,#0d1017 0%,#111827 48%,#15171c 100%);margin:0;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif}button{font:inherit}#root{width:100%}.app-container{flex-direction:column;align-items:stretch;gap:18px;width:min(100%,980px);min-height:100vh;margin:0 auto;padding:28px clamp(16px,4vw,36px) 40px;display:flex}.app-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.header-summary{color:#cbd5e1;max-width:680px;margin:14px 0 0;font-size:clamp(.98rem,2.2vw,1.1rem);line-height:1.55}.eyebrow,.result-kicker{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-size:.75rem;font-weight:800}h1{margin:0;font-size:clamp(2rem,6vw,4.75rem);line-height:.95}h3{margin:0;font-size:clamp(1.2rem,3vw,1.7rem)}h2{margin:0;font-size:clamp(1.35rem,3.2vw,2rem);line-height:1.1}.site-nav{border:1px solid var(--line);background:#171b24b8;border-radius:8px;flex-wrap:wrap;gap:8px;padding:10px;display:flex}.site-nav a{color:#d9e6ff;border-radius:6px;align-items:center;min-height:38px;padding:9px 12px;font-weight:800;text-decoration:none;display:inline-flex}.site-nav a:hover{background:var(--panel-strong)}.site-nav a[aria-current=page]{color:var(--text);background:#1c376b}.solver-area{flex-direction:column;gap:18px;display:flex}.page-stack{gap:18px;display:grid}.page-lead{color:#cbd5e1;max-width:760px;margin:16px 0 0;line-height:1.65}.reset-button,.copy-button,.tab-button,.secondary-button{border:1px solid var(--line);color:var(--text);cursor:pointer;transition:background .18s,border-color .18s,transform .18s}.reset-button,.copy-button,.secondary-button{background:var(--panel-strong);border-radius:8px;min-height:42px;padding:0 16px;font-weight:700}.reset-button:hover,.copy-button:hover,.tab-button:hover,.secondary-button:hover{border-color:#60708a;transform:translateY(-1px)}.tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.tab-button{text-align:left;background:#171b24e6;border-radius:8px;min-height:72px;padding:12px 14px}.tab-button span,.tab-button small{display:block}.tab-button span{font-size:1.1rem;font-weight:800}.tab-button small{color:var(--muted);margin-top:4px;font-size:.78rem;line-height:1.2}.tab-button.active{border-color:var(--accent);background:#1c376b}.tab-button.active small{color:#d9e6ff}.cube-input-container{background:#171b24f0;border:1px solid #ffffff12;border-radius:8px;justify-content:center;align-items:center;min-height:clamp(300px,58vw,430px);padding:clamp(28px,7vw,64px);display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px #00000052}.top-view{grid-template-columns:repeat(5, var(--sticker-size));grid-template-rows:repeat(5, var(--sticker-size));gap:var(--gap);display:grid}.sticker{width:var(--sticker-size);height:var(--sticker-size);cursor:pointer;border:2px solid #00000059;border-radius:6px;transition:transform .1s,box-shadow .1s,border-color .1s}.sticker:hover{border-color:#fff9;transform:scale(1.04);box-shadow:inset 0 0 12px #ffffff3d}.sticker.suggested{border-color:#fff6a6;box-shadow:0 0 0 4px #ffd83dc7,inset 0 0 10px #ffffff40}.sticker.white{background-color:var(--white)}.sticker.yellow{background-color:var(--yellow)}.sticker.green{background-color:var(--green)}.sticker.blue{background-color:var(--blue)}.sticker.red{background-color:var(--red)}.sticker.orange{background-color:var(--orange)}.sticker.gray{background-color:var(--gray)}.corner-view{min-height:calc(var(--cube-size) * 1.72);perspective:1000px;justify-content:center;align-items:center;display:flex}.isometric-cube{width:var(--cube-size);height:var(--cube-size);transform-style:preserve-3d;position:relative}.f2l-cube{transform:rotateX(-32deg)rotateY(-45deg)}.face{gap:var(--gap);width:var(--cube-size);height:var(--cube-size);padding:var(--gap);box-sizing:border-box;background:#05070a;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);display:grid;position:absolute}.face-u{transform:rotateX(90deg) translateZ(calc(var(--cube-size) / 2))}.face-f{transform:translateZ(calc(var(--cube-size) / 2))}.face-r{transform:rotateY(90deg) translateZ(calc(var(--cube-size) / 2))}.palette{border:1px solid var(--line);background:#171b24f0;border-radius:999px;flex-wrap:wrap;justify-content:center;gap:10px;width:fit-content;max-width:100%;margin:0 auto;padding:10px;display:flex}.palette-color{cursor:pointer;border:2px solid #ffffff24;border-radius:50%;width:34px;height:34px;padding:0}.palette-color.active{border-color:var(--text);transform:scale(1.08);box-shadow:0 0 0 4px #4f8cff59}.algorithm-result{background:#171b24f0;border:1px solid #ffffff12;border-radius:8px;width:100%;padding:clamp(18px,4vw,26px);box-shadow:0 18px 45px #00000038}.result-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.setup-move{color:var(--yellow);margin-top:14px;font-weight:800}.algorithm-text{color:var(--success);white-space:nowrap;background:#0b1118;border:1px solid #253044;border-radius:8px;margin-top:12px;padding:14px 16px;font-family:Cascadia Mono,Courier New,Courier,monospace;font-size:clamp(1rem,2.8vw,1.25rem);line-height:1.45;overflow-x:auto}.case-card{background:var(--panel-strong);border:1px solid var(--line);border-radius:8px;margin-top:14px;padding:14px}.case-name{color:var(--text);font-weight:800}.empty-result{color:var(--muted);margin:0;line-height:1.5}.f2l-guidance{background:var(--panel-strong);border:1px solid var(--line);color:#d6deea;border-radius:8px;margin:4px 0 0;padding:16px;line-height:1.55}.f2l-guidance>div+div{margin-top:8px}.f2l-guidance-title{color:var(--yellow);letter-spacing:.06em;text-transform:uppercase;font-size:.85rem;font-weight:800}.f2l-case-breakdown{text-align:left;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-top:14px;display:grid}.f2l-breakdown-title{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin-bottom:6px;font-size:.85rem;font-weight:800}.f2l-case-breakdown pre{color:#d6deea;white-space:pre-wrap;background:#0b1118;border:1px solid #253044;border-radius:8px;margin:0;padding:12px;font-family:Cascadia Mono,Courier New,Courier,monospace;font-size:.9rem;line-height:1.4}.learning-panel,.content-section{background:#171b24d1;border:1px solid #ffffff12;border-radius:8px;padding:clamp(18px,4vw,26px)}.section-heading,.learning-intro{max-width:720px}.learning-intro p,.learning-grid p,.quality-note p,.text-article p,.faq-item p,.policy-section p{color:#cbd5e1;margin:10px 0 0;line-height:1.6}.article-grid,.faq-list,.learning-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:18px;display:grid}.learning-grid article,.quality-note,.text-article,.faq-item{border:1px solid var(--line);background:#202633c7;border-radius:8px;padding:14px}.learning-card img{object-fit:contain;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;max-height:280px;margin-bottom:12px}.learning-grid h3,.quality-note h3,.text-article h3,.faq-item h3{font-size:1rem}.learning-image{object-fit:contain;background:#0b1118;border:1px solid #253044;border-radius:8px;width:100%;max-height:280px;margin-bottom:12px}.quality-note{margin-top:12px}.method-list{gap:10px;margin:18px 0 0;padding:0;list-style:none;display:grid}.method-list li{border:1px solid var(--line);color:#cbd5e1;background:#202633c7;border-radius:8px;padding:12px 14px;line-height:1.55}.policy-section{background:#111827e0}.standalone-page{background:#111827e6;border:1px solid #ffffff14;border-radius:8px;padding:clamp(22px,5vw,36px)}.standalone-page p{color:#cbd5e1;max-width:780px;margin:14px 0 0;line-height:1.7}.standalone-page .secondary-button{margin-top:22px}.page-link-row{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.page-link-row .secondary-button{margin-top:0}.contact-card{border:1px solid var(--line);background:#202633c7;border-radius:8px;gap:6px;width:min(100%,420px);margin-top:18px;padding:16px;display:grid}.contact-card span{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.82rem;font-weight:800}.contact-card a{color:#d9e6ff;font-size:1.05rem;font-weight:800}.site-footer{border:1px solid var(--line);color:var(--muted);background:#171b24b8;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;padding:18px;font-size:.9rem;display:flex}.site-footer div{gap:4px;display:grid}.site-footer strong{color:var(--text)}.site-footer a{color:#d9e6ff;font-weight:700}@media (width<=620px){.app-header{align-items:flex-end}.tabs{grid-template-columns:1fr}.tab-button{min-height:58px}.cube-input-container{padding-inline:14px}.palette{border-radius:8px}.result-heading{flex-direction:column;align-items:flex-start}.learning-grid{grid-template-columns:1fr}.site-footer{flex-direction:column;align-items:flex-start}}body{color:#000;background:#fff}.app-container{color:#000}.site-nav,.cube-input-container,.palette,.algorithm-result,.learning-panel,.content-section,.standalone-page,.site-footer{background:#fff;border-color:#d1d5db;box-shadow:0 8px 24px #0000000f}.reset-button,.copy-button,.secondary-button,.tab-button{background:#fff;border-color:#b8c1cf}.tab-button span,.tab-button small,.tab-button.active small{color:#000}.palette-color.white,.palette-color.active{border-color:#000}.site-nav a,.tab-button,.reset-button,.copy-button,.secondary-button,.site-footer a{color:#000}.site-nav a:hover,.tab-button:hover,.reset-button:hover,.copy-button:hover,.secondary-button:hover{background:#f0f6ff;border-color:#2563eb}.site-nav a[aria-current=page],.tab-button.active{color:#000;background:#dbeafe;border-color:#1d4ed8}.header-summary,.learning-intro p,.learning-grid p,.quality-note p,.text-article p,.faq-item p,.policy-section p,.standalone-page p,.page-lead,.method-list li,.eyebrow,.result-kicker{color:#000}.learning-grid article,.quality-note,.text-article,.faq-item,.contact-card,.method-list li{background:#fff;border-color:#d1d5db}.introduction-page{max-width:980px}.intro-hero{max-width:780px;padding-bottom:8px}.intro-hero h2{color:#000;letter-spacing:0;max-width:760px;margin:8px 0 0;font-size:clamp(2rem,5vw,3.8rem);line-height:1.05}.intro-lead{color:#111827;margin:18px 0 0;font-size:1.2rem;font-weight:600}.intro-copy{max-width:760px;margin-top:24px}.intro-copy p{color:#111;margin:12px 0 0;font-size:1.05rem;line-height:1.7}.intro-copy strong{color:#000;font-weight:800}.intro-callout{font-size:1.2rem!important}.intro-section{border-top:1px solid #d1d5db;margin-top:34px;padding-top:26px}.intro-section h3{color:#000;margin:0;font-size:clamp(1.35rem,3vw,1.85rem);line-height:1.2}.cfop-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.cfop-grid article{background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:18px}.cfop-grid h4{color:#000;margin:0;font-size:1.25rem}.cfop-grid p{color:#111;margin:8px 0 0;line-height:1.55}.intro-finish{margin-top:28px}@media (width<=720px){.cfop-grid{grid-template-columns:1fr}}.algorithm-text,.f2l-case-breakdown pre{color:#000;background:#f5f5f5;border-color:#c4c4c4}.case-card,.f2l-guidance{color:#000;background:#fff;border-color:#d1d5db}.case-name{color:#0f172a}.learning-image{background:#f5f5f5;border-color:#c4c4c4}.site-footer{color:#000}.landing-shell{gap:0;width:100%;max-width:none;padding:0}.app-container:not(.landing-shell){width:min(100% - 40px,1200px);padding:28px 0 40px}.app-container:not(.landing-shell)>.landing-header{width:100%;margin-inline:0}.solver-toolbar{justify-content:space-between;align-items:center;gap:18px;padding:18px 0 4px;display:flex}.solver-toolbar .eyebrow{color:#1677ff;margin-bottom:0}.solver-toolbar .header-summary{color:#64748b;margin:6px 0 0;font-size:.94rem}.landing-page{color:#0f172a;background:#fff;min-height:100vh;overflow:hidden}.landing-header,.landing-hero,.landing-section,.final-cta,.landing-footer{width:min(100% - 40px,1200px);margin-inline:auto}.landing-header{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5;border-bottom:1px solid #eef2f7;align-items:center;gap:24px;min-height:76px;display:flex;position:sticky;top:0}.landing-brand{color:#0f172a;letter-spacing:-.03em;white-space:nowrap;align-items:center;gap:10px;font-size:1.24rem;font-weight:800;text-decoration:none;display:inline-flex}.landing-brand strong{color:#0f172a}.landing-brand em{color:#1677ff;font-style:normal}.brand-mark{background:#0f172a;border-radius:7px;grid-template-columns:repeat(2,1fr);gap:3px;width:28px;height:28px;padding:4px;display:grid;transform:rotate(-8deg)}.brand-mark span{background:#1677ff;border-radius:2px}.brand-mark span:nth-child(2){background:#ffd500}.brand-mark span:nth-child(3){background:#22b573}.brand-mark span:nth-child(4){background:#ff3b30}.landing-nav{align-items:center;gap:30px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.landing-nav a{color:#475569;font-size:.92rem;font-weight:700;text-decoration:none}.landing-nav a:hover{color:#1677ff}.landing-header-cta,.primary-cta,.secondary-cta{cursor:pointer;border-radius:10px;min-height:44px;padding:0 18px;font-weight:800;transition:transform .18s,box-shadow .18s,background .18s}.landing-header-cta{margin-left:auto}.landing-header-cta,.primary-cta{color:#fff;background:#1677ff;border:1px solid #1677ff;box-shadow:0 7px 16px #1677ff2e}.secondary-cta{color:#0f172a;background:#fff;border:1px solid #dbe4ef}.landing-header-cta:hover,.primary-cta:hover,.secondary-cta:hover{transform:translateY(-2px)}.landing-header-cta:focus-visible,.primary-cta:focus-visible,.secondary-cta:focus-visible,.landing-nav a:focus-visible,.landing-brand:focus-visible{outline-offset:3px;outline:3px solid #1677ff47}.landing-hero{grid-template-columns:minmax(0,760px);justify-content:center;align-items:center;gap:clamp(38px,7vw,90px);min-height:650px;padding:82px 0 96px;display:grid}.hero-copy{z-index:1;position:relative}.hero-badge,.section-kicker{color:#1677ff;letter-spacing:.12em;text-transform:uppercase;margin:0 0 16px;font-size:.74rem;font-weight:850}.hero-badge span{margin-right:6px}.hero-copy h1{color:#0f172a;letter-spacing:-.065em;max-width:650px;margin:0;font-size:clamp(3.1rem,6.2vw,5.3rem);font-weight:800;line-height:.99}.hero-copy h1 span{color:#1677ff}.hero-description{color:#475569;max-width:560px;margin:26px 0 0;font-size:clamp(1.05rem,2vw,1.24rem);line-height:1.6}.hero-secondary{color:#94a3b8;margin:12px 0 0;font-size:.98rem;font-weight:700}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.hero-benefits{color:#64748b;flex-wrap:wrap;gap:16px;margin-top:28px;font-size:.8rem;font-weight:700;display:flex}.hero-benefits b{color:#1677ff;margin-right:5px}.hero-benefits span:nth-child(2) b{color:#22b573}.hero-benefits span:nth-child(3) b{color:#ff3b30}.hero-preview{min-width:0;position:relative}.motif{border:2px solid #1677ff1f;width:42px;height:42px;position:absolute;transform:rotate(22deg)}.motif-one{top:-34px;right:10%}.motif-two{border-color:#ffd50059;width:26px;height:26px;bottom:10%;right:-18px}.solver-preview{z-index:1;background:#fff;border:1px solid #dfe7f1;border-radius:22px;position:relative;overflow:hidden;box-shadow:0 24px 60px #0f172a1f,0 4px 12px #0f172a0a}.preview-toolbar{color:#0f172a;border-bottom:1px solid #eef2f7;align-items:center;gap:9px;height:48px;padding:0 18px;font-size:.78rem;display:flex}.preview-dot{background:#22b573;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #22b5731f}.preview-status{color:#94a3b8;margin-left:auto;font-size:.68rem}.preview-body{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);min-height:390px;display:grid}.preview-input{text-align:center;background:#f8fbff;border-right:1px solid #eef2f7;padding:26px 22px}.preview-result{padding:22px}.preview-label{color:#0f172a;margin:0 0 18px;font-size:.86rem;font-weight:800}.preview-palette{justify-content:center;gap:8px;margin-top:20px;display:flex}.preview-swatch{border:2px solid #0f172a1f;border-radius:50%;width:18px;height:18px;display:inline-block}.preview-swatch.white{background:#fff;border-color:#94a3b8}.preview-swatch.yellow{background:#ffd500}.preview-swatch.red{background:#ff3b30}.preview-swatch.blue{background:#1677ff}.preview-swatch.green{background:#22b573}.preview-swatch.orange{background:#ff8a00}.preview-actions{color:#64748b;justify-content:center;gap:18px;margin-top:18px;font-size:.7rem;font-weight:800;display:flex}.preview-tabs{color:#94a3b8;border-bottom:1px solid #e7edf5;gap:18px;font-size:.7rem;font-weight:800;display:flex}.preview-tabs span{padding-bottom:10px}.preview-tabs .active{color:#1677ff;border-bottom:2px solid #1677ff}.recognized{color:#159861;margin-top:24px;font-size:.78rem;font-weight:850}.recognized span{margin-right:5px}.preview-result-copy{color:#64748b;margin:8px 0 20px;font-size:.76rem}.case-meta{color:#94a3b8;justify-content:space-between;align-items:center;font-size:.7rem;font-weight:800;display:flex}.case-meta strong{color:#a66d00;background:#fff4c2;border-radius:5px;padding:4px 8px;font-size:.63rem}.preview-result h3{color:#0f172a;margin:10px 0 14px;font-size:1.3rem}.preview-result h3 small{color:#64748b;margin-top:3px;font-size:.75rem;font-weight:700;display:block}.pattern-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.algorithm-preview{color:#0f172a;background:#f8fafc;border:1px solid #e4eaf2;border-radius:8px;flex:1;padding:12px;font-family:Cascadia Mono,Courier New,monospace;font-size:.73rem;line-height:1.45}.algorithm-preview button{float:right;color:#1677ff;cursor:pointer;background:0 0;border:0;padding:0}.landing-section{padding:92px 0 0}.section-intro{text-align:center;max-width:680px;margin:0 auto 34px}.section-intro h2{color:#0f172a;letter-spacing:-.045em;font-size:clamp(2rem,4vw,3rem)}.section-intro>p:last-child{color:#64748b;margin:12px 0 0;line-height:1.6}.stage-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.stage-card{background:#fff;border:1px solid #e3eaf3;border-radius:18px;min-height:420px;padding:24px;transition:transform .18s,box-shadow .18s}.stage-card:hover{transform:translateY(-4px);box-shadow:0 16px 30px #0f172a14}.stage-blue{background:#f4f8ff}.stage-yellow{background:#fffaf0}.stage-red{background:#fff6f5}.stage-card-top{justify-content:space-between;align-items:center;display:flex}.stage-pill{color:#94a3b8;font-size:.7rem;font-weight:850}.stage-accent{background:#1677ff;border-radius:50%;width:10px;height:10px}.stage-yellow .stage-accent{background:#ffd500}.stage-red .stage-accent{background:#ff3b30}.stage-card .mini-cube{transform-origin:50%;margin:24px auto 22px;transform:scale(.78)}.stage-card h3{color:#0f172a;margin:0;font-size:1.5rem}.stage-card>p{color:#475569;margin:8px 0 0;line-height:1.5}.stage-card ul{color:#334155;gap:7px;margin:18px 0 0;padding:0;font-size:.8rem;font-weight:700;list-style:none;display:grid}.stage-card li:first-letter{color:#1677ff}.how-section{padding-bottom:92px}.steps-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.step-card{text-align:center;background:#fff;border:1px solid #e3eaf3;border-radius:16px;padding:22px;position:relative}.step-number{color:#fff;background:#1677ff;border-radius:50%;place-items:center;width:28px;height:28px;font-size:.78rem;font-weight:850;display:inline-grid}.step-card .mini-cube{transform-origin:50%;margin:18px auto 12px;transform:scale(.58)}.step-card h3{color:#0f172a;font-size:1.05rem}.step-card p{color:#64748b;margin:8px auto 0;font-size:.85rem;line-height:1.5}.step-palette{justify-content:center;align-items:center;gap:12px;min-height:125px;display:flex;position:relative}.step-palette .preview-swatch{width:30px;height:30px}.step-cursor{color:#0f172a;font-size:1.8rem;position:absolute;bottom:24px;right:28%;transform:rotate(-18deg)}.step-result{text-align:left;background:#f8fbff;border:1px solid #e3eaf3;border-radius:10px;align-content:center;gap:5px;min-height:125px;margin:18px 0 12px;padding:15px;display:grid}.step-result strong{color:#0f172a;font-size:.92rem}.step-result span{color:#64748b;font-size:.76rem}.step-result code{color:#1677ff;font-size:.7rem}.final-cta{background:linear-gradient(115deg,#f3f8ff,#fff);border:1px solid #d9e9ff;border-radius:26px;justify-content:space-between;align-items:center;gap:36px;margin-bottom:64px;padding:48px clamp(24px,6vw,70px);display:flex}.final-cta h2{color:#0f172a;letter-spacing:-.05em;font-size:clamp(2rem,4.5vw,3.2rem)}.final-cta h2 span{color:#1677ff}.final-cta p:not(.section-kicker){color:#64748b;margin:10px 0 0;line-height:1.55}.final-cta-action{flex:none;justify-items:center;gap:10px;display:grid}.final-cta-action small{color:#94a3b8;font-size:.72rem}.landing-footer{color:#94a3b8;border-top:1px solid #eef2f7;justify-content:space-between;gap:18px;padding:22px 0 28px;font-size:.78rem;display:flex}.landing-footer strong{color:#0f172a}.landing-footer button{color:#1677ff;cursor:pointer;background:0 0;border:0;padding:0;font-weight:800}.mini-cube{width:150px;height:132px;position:relative;transform:rotate(-4deg)}.mini-cube-face{background:#111827;border:4px solid #111827;border-radius:8px;grid-template-columns:repeat(3,1fr);gap:3px;width:84px;height:84px;padding:4px;display:grid;position:absolute;box-shadow:0 7px 12px #0f172a26}.mini-cube-top{top:0;left:30px;transform:skew(-28deg)scaleY(.65)}.mini-cube-front{top:44px;left:13px;transform:skewY(28deg)scaleX(.8)}.mini-cube-right{top:44px;right:10px;transform:skewY(-28deg)scaleX(.8)}.mini-sticker{background:#1e293b;border-radius:3px;min-width:0}.mini-sticker.white{background:#fff}.mini-sticker.yellow{background:#ffd500}.mini-sticker.red{background:#ff3b30}.mini-sticker.blue{background:#1677ff}.mini-sticker.green{background:#22b573}.mini-sticker.orange{background:#ff8a00}@media (width<=900px){.landing-header{gap:14px}.landing-nav{gap:17px}.landing-hero{grid-template-columns:1fr;padding-top:62px}.hero-copy{max-width:680px}.hero-preview{width:min(100%,650px);margin:0 auto}}@media (width<=700px){.landing-shell>.landing-header,.landing-page .landing-hero,.landing-page .landing-section,.landing-page .final-cta,.landing-page .landing-footer{width:min(100% - 40px,560px)}.landing-header{flex-wrap:wrap;min-height:68px;padding:12px 0}.landing-nav{order:3;justify-content:space-between;gap:10px;width:100%;position:static;transform:none}.landing-nav a{font-size:.78rem}.landing-header-cta{padding-inline:13px;font-size:.78rem}.landing-hero{gap:42px;min-height:0;padding:56px 0 62px}.hero-copy h1{font-size:clamp(2.8rem,13vw,4.2rem)}.hero-benefits{gap:10px 14px;font-size:.72rem}.preview-body{grid-template-columns:1fr}.preview-input{border-bottom:1px solid #eef2f7;border-right:0}.pattern-row{align-items:flex-end}.stage-grid,.steps-grid{grid-template-columns:1fr}.landing-section{padding-top:64px}.how-section{padding-bottom:64px}.final-cta{flex-direction:column;align-items:flex-start;margin-bottom:42px;padding:32px 24px}.final-cta-action{justify-items:start}.landing-footer{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.landing-header-cta,.primary-cta,.secondary-cta,.stage-card{transition:none}}