:root{--ink:#202524;--paper:#fffdf6;--blue:#284ce8;--yellow:#f9e477;--line:#deded4;--muted:#62675f}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Arial,Helvetica,sans-serif}a{color:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}.preview{text-align:center;background:var(--blue);color:white;font-size:10px;letter-spacing:1.6px;padding:8px}header,main,footer{max-width:1360px;margin:auto}header{padding:25px 5%;display:flex;justify-content:space-between;align-items:center;gap:20px}.logo{font-size:32px;font-weight:900;letter-spacing:-2px;text-decoration:none}.logo span{display:inline-block;color:var(--blue);margin-left:7px;font-size:36px}nav{display:flex;gap:24px}nav a{font-size:13px;text-decoration:none}.small-button{padding:11px 17px;border:1px solid var(--ink);border-radius:30px;text-decoration:none;font-size:12px}.hero{padding:55px 5% 75px;display:grid;grid-template-columns:1fr 1.06fr;gap:30px;align-items:center;overflow:hidden}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.6px;margin:0 0 25px}h1{font-size:clamp(60px,6.7vw,94px);line-height:.99;letter-spacing:-6px;margin:0 0 28px;font-weight:800}em{color:var(--blue);font-family:Georgia,serif;font-weight:400}h1 em{position:relative;white-space:nowrap}h1 em:after{content:'';position:absolute;bottom:-4px;left:0;width:100%;height:7px;border-bottom:3px solid var(--yellow);border-radius:50%}.intro{font-size:18px;max-width:440px;line-height:1.65}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 25px;border:0;border-radius:40px;background:var(--blue);color:white;font:700 14px Arial;text-decoration:none;cursor:pointer;box-shadow:0 5px 0 #18319e;transition:transform .18s,box-shadow .18s}.button:hover{transform:translateY(-2px);box-shadow:0 7px 0 #18319e}.hero .button{margin-top:16px}.fine{font-size:11px;color:var(--muted);margin-top:18px}.art{position:relative;min-height:550px}.note{position:absolute;top:5px;left:25px;font-size:11px;font-weight:700;letter-spacing:1px;transform:rotate(-4deg);color:var(--blue)}.scene{position:absolute;border:8px solid white;border-bottom-width:36px;box-shadow:0 15px 35px #22282128;border-radius:4px;width:59%;height:390px;overflow:visible}.scene img{display:block;object-fit:cover;object-position:center 30%;width:100%;height:100%;border-radius:2px}.scene span{position:absolute;bottom:-28px;left:6px;font-size:9px;letter-spacing:1px;font-weight:700}.cafe{top:55px;left:0;transform:rotate(-8deg);z-index:1}.city{right:0;top:125px;transform:rotate(8deg);z-index:2}.photo-sticker{position:absolute;z-index:3;right:-5px;top:20px;background:var(--yellow);width:115px;height:115px;display:flex;align-items:center;justify-content:center;border-radius:50%;font:italic 23px/1.05 Georgia;text-align:center;transform:rotate(13deg);box-shadow:0 4px 0 #20252416}.art-label{position:absolute;bottom:0;left:25px;font-size:9px;letter-spacing:1px}.strip{background:var(--yellow);padding:22px 5%;display:flex;justify-content:space-between;gap:15px;font-weight:700;font-size:14px;transform:rotate(-1deg);margin:0 0 10px}.section{padding:85px 5%;border-bottom:1px solid var(--line)}h2{font-size:clamp(38px,4.5vw,62px);line-height:1.08;letter-spacing:-3px;margin:0 0 25px;font-weight:750}.gallery-heading{display:flex;justify-content:space-between;gap:30px;align-items:center}.gallery-heading>p{max-width:330px;color:var(--muted)}.example-layout{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;margin-top:30px}.gallery-photo{position:relative;border-radius:24px;overflow:hidden;background:#e9e6da;max-width:470px}.gallery-photo img{display:block;width:100%;height:530px;object-fit:cover;object-position:center 35%}.gallery-label{position:absolute;bottom:12px;left:12px;right:12px;background:#202524ce;color:white;text-align:center;padding:7px;border-radius:20px;font-size:9px;letter-spacing:1px}.hand-note{display:block;color:var(--blue);font:italic 25px/1.2 Georgia;transform:rotate(-5deg);margin-bottom:35px;max-width:300px}.scene-options{display:grid;gap:15px}.scene-choice{display:flex;align-items:center;gap:16px;text-align:left;padding:22px 18px;background:white;border:1px solid var(--line);border-radius:16px;cursor:pointer;color:var(--ink);font-family:inherit}.scene-choice>span{font-size:12px;color:var(--blue)}.scene-choice strong{font-size:20px}.scene-choice small{display:block;font-size:12px;color:var(--muted);margin-top:7px}.scene-choice>b{margin-left:auto;font-size:20px}.scene-choice.active{background:#ecf0ff;border-color:var(--blue);box-shadow:3px 4px 0 #284ce81c}.gallery-caption{font-size:14px;color:var(--muted);margin:25px 0}.text-link{font-size:13px;color:var(--blue);font-weight:700;text-underline-offset:5px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:45px}.steps article{padding:30px 24px;border:1px solid var(--line);border-radius:20px;background:#f4f2e9}.steps article:nth-child(2){background:#edf0ff;transform:rotate(-2deg)}.steps article:nth-child(3){background:#fff2bb}.steps b{font:italic 36px Georgia;color:var(--blue)}.steps h3{font-size:19px;line-height:1.3;margin:20px 0 12px}.steps p{font-size:14px;color:var(--muted)}.package-section{display:grid;grid-template-columns:1fr .85fr;gap:9%;background:var(--blue);color:white;align-items:center;border-radius:28px;margin:25px 3%;padding:65px 5%}.package-section em{color:var(--yellow)}.package-section .intro{font-size:17px}.muted{font-size:12px;color:inherit;opacity:.8;max-width:400px}.price-card{color:var(--ink);background:var(--paper);padding:35px;border-radius:22px;box-shadow:8px 9px 0 #142d9b}.price-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.price-top h3{font-size:20px;margin:0}.price-top>span{font-size:9px;background:var(--yellow);border-radius:20px;padding:5px 9px;font-weight:700}.price{font-size:88px;letter-spacing:-6px;line-height:1;margin:25px 0}.price span{font-size:12px;letter-spacing:0;margin-left:12px}ul{list-style:none;padding:0;margin:25px 0}li{font-size:13px;margin:12px 0}li:before{content:'✓';color:var(--blue);font-weight:bold;margin-right:10px}.price-card .button{width:100%;font-size:13px}.principles{position:relative;padding-right:35%;overflow:hidden}.principles>p:not(.eyebrow){color:var(--muted);max-width:600px}.big-spark{position:absolute;right:7%;top:80px;color:var(--yellow);font-size:230px;line-height:1;transform:rotate(12deg);text-shadow:3px 3px 0 var(--ink)}.faqs{max-width:900px}details{border-top:1px solid var(--line);padding:22px 0}summary{font-size:18px;cursor:pointer}details p{color:var(--muted);font-size:14px;max-width:750px}.final-cta{text-align:center;padding:75px 20px;background:var(--yellow);border-radius:28px;margin:25px 3%}.final-cta h2{font-size:clamp(48px,6vw,80px)}footer{padding:45px 5%;display:flex;align-items:center;gap:30px;flex-wrap:wrap}footer>p{font-size:14px}footer>span{margin-left:auto;font-size:10px;color:var(--muted)}dialog{padding:35px;border:0;border-radius:22px;background:var(--paper);color:var(--ink);width:calc(100% - 30px);max-width:540px;max-height:90vh;overflow:auto}dialog::backdrop{background:#14235dbb;backdrop-filter:blur(5px)}dialog h2{font-size:38px}.close{float:right;background:none;border:0;font-size:30px;cursor:pointer}label{display:block;font-size:14px;margin:18px 0}select,input[type=file]{width:100%;padding:12px;border:1px solid var(--line);background:white;border-radius:8px;margin-top:6px}.check{display:flex;gap:10px;align-items:flex-start}#selection{color:#a03a21;font-size:13px}#result{padding:20px;background:#edf0ff;margin-top:20px;border-radius:12px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #df8e16;outline-offset:5px}@media(max-width:1000px){nav{gap:14px}.hero{gap:20px}h1{letter-spacing:-4px}.art{min-height:510px}.scene{height:350px}.photo-sticker{width:90px;height:90px;font-size:20px}.scene-choice{padding:18px 12px}.scene-choice strong{font-size:18px}}@media(max-width:760px){header{padding:18px 6%}nav{display:none}.logo{font-size:28px}.small-button{font-size:10px;padding:9px 12px}.hero{grid-template-columns:1fr;padding:35px 6% 45px;gap:15px}h1{font-size:66px;letter-spacing:-4px}.intro{font-size:16px}.art{min-height:510px;width:100%;max-width:480px;margin:20px auto 0}.scene{height:350px}.city{top:130px}.photo-sticker{right:0}.strip{font-size:11px;padding:18px 6%;flex-wrap:wrap;justify-content:center}.section{padding:55px 6%}h2{letter-spacing:-2px}.gallery-heading{display:block}.gallery-heading>p{max-width:100%}.example-layout{grid-template-columns:1fr;gap:35px}.gallery-photo{max-width:100%}.gallery-photo img{height:480px}.hand-note{font-size:22px;margin-bottom:25px}.steps{grid-template-columns:1fr;gap:18px}.steps article:nth-child(2){transform:none}.package-section{grid-template-columns:1fr;gap:30px;padding:40px 6%;margin:15px 3%}.price-card{padding:25px}.principles{padding-right:6%}.big-spark{right:6%;top:35px;font-size:85px}.principles h2{padding-right:65px}.final-cta{padding:55px 20px}.final-cta .fine{max-width:270px;margin:20px auto 0}footer{gap:12px}footer>span{margin-left:0;width:100%}}@media(max-width:380px){h1{font-size:57px}.art{min-height:440px}.scene{height:290px}.city{top:115px}.gallery-photo img{height:390px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
@media(max-width:760px){h1{font-size:58px;letter-spacing:-3.5px}}@media(max-width:380px){h1{font-size:52px;letter-spacing:-3px}}

/* Supporting type: warm reading text + distinctive interface lettering.
   The original Arial logo and hero, and Georgia italic accents, stay intact. */
@font-face{font-family:'DM Sans';src:url('assets/fonts/dm-sans.ttf') format('truetype');font-style:normal;font-weight:100 1000;font-display:swap}
@font-face{font-family:'Space Grotesk';src:url('assets/fonts/space-grotesk.ttf') format('truetype');font-style:normal;font-weight:300 700;font-display:swap}
body{font-family:'DM Sans',Arial,sans-serif;font-weight:400;line-height:1.7}
.logo,h1{font-family:Arial,Helvetica,sans-serif}
h1 em,h2 em{font-family:Georgia,serif}
h2,h3{font-family:'DM Sans',Arial,sans-serif}
h2{font-weight:650;letter-spacing:-2.5px}
h3{font-weight:650;letter-spacing:-.45px}
.intro{font-size:19px;line-height:1.65;letter-spacing:-.25px}
nav a,.small-button,.button,.eyebrow,.preview,.scene span,.art-label,.gallery-label,.price-top>span,.text-link{font-family:'Space Grotesk','DM Sans',sans-serif}
nav a{font-size:14px;font-weight:500;letter-spacing:-.15px}
.small-button{font-size:13px;font-weight:500}
.button{font-size:15px;font-weight:600;letter-spacing:-.2px}
.eyebrow{font-size:11px;font-weight:600;letter-spacing:1.5px}
.preview{font-size:10px;font-weight:500;letter-spacing:1.1px}
.fine{font-size:12px;line-height:1.6;letter-spacing:0}
.steps p,details p,.gallery-caption{font-size:15px;line-height:1.75}
.scene-choice{font-family:'DM Sans',Arial,sans-serif}
.scene-choice strong{font-weight:650;letter-spacing:-.45px}
.scene-choice small{font-size:13px;line-height:1.5}
.price{font-family:'Space Grotesk',Arial,sans-serif;font-weight:600;letter-spacing:-5px}
li{font-size:14px;line-height:1.6}
.price-card .button{font-size:14px}
summary{font-weight:500;letter-spacing:-.25px}
label,select,input{font-family:'DM Sans',Arial,sans-serif}
select,input[type=file]{font-size:14px}
.strip{font-family:'Space Grotesk','DM Sans',sans-serif;font-weight:500;letter-spacing:-.2px}
@media(max-width:760px){.intro{font-size:17px}.small-button{font-size:11px}.eyebrow{font-size:10px}.strip{font-size:12px}h2{letter-spacing:-2px}}
.fit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:30px}.fit-grid article{padding:30px;border:1px solid var(--line);border-radius:22px;background:#f2f4ff}.fit-grid article:nth-child(2),.fit-grid article:nth-child(3){background:#fff5c9}.fit-icon{font-family:'Space Grotesk',sans-serif;color:var(--blue);font-size:35px;line-height:1}.fit-grid h3{font-size:23px;margin:17px 0 10px}.fit-grid p{font-size:15px;color:var(--muted);margin:0}textarea{display:block;width:100%;min-height:90px;padding:12px;margin-top:6px;border:1px solid var(--line);border-radius:8px;font:14px/1.5 'DM Sans',Arial,sans-serif;resize:vertical}textarea:focus-visible{outline:3px solid #df8e16;outline-offset:2px}@media(max-width:760px){.fit-grid{grid-template-columns:1fr}.fit-grid article{padding:25px}}

.checkout-test{border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.test-checkout{background:#edf0ff;border:1px solid #bac6ff;border-radius:30px;color:var(--blue);padding:12px 18px;font:600 13px 'Space Grotesk',sans-serif;cursor:pointer;width:100%}.test-checkout:disabled{opacity:.6;cursor:wait}