/* Shareadeck: the user's existing deck becomes the experience. */
.hero{display:grid;grid-template-columns:1fr 1.06fr;gap:25px;min-height:720px;padding:65px 0 70px}.hero h1{font-size:clamp(4.3rem,6.8vw,7.2rem);line-height:.9;letter-spacing:-.065em;margin-top:24px}.hero h1>span{color:var(--blue)}.hero-lede{font-size:1.11rem;line-height:1.5;max-width:430px;margin-top:28px}.brand-promise{font-size:1rem;font-weight:700;line-height:1.35;margin-top:22px;max-width:410px}.hero-actions{gap:22px;margin-top:28px}.hero-actions .button{font-size:.95rem;padding:17px 22px;gap:18px}.hero-actions .text-button{font-size:.84rem}.hero .micro{font-size:.75rem;margin-top:20px}.hero-studio{position:relative;isolation:isolate;height:535px;min-width:0}.hero-studio>.hero-rainbow{width:780px;height:600px;max-width:none;position:absolute;right:-92px;top:-55px;opacity:.62;transform:rotate(-12deg);z-index:-1}.source-document{position:absolute;left:0;top:6px;width:209px;height:275px;background:var(--ivory);color:var(--north);border:1.5px solid var(--ink);padding:17px;transform:rotate(-10deg);box-shadow:4px 5px 0 #82857b;z-index:0}.source-document>span:first-child{font-size:.48rem;color:var(--ink);letter-spacing:.07em;display:block;border-bottom:1px solid #193d3455;padding-bottom:10px}.source-document>.north-logo{font-size:.57rem;display:inline-flex;margin-top:14px}.north-logo>small{font:400 .44em/1 Arial,sans-serif;letter-spacing:.4em}.source-document h3{font:400 1.2rem/1 Georgia,serif;letter-spacing:-.04em;margin-top:15px}.source-document>img{width:100%;height:67px;object-fit:cover;margin-top:13px}.source-document>p{font-size:.45rem;position:absolute;bottom:10px}.source-tiny-bars{display:flex;height:28px;gap:6px;align-items:end;position:absolute;bottom:32px;right:17px}.source-tiny-bars>i{display:block;background:#193d3499;width:13px;height:40%}.source-tiny-bars>i:nth-child(2){height:58%}.source-tiny-bars>i:nth-child(3){height:77%}.source-tiny-bars>i:nth-child(4){height:100%}.hero-canvas{position:absolute;right:2px;left:77px;top:59px;min-height:367px;background:var(--north);border:2px solid var(--ink);border-radius:8px;box-shadow:8px 10px 0 var(--ink);overflow:hidden;transform:rotate(4deg);z-index:2}.canvas-chrome{display:flex;align-items:center;justify-content:space-between;padding:11px 13px;background:var(--cream);color:var(--ink);font-size:.51rem;border-bottom:1.5px solid var(--ink)}.canvas-chrome>span:first-child{letter-spacing:2px;font-size:.45rem}.canvas-site{padding:21px;color:var(--ivory);position:relative;overflow:hidden}.canvas-brand{font:700 .63rem/1 Arial,sans-serif;letter-spacing:.07em;display:flex;justify-content:space-between}.canvas-brand>span{font-size:.4rem;font-weight:400;letter-spacing:.22em}.canvas-title{font:400 2.65rem/.94 Georgia,serif;letter-spacing:-.06em;margin-top:24px;position:relative;z-index:2}.canvas-title>em{font-style:normal;color:var(--terra);background:linear-gradient(transparent 75%,#e8754933 75%);background-size:200% 100%;animation:line-shine 6s ease-in-out infinite}.canvas-title>span{display:inline-block;animation:small-type-reveal 7s ease-in-out infinite}.canvas-visual{height:135px;position:relative;overflow:hidden;margin-top:23px}.canvas-visual>img{width:100%;height:100%;object-fit:cover;animation:camera-drift 11s ease-in-out infinite alternate}.canvas-photo-note{position:absolute;bottom:9px;left:10px;color:var(--north);background:var(--ivory);font:400 .4rem/1 Arial,sans-serif;padding:6px 8px}.canvas-dot{width:13px;height:13px;border:1.5px solid var(--ivory);border-radius:50%;background:var(--terra);box-shadow:0 0 0 5px #faf5e744;position:absolute;animation:photo-pulse 3s infinite}.dot-one{left:26%;top:35%}.dot-two{right:21%;top:59%;animation-delay:1s}.canvas-site>p{font:400 .56rem/1.5 Arial,sans-serif;max-width:270px;margin-top:15px}.canvas-footer{display:block;font:400 .39rem/1 Arial,sans-serif;letter-spacing:.1em;margin-top:18px}.hero-graph-card{position:absolute;left:18px;bottom:13px;width:211px;border:2px solid var(--ink);border-radius:7px;background:var(--cream);color:var(--north);padding:14px 17px;transform:rotate(-7deg);box-shadow:5px 6px 0 var(--ink);z-index:3}.hero-graph-card>span{font-size:.43rem;font-weight:700;letter-spacing:.04em}.hero-graph-card>div:nth-child(2){display:flex;align-items:end;gap:11px;margin-top:12px}.hero-graph-card strong{font:400 2.5rem/.9 Georgia,serif;letter-spacing:-.07em}.hero-graph-card>div>span{font-size:.41rem;margin-bottom:4px}.hero-live-bars{display:flex;align-items:end;height:60px;gap:10px;margin-top:10px;padding:0 3px 0;border-bottom:1px solid var(--north)}.hero-live-bars>i{display:block;background:var(--north);width:100%;height:39%;transform-origin:bottom;animation:chart-grow 7s cubic-bezier(.2,.8,.2,1) infinite}.hero-live-bars>i:nth-child(2){height:58%;animation-delay:.1s}.hero-live-bars>i:nth-child(3){height:77%;animation-delay:.2s}.hero-live-bars>i:nth-child(4){height:100%;background:var(--terra);animation-delay:.3s}.hero-graph-card>small{font-size:.37rem;letter-spacing:.02em;display:block;margin-top:8px}.hero-proof{position:absolute;right:-19px;top:18px;z-index:3;transform:rotate(10deg);padding:14px 17px;border:2px solid var(--ink);background:var(--yellow);color:var(--ink);font-size:.83rem;line-height:1.12;font-weight:700;letter-spacing:-.03em;box-shadow:3px 4px 0 var(--ink)}.hero-switch{display:flex;position:absolute;right:0;bottom:10px;gap:0;border:1.5px solid var(--ink);border-radius:5px;overflow:hidden;background:var(--cream);box-shadow:3px 3px 0 var(--ink);z-index:4;transform:rotate(3deg)}.hero-switch>button{font-size:.55rem;line-height:1.1;padding:11px 12px;background:var(--cream);font-weight:700}.hero-switch>button+button{border-left:1px solid var(--ink)}.hero-switch>button[aria-pressed=true]{background:var(--yellow)}.hero-canvas.is-static .canvas-title>span,.hero-canvas.is-static .canvas-title>em,.hero-canvas.is-static .canvas-visual>img,.hero-canvas.is-static .canvas-dot{animation:none!important}.hero-canvas.is-static .canvas-title>em{color:var(--ivory);background:none}.hero-canvas.is-static .canvas-dot,.hero-canvas.is-static .canvas-photo-note{opacity:0}.hero-canvas.is-static{transform:rotate(0);transition:transform .5s}.hero-canvas.is-static~.hero-graph-card i{animation:none!important}.transformation{padding-top:90px}.transformation-heading{display:flex;align-items:end;justify-content:space-between;gap:50px}.transformation-heading h2{font-size:clamp(2.6rem,4.8vw,4.7rem);line-height:.98;margin-top:22px}.transformation-heading h2>span{color:var(--blue)}.transformation-heading>p{font-size:1.03rem;max-width:335px;margin-bottom:6px}.comparison-controls{display:flex;gap:13px;margin-top:40px}.comparison-controls>button{background:var(--cream);border:2px solid var(--ink);border-bottom:0;border-radius:6px 6px 0 0;padding:16px 24px;font-size:.89rem;font-weight:700;display:flex;gap:18px;align-items:center}.comparison-controls>button[aria-pressed=true]{background:var(--yellow)}.comparison-controls b{font-size:1.3rem}.inline-browser{border:2px solid var(--ink);border-radius:0 7px 7px 7px;box-shadow:8px 9px 0 var(--ink);overflow:hidden;background:#e0e0d9}.inline-browser-bar{background:var(--cream);border-bottom:2px solid var(--ink);display:flex;justify-content:space-between;gap:20px;align-items:center;padding:12px 20px;font-size:.67rem}.inline-browser-bar .text-button{font-size:.68rem;padding:3px 0}.inline-browser-bar .traffic{font-size:.6rem}.inline-pdf{height:650px;overflow:auto;padding:25px;background:#dcded7}.pdf-page.north-pdf{background:var(--ivory);color:var(--north);max-width:720px;min-height:310px;margin:0 auto 25px;padding:43px;box-shadow:0 3px 9px #0002;border:1px solid #a9aaa0}.north-pdf .north-logo{font-size:.92rem}.north-pdf h3{font:400 2.45rem/.99 Georgia,serif;letter-spacing:-.05em;margin-top:33px}.north-pdf p{font:400 .91rem/1.5 Arial,sans-serif;max-width:470px;margin-top:21px}.north-pdf .pdf-page-no{display:block;font-size:.55rem;letter-spacing:.04em;border-top:1px solid #193d3433;padding-top:17px;margin-top:30px}.pdf-source-photo{width:100%;height:210px;object-fit:cover;margin-top:23px}.pdf-data{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;border-top:1px solid var(--north);border-bottom:1px solid var(--north);padding:20px 0;margin-top:26px;font-family:Arial,sans-serif}.pdf-data>span{font-size:.75rem}.pdf-data b{display:block;font:400 2.2rem/1 Georgia,serif;margin-top:10px}.comparison-footer{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-top:25px}.comparison-footer>p{font-size:.78rem;max-width:750px;line-height:1.4}.comparison-footer>.text-button{font-size:.82rem;white-space:nowrap}.feature-transformations{padding:105px 0}.feature-transformations .section-heading>p:last-child{font-size:1.1rem}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:27px;margin-top:43px}.feature-card{border:2px solid var(--ink);border-radius:8px;box-shadow:6px 6px 0 var(--ink);padding:22px;text-align:left;overflow:hidden;position:relative;color:var(--ink);transition:transform .2s,box-shadow .2s}.feature-card:hover{transform:translateY(-6px);box-shadow:7px 12px 0 var(--ink)}.text-feature{background:var(--yellow)}.image-feature{background:#b7d8fe}.chart-feature{background:var(--pink)}.feature-before{font-size:.58rem;letter-spacing:.07em;font-weight:700;display:block}.feature-type{font:400 2.5rem/1 Georgia,serif;letter-spacing:-.055em;color:var(--north);height:175px;padding-top:42px;position:relative}.feature-type>em{font-style:normal;position:relative;z-index:2}.feature-type>i{position:absolute;left:0;right:10px;height:14px;top:110px;background:#e8754977;transform:rotate(-3deg);animation:highlight-grow 7s ease-in-out infinite;transform-origin:left}.feature-after{display:block;font-size:1.55rem;letter-spacing:-.045em;font-weight:700;margin-top:8px}.feature-card>p{font-size:.88rem;line-height:1.4;margin-top:12px;min-height:42px}.feature-try{font-size:.57rem;font-weight:700;letter-spacing:.06em;display:block;margin-top:25px;border-top:1px solid #17171455;padding-top:17px}.feature-photo{position:relative;height:154px;margin:21px -22px 0;overflow:hidden}.feature-photo>img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.feature-card:hover .feature-photo>img{transform:scale(1.12)}.feature-photo>i{display:grid;place-items:center;border:1px solid var(--north);border-radius:50%;width:23px;height:23px;background:var(--ivory);font:400 .6rem/1 Arial,sans-serif;position:absolute;top:35%;left:17%;box-shadow:0 0 0 4px #faf5e755}.feature-photo>i+i{left:73%;top:58%}.feature-chart{height:175px;padding:35px 18px 18px;position:relative;display:flex;align-items:end;gap:17px;color:var(--north)}.feature-chart>i{display:block;height:42%;background:var(--north);width:100%;max-width:43px;position:relative;transform-origin:bottom;animation:chart-grow 8s ease-in-out infinite}.feature-chart>i:nth-child(2){height:59%;animation-delay:.12s}.feature-chart>i:nth-child(3){height:77%;animation-delay:.24s}.feature-chart>i:nth-child(4){height:100%;background:var(--ivory);border:1px solid var(--north);animation-delay:.36s}.feature-chart>i>span{position:absolute;top:-17px;left:0;right:0;text-align:center;font:400 .55rem/1 Arial,sans-serif}.feature-chart>b{position:absolute;background:var(--north);color:var(--ivory);padding:8px 10px;font:.59rem/1 Arial,sans-serif;right:0;top:13px;border-radius:4px;transform:rotate(6deg)}.brand-fidelity{background:var(--blue);color:var(--cream);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);padding:95px 0;overflow:hidden}.fidelity-grid{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:80px}.fidelity-grid h2{font-size:clamp(3.8rem,6vw,5.8rem);line-height:.93;margin-top:23px}.fidelity-grid h2>span{color:var(--yellow)}.fidelity-grid>div>p:not(.eyebrow){font-size:1.06rem;max-width:410px;line-height:1.5;margin-top:28px}.fidelity-grid .button{margin-top:28px;font-size:.9rem;color:var(--ink)}.fidelity-grid small{display:block;font-size:.7rem;line-height:1.4;max-width:420px;margin-top:25px;color:#d8e2ff}.fidelity-art{height:445px;position:relative}.brand-origin{position:absolute;left:0;top:0;width:225px;height:270px;padding:24px;background:var(--ivory);color:var(--north);border:2px solid var(--ink);border-radius:7px;transform:rotate(-8deg);box-shadow:6px 7px 0 var(--ink)}.brand-origin>span:first-child,.brand-destination>span:first-child{font-size:.52rem;letter-spacing:.05em;display:block;border-bottom:1px solid #193d3433;padding-bottom:12px}.brand-origin>.north-logo{margin-top:21px;font-size:1.14rem}.brand-origin>strong{font:400 4.4rem/1 Georgia,serif;letter-spacing:-.08em;display:block;margin-top:16px}.brand-origin>p{font:.61rem/1.2 Arial,sans-serif;margin-top:8px}.brand-origin>div,.brand-destination>div{display:flex;gap:8px;margin-top:17px}.brand-origin>div>i,.brand-destination>div>i{display:block;width:24px;height:24px;background:var(--north);border:1px solid var(--north)}.brand-origin>div>i:nth-child(2),.brand-destination>div>i:nth-child(2){background:var(--ivory)}.brand-origin>div>i:nth-child(3),.brand-destination>div>i:nth-child(3){background:var(--terra)}.brand-destination{position:absolute;right:0;bottom:0;width:320px;background:var(--ivory);color:var(--north);padding:23px;border:2px solid var(--ink);border-radius:7px;box-shadow:7px 8px 0 var(--ink);transform:rotate(6deg);z-index:2}.brand-destination>.north-logo{font-size:.8rem;margin-top:20px}.brand-destination h3{font:400 2.35rem/.95 Georgia,serif;letter-spacing:-.065em;margin-top:23px}.brand-destination>img{height:115px;width:100%;object-fit:cover;margin-top:19px}.brand-destination>div{margin-top:15px}.brand-destination>div>i{height:16px;width:16px}.fidelity-stamp{position:absolute;right:-28px;top:0;border:2px solid var(--ink);border-radius:50%;height:109px;width:109px;background:var(--yellow);color:var(--ink);display:grid;place-content:center;text-align:center;font-size:1.3rem;font-weight:700;line-height:.88;letter-spacing:-.04em;transform:rotate(12deg);z-index:3;box-shadow:3px 4px 0 var(--ink)}.how{padding:95px 0}.how .section-heading h2{font-size:clamp(2.8rem,4.8vw,4.7rem)}.how .section-heading>p:last-child{font-size:1.12rem}.steps{gap:35px;margin-top:45px}.steps article{border-top:2px solid var(--ink);padding-top:24px}.steps .step-no{width:35px;height:35px;font-size:.76rem;margin-bottom:24px}.steps h3{font-size:1.8rem}.steps p{font-size:.98rem;min-height:85px;margin-top:15px}.process-visual{height:180px;border:2px solid var(--ink);border-radius:5px;padding:20px;position:relative;overflow:hidden;margin-top:20px}.process-visual>span{display:block;font-size:.5rem;font-weight:700;letter-spacing:.06em}.source-visual{background:var(--cream);transform:rotate(-2deg);box-shadow:5px 5px 0 #bcbdb1}.source-visual>b{font-size:2rem;letter-spacing:-.05em;line-height:.95;display:block;margin-top:22px}.source-visual>i{font-style:normal;position:absolute;right:15px;bottom:15px;background:var(--yellow);border:1px solid var(--ink);padding:7px 9px;font-size:.55rem;font-weight:700}.tokens-visual{background:#dcebd8;transform:rotate(2deg)}.tokens-visual>b{font:400 3.7rem/1 Georgia,serif;display:block;margin-top:19px}.tokens-visual>b>em{font:400 2.5rem/1 Arial,sans-serif}.tokens-visual>div{display:flex;gap:8px;position:absolute;right:17px;bottom:19px}.tokens-visual>div>i{width:18px;height:18px;background:var(--north);border:1px solid var(--north);border-radius:50%}.tokens-visual>div>i:nth-child(2){background:var(--ivory)}.tokens-visual>div>i:nth-child(3){background:var(--terra)}.link-visual{background:var(--pink);transform:rotate(-2deg);box-shadow:4px 4px 0 var(--ink)}.link-visual>b{display:block;font-size:1.65rem;letter-spacing:-.045em;line-height:1;margin-top:26px}.link-visual>small{display:block;font-size:.48rem;letter-spacing:.045em;margin-top:20px}.motion-lab{padding:80px 0;background:#dce8ff;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}.motion-lab-head{display:flex;align-items:end;justify-content:space-between;gap:35px}.motion-lab-head h2{font-size:clamp(2.9rem,4.8vw,4.8rem);line-height:.98;margin-top:22px}.motion-lab-head h2>span{color:var(--blue)}.motion-lab-head>p{font-size:1.1rem;margin-bottom:6px}.motion-lab-stage{display:grid;grid-template-columns:.85fr 1.15fr;gap:35px;align-items:center;margin-top:42px}.still-film,.big-film{border:2px solid var(--ink);border-radius:7px;overflow:hidden;background:var(--cream);box-shadow:6px 7px 0 var(--ink)}.still-film{transform:rotate(-3deg);filter:saturate(.85)}.big-film{transform:rotate(2deg)}.still-film>span,.big-film>span{display:block;padding:13px 17px;font-size:.6rem;letter-spacing:.08em;font-weight:700;border-bottom:1.5px solid var(--ink)}.still-film>img,.big-film>video{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.motion-caption{font-size:.74rem;line-height:1.45;max-width:950px;margin-top:28px}.pricing{padding:100px 0}.faq{padding-bottom:95px}.closing{padding:83px 0;min-height:515px;background:var(--pink)}.closing h2{font-size:clamp(3.7rem,6.85vw,6.9rem);line-height:.93;max-width:1100px}.closing>img{width:880px;height:660px;object-fit:contain;right:-235px;top:-15px;opacity:.85}.closing .eyebrow{position:relative;z-index:2}.footer{padding-bottom:15px}.footer>p{font-size:.83rem}.motion-toggle{position:fixed;left:15px;bottom:14px;z-index:20;background:var(--cream);border:1.5px solid var(--ink);border-radius:100px;padding:9px 13px;box-shadow:2px 2px 0 var(--ink);font-size:.69rem;font-weight:700}.motion-toggle:before{content:'Ⅱ';margin-right:7px}.motion-toggle[aria-pressed=true]:before{content:'▷'}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused .reveal-line{animation:none!important}body:has(dialog[open])>.motion-toggle{display:none}.sample-thumbnail{background:var(--north);color:var(--ivory);position:relative}.sample-thumbnail b{font:400 1.6rem/.98 Georgia,serif;letter-spacing:-.04em;position:relative;z-index:2}.sample-thumbnail img{position:absolute;bottom:0;left:0;right:0;width:100%;height:60%;object-fit:cover;transform:none}.sample-choice{background:var(--yellow)}.sample-brand-explainer{font-size:.77rem;line-height:1.5;margin-bottom:22px;border-left:3px solid var(--blue);padding-left:12px;max-width:510px}.style-buttons .swatches>i:first-child,.style-buttons .swatches.clean>i:first-child,.style-buttons .swatches.editorial>i:first-child{background:var(--north)}.style-buttons .swatches>i:nth-child(2),.style-buttons .swatches.clean>i:nth-child(2),.style-buttons .swatches.editorial>i:nth-child(2){background:var(--ivory)}.style-buttons .swatches>i:nth-child(3),.style-buttons .swatches.clean>i:nth-child(3),.style-buttons .swatches.editorial>i:nth-child(3){background:var(--terra)}.live-mini,.live-mini.theme-clean,.live-mini.theme-editorial{background:var(--north)!important;color:var(--ivory)!important;height:365px;font-family:Arial,sans-serif}.live-mini>.live-brand{font-size:.66rem;letter-spacing:.06em}.live-mini>.live-welcome{font-size:.7rem;max-width:290px;line-height:1.4}.live-mini>strong,.live-mini.theme-clean>strong,.live-mini.theme-editorial>strong{font:400 2.7rem/.97 Georgia,serif!important;letter-spacing:-.06em!important;margin-top:20px}.live-mini>img,.live-mini.theme-clean>img,.live-mini.theme-editorial>img{width:100%;height:125px;position:absolute;left:0;right:0;top:auto;bottom:32px;object-fit:cover;filter:none;mix-blend-mode:normal;opacity:1;transform:none}.live-mini>.live-foot{font-size:.48rem;bottom:13px;letter-spacing:.07em}.result-title h2{font-size:3.2rem}.result-mini{margin-top:3px}.builder .source-grid{margin-top:30px}.builder .result-title .preview-ready{white-space:normal;text-align:center;max-width:200px}.builder .builder-top .demo-label{max-width:190px;text-align:center}.builder .builder-intro{max-width:760px}
/* Comfortable controls in the working sample; miniature source slides remain visual previews. */
.transform-deck .panel-label{font-size:.68rem}.transform-deck .source-note{font-size:.75rem}.transform-deck .interaction-hint{font-size:.63rem}.transform-deck .chapter-heading>div>p{font-size:.68rem}.transform-deck .north-body{font-size:.88rem!important}.transform-deck .text-controls>button,.transform-deck .image-mode-tabs button,.transform-deck .chart-filters button{font-size:.72rem}.transform-deck .photo-zoom{font-size:.75rem}.transform-deck .photo-detail span{font-size:.7rem}.transform-deck .photo-detail b{font-size:1.05rem}.transform-deck .chart-header>p{font-size:.8rem}.transform-deck .chart-header>div>span{font-size:.65rem}.transform-deck .chart-footnote,.transform-deck .motion-study>span{font-size:.69rem}.transform-deck .brand-readout{font-size:.78rem}.transform-deck .brand-inspect>button{font-size:.75rem}.transform-deck .brand-font>span{font-size:.6rem}.transform-deck .brand-font>p{font-size:.91rem}.transform-deck .brand-swatches>button{font-size:.6rem}.transform-deck .deck-current>span{font-size:.82rem}.transform-deck .deck-navigation>span:not(.deck-current){font-size:.62rem}.transform-deck .thumb-caption{font-size:.62rem}.transform-deck .thumb-caption>b{font-size:.6rem}.transform-deck .source-brandbar>b{font-size:.6rem}.transform-deck .source-brandbar>span:not(.north-logo){font-size:.6rem}.transform-deck .north-chart.is-interactive .north-bar>span{font-size:.74rem}.transform-deck .north-chart.is-interactive .north-bar>b{font-size:.64rem}.transform-deck .north-site-hero p,.transform-deck .north-space p,.transform-deck .north-progress p{font-size:.8rem}.transform-deck .north-button{font-size:.74rem}.transform-deck .north-site>nav button{font-size:.7rem}
@keyframes camera-drift{from{transform:scale(1) translateX(0)}to{transform:scale(1.15) translateX(-2%)}}@keyframes photo-pulse{0%,100%{box-shadow:0 0 0 4px #faf5e744}50%{box-shadow:0 0 0 8px #faf5e711}}@keyframes chart-grow{0%,8%{transform:scaleY(.2)}30%,100%{transform:scaleY(1)}}@keyframes highlight-grow{0%,10%{transform:rotate(-3deg) scaleX(.1)}40%,100%{transform:rotate(-3deg) scaleX(1)}}@keyframes line-shine{0%,15%{background-position:100% 0}60%,100%{background-position:0 0}}@keyframes small-type-reveal{0%,8%{opacity:.35;transform:translateY(5px)}30%,100%{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){.hero-studio{height:585px}.hero-canvas{top:73px;left:93px;right:0}.canvas-title{font-size:3rem}.canvas-visual{height:155px}.source-document{width:235px;height:310px;top:7px;padding:22px}.source-document h3{font-size:1.35rem}.source-document>img{height:87px}.hero-graph-card{width:240px;bottom:21px;padding:18px 21px}.hero-live-bars{height:67px}.hero-switch{bottom:15px}.hero-proof{right:-23px;top:15px}.hero-studio>.hero-rainbow{width:820px;right:-100px}}
@media(max-width:1100px){.hero{gap:30px;min-height:670px;padding:55px 0 65px}.hero h1{font-size:6.85vw}.hero-lede{font-size:1rem}.brand-promise{font-size:.94rem}.hero-actions{gap:20px}.hero-actions .button{font-size:.85rem;padding:16px 18px;gap:12px}.hero-actions .text-button{font-size:.77rem}.hero-studio{height:495px}.hero-canvas{left:45px;right:0;top:68px;min-height:0}.canvas-site{padding:18px}.canvas-title{font-size:2.2rem;margin-top:22px}.canvas-visual{height:115px;margin-top:20px}.canvas-site>p{font-size:.5rem;margin-top:13px}.canvas-footer{font-size:.34rem;margin-top:15px}.canvas-chrome{font-size:.44rem;padding:10px 11px}.canvas-brand{font-size:.52rem}.source-document{width:177px;height:234px;padding:14px;left:-4px;top:3px}.source-document>span:first-child{font-size:.4rem}.source-document>.north-logo{font-size:.48rem}.source-document h3{font-size:1rem;margin-top:13px}.source-document>img{height:55px;margin-top:12px}.source-document>p{font-size:.38rem}.hero-graph-card{width:184px;left:0;bottom:14px;padding:12px 14px}.hero-graph-card>span{font-size:.36rem}.hero-live-bars{height:47px}.hero-graph-card strong{font-size:2.1rem}.hero-graph-card>small{font-size:.33rem}.hero-graph-card>div>span{font-size:.36rem}.hero-proof{font-size:.7rem;right:-15px;padding:12px 14px;top:17px}.hero-switch{right:-6px;bottom:3px}.hero-switch button{font-size:.47rem;padding:10px}.hero-studio>.hero-rainbow{width:650px;height:540px;right:-100px;top:-50px}.transformation-heading{gap:30px}.transformation-heading>p{font-size:.95rem;max-width:270px}.feature-grid{gap:20px}.feature-card{padding:19px}.feature-photo{margin-left:-19px;margin-right:-19px}.feature-type{font-size:2.15rem}.feature-type>i{top:103px}.feature-after{font-size:1.35rem}.feature-card>p{font-size:.82rem}.fidelity-grid{gap:50px}.fidelity-art{height:410px}.brand-origin{width:192px;height:250px;padding:21px}.brand-origin>.north-logo{font-size:.96rem}.brand-origin>strong{font-size:3.8rem}.brand-destination{width:270px;padding:20px;bottom:0;right:-6px}.brand-destination h3{font-size:2rem}.brand-destination>img{height:98px}.fidelity-stamp{width:90px;height:90px;font-size:1.12rem;right:-14px}.fidelity-grid h2{font-size:5.6vw}.fidelity-grid>div>p:not(.eyebrow){font-size:1rem}.steps p{font-size:.91rem;min-height:105px}.process-visual{height:165px;padding:18px}.source-visual>b{font-size:1.75rem}.link-visual>b{font-size:1.4rem}.tokens-visual>b{font-size:3.3rem}.process-visual>span{font-size:.44rem}.motion-lab-stage{gap:27px}.transform-deck .text-controls>button{font-size:.64rem}.transform-deck .source-brandbar>span:not(.north-logo){max-width:240px;line-height:1.35;font-size:.5rem}.transform-deck .brand-swatches>button{font-size:.47rem}}
@media(max-width:760px){.header{gap:16px}.hero{grid-template-columns:1fr;padding:42px 0 33px;gap:0;min-height:0}.hero h1{font-size:14vw;line-height:.9;margin-top:22px}.hero .eyebrow{font-size:.61rem;max-width:310px}.hero-lede{font-size:1rem;max-width:520px;margin-top:24px}.brand-promise{font-size:.94rem;margin-top:20px;max-width:none}.hero-actions{gap:21px;margin-top:25px}.hero-actions .button{font-size:.86rem;min-height:51px;padding:15px 19px;gap:16px}.hero-actions .text-button{font-size:.83rem}.hero .micro{font-size:.69rem;max-width:340px;margin-top:18px}.hero-studio{height:471px;max-width:430px;width:100%;margin:36px auto 0}.hero-canvas{left:50px;right:4px;top:61px;box-shadow:6px 7px 0 var(--ink)}.canvas-site{padding:18px}.canvas-title{font-size:2.22rem;line-height:.94;margin-top:23px}.canvas-chrome{padding:9px 10px;font-size:.42rem}.canvas-chrome>span:first-child{font-size:.34rem;letter-spacing:1px}.canvas-brand{font-size:.48rem}.canvas-brand>span{font-size:.32rem}.canvas-visual{height:116px;margin-top:20px}.canvas-site>p{font-size:.5rem;margin-top:13px}.canvas-footer{font-size:.31rem;margin-top:14px}.canvas-photo-note{font-size:.32rem;padding:5px 6px;bottom:8px;left:8px}.canvas-dot{height:10px;width:10px}.source-document{width:163px;height:225px;left:0;top:3px;padding:14px}.source-document>span:first-child{font-size:.36rem;padding-bottom:9px}.source-document>.north-logo{font-size:.45rem;margin-top:13px}.source-document h3{font-size:.9rem;margin-top:13px}.source-document>img{height:55px;margin-top:12px}.source-document>p{font-size:.34rem;bottom:9px}.source-tiny-bars{right:14px;bottom:29px;height:22px;gap:5px}.source-tiny-bars>i{width:10px}.hero-proof{right:0;top:4px;padding:11px 13px;font-size:.65rem;line-height:1.08;box-shadow:2px 3px 0 var(--ink)}.hero-graph-card{left:4px;bottom:17px;width:170px;padding:12px 13px;box-shadow:4px 5px 0 var(--ink);transform:rotate(-8deg)}.hero-graph-card>span{font-size:.33rem}.hero-graph-card>div:nth-child(2){gap:9px;margin-top:11px}.hero-graph-card strong{font-size:2rem}.hero-graph-card>div>span{font-size:.33rem}.hero-live-bars{height:48px;gap:9px;margin-top:8px}.hero-graph-card>small{font-size:.29rem;margin-top:7px}.hero-switch{right:1px;bottom:1px;transform:rotate(3deg)}.hero-switch>button{font-size:.43rem;padding:10px 9px}.hero-studio>.hero-rainbow{width:570px;height:500px;right:-83px;top:-26px}.transformation{padding-top:59px}.transformation-heading{display:block}.transformation-heading h2{font-size:2.7rem;line-height:.99;margin-top:20px}.transformation-heading>p{font-size:.96rem;max-width:none;margin-top:23px}.comparison-controls{gap:8px;margin-top:30px}.comparison-controls>button{font-size:.72rem;padding:13px 12px;line-height:1.25;flex:1;text-align:left;gap:8px}.comparison-controls>button>b{display:none}.inline-browser{box-shadow:5px 6px 0 var(--ink);border-radius:0 5px 5px 5px}.inline-browser-bar{font-size:.45rem;gap:10px;padding:11px 12px}.inline-browser-bar .traffic{font-size:.4rem;letter-spacing:1px}.inline-browser-bar .text-button{font-size:.49rem;line-height:1.2;max-width:67px}.inline-pdf{height:700px;padding:17px}.pdf-page.north-pdf{padding:25px 22px;min-height:280px}.north-pdf .north-logo{font-size:.7rem}.north-pdf h3{font-size:1.9rem;margin-top:28px}.north-pdf p{font-size:.76rem;line-height:1.5;margin-top:19px}.north-pdf .pdf-page-no{font-size:.45rem;line-height:1.4;margin-top:27px}.pdf-source-photo{height:175px}.pdf-data{gap:10px;padding:18px 0}.pdf-data>span{font-size:.57rem}.pdf-data b{font-size:1.7rem}.comparison-footer{display:block;margin-top:20px}.comparison-footer>p{font-size:.71rem;max-width:none}.comparison-footer>.text-button{font-size:.81rem;margin-top:17px}.feature-transformations{padding:64px 0}.feature-transformations .section-heading h2{font-size:3.05rem}.feature-transformations .section-heading>p:last-child{font-size:1rem;margin-top:23px}.feature-grid{grid-template-columns:1fr;gap:27px;margin-top:33px}.feature-card{padding:24px;max-width:520px;width:100%;margin:auto;box-shadow:5px 5px 0 var(--ink)}.feature-before{font-size:.63rem}.feature-type{font-size:3.1rem;height:200px;padding-top:47px}.feature-type>i{top:128px;max-width:295px;height:18px}.feature-after{font-size:1.8rem;margin-top:11px}.feature-card>p{font-size:.99rem;min-height:0;margin-top:13px}.feature-try{font-size:.63rem;margin-top:27px;padding-top:17px}.feature-photo{height:205px;margin:23px -24px 0}.feature-photo>i{height:28px;width:28px;font-size:.74rem}.feature-chart{height:200px;padding-top:45px;gap:23px;justify-content:space-between}.feature-chart>i{max-width:51px}.feature-chart>i>span{font-size:.69rem;top:-21px}.feature-chart>b{font-size:.75rem;top:19px;padding:9px 12px}.brand-fidelity{padding:64px 0 70px}.fidelity-grid{grid-template-columns:1fr;gap:43px}.fidelity-grid h2{font-size:3.55rem;margin-top:21px}.fidelity-grid>div>p:not(.eyebrow){font-size:1rem;max-width:none;margin-top:25px}.fidelity-grid .button{font-size:.86rem;min-height:50px;padding:15px 20px;margin-top:24px}.fidelity-grid small{font-size:.73rem;margin-top:23px}.fidelity-art{height:440px;max-width:410px;width:100%;margin:auto}.brand-origin{width:178px;height:241px;padding:20px;left:1px;top:0}.brand-origin>span:first-child,.brand-destination>span:first-child{font-size:.44rem}.brand-origin>.north-logo{font-size:.92rem;margin-top:21px}.brand-origin>strong{font-size:3.75rem}.brand-origin>p{font-size:.56rem}.brand-origin>div>i{width:22px;height:22px}.brand-destination{width:255px;padding:20px;right:2px;bottom:0;box-shadow:5px 6px 0 var(--ink)}.brand-destination h3{font-size:2rem;margin-top:21px}.brand-destination>.north-logo{font-size:.69rem}.brand-destination>img{height:111px;margin-top:18px}.brand-destination>div>i{height:15px;width:15px}.fidelity-stamp{width:90px;height:90px;right:2px;top:10px;font-size:1.07rem;line-height:.9;box-shadow:2px 3px 0 var(--ink)}.how{padding:67px 0}.how .section-heading h2{font-size:2.9rem}.how .section-heading>p:last-child{font-size:1rem;max-width:none;margin-top:24px}.steps{margin-top:34px;grid-template-columns:1fr;gap:32px}.steps article{padding-left:0;padding-top:23px}.steps .step-no{position:static;display:inline-grid;vertical-align:middle;margin:0 11px 0 0;width:32px;height:32px;font-size:.7rem}.steps h3{font-size:1.63rem;display:inline;vertical-align:middle}.steps p{min-height:0;font-size:.96rem;margin-top:18px;max-width:none}.process-visual{margin-top:24px;height:175px;padding:22px}.process-visual>span{font-size:.55rem}.source-visual>b{font-size:2rem;margin-top:23px}.tokens-visual>b{font-size:3.7rem}.tokens-visual>b>em{font-size:2.7rem}.tokens-visual>div{right:24px;bottom:25px}.tokens-visual>div>i{height:23px;width:23px}.link-visual>b{font-size:1.9rem;margin-top:24px}.link-visual>small{font-size:.47rem;margin-top:16px}.motion-lab{padding:60px 0}.motion-lab-head{display:block}.motion-lab-head h2{font-size:2.85rem;margin-top:20px}.motion-lab-head>p{font-size:1rem;margin-top:22px}.motion-lab-stage{grid-template-columns:1fr;gap:29px;margin-top:35px}.still-film,.big-film{box-shadow:4px 5px 0 var(--ink)}.still-film{transform:rotate(-2deg);width:88%;margin-left:1%}.big-film{transform:rotate(2deg);width:95%;margin-left:5%}.still-film>span,.big-film>span{font-size:.56rem;padding:12px 15px}.motion-caption{font-size:.7rem;line-height:1.5;margin-top:25px}.pricing{padding:66px 0}.faq{padding-bottom:70px}.closing{padding:59px 0;min-height:410px}.closing h2{font-size:11.5vw;line-height:.94;margin-top:25px}.closing>img{width:550px;height:460px;max-width:none;right:-245px;top:3px;opacity:.7}.closing .eyebrow{max-width:270px}.footer{padding-bottom:55px}.footer>p{font-size:.72rem;max-width:125px}.motion-toggle{font-size:.6rem;bottom:12px;left:12px;padding:8px 11px}.sample-thumbnail b{font-size:1.25rem}.sample-thumbnail img{height:55%;width:100%;left:0;right:0;bottom:0;transform:none}.sample-brand-explainer{font-size:.75rem;margin-bottom:24px}.live-mini,.live-mini.theme-clean,.live-mini.theme-editorial{height:365px;padding:22px}.live-mini>strong,.live-mini.theme-clean>strong,.live-mini.theme-editorial>strong{font-size:2.7rem!important;max-width:300px}.live-mini>.live-welcome{font-size:.73rem;margin-top:20px}.live-mini>img,.live-mini.theme-clean>img,.live-mini.theme-editorial>img{height:129px;width:100%;bottom:31px;right:0;left:0}.live-mini>.live-foot{font-size:.45rem;bottom:12px}.builder .result-title h2{font-size:2.5rem}.transform-deck .panel-label{font-size:.57rem}.transform-deck .source-note{font-size:.66rem;line-height:1.45}.transform-deck .interaction-hint{font-size:.58rem;line-height:1.35}.transform-deck .chapter-heading>div>p{font-size:.57rem}.transform-deck .north-body{font-size:.8rem!important}.transform-deck .text-controls>button,.transform-deck .image-mode-tabs button,.transform-deck .chart-filters button{font-size:.63rem;padding:7px 8px}.transform-deck .photo-zoom{font-size:.69rem}.transform-deck .photo-detail span{font-size:.6rem}.transform-deck .photo-detail b{font-size:1rem}.transform-deck .chart-header>p{font-size:.72rem;max-width:130px}.transform-deck .chart-header>div>span{font-size:.59rem}.transform-deck .chart-footnote,.transform-deck .motion-study>span{font-size:.6rem}.transform-deck .brand-readout{font-size:.72rem}.transform-deck .brand-inspect>button{font-size:.71rem}.transform-deck .brand-font>span{font-size:.51rem}.transform-deck .brand-font>p{font-size:.76rem}.transform-deck .brand-swatches>button{font-size:.31rem}.transform-deck .deck-current>span{font-size:.71rem;max-width:170px}.transform-deck .thumb-caption{font-size:.54rem}.transform-deck .thumb-caption>b{font-size:.5rem}.transform-deck .source-brandbar>b{font-size:.5rem}.transform-deck .north-chart.is-interactive .north-bar>span{font-size:.72rem}.transform-deck .north-chart.is-interactive .north-bar>b{font-size:.62rem}.transform-deck .north-site-hero p,.transform-deck .north-space p,.transform-deck .north-progress p{font-size:.78rem}.transform-deck .north-button{font-size:.69rem}.transform-deck .north-site>nav button{font-size:.62rem}.transform-deck .brand-site p{font-size:.75rem}.result-mini .transform-deck .text-controls>button{font-size:.57rem}.result-mini .transform-deck .image-mode-tabs button{font-size:.55rem}.result-mini .transform-deck .deck-current>span{font-size:.63rem}}
@media(max-width:360px){.hero h1{font-size:13.7vw}.hero-studio{height:450px}.hero-canvas{left:33px;right:1px;top:65px}.canvas-site{padding:16px}.canvas-title{font-size:2.04rem}.canvas-visual{height:112px}.hero-graph-card{width:154px;left:0;bottom:15px;padding:11px 12px}.hero-live-bars{height:44px}.hero-graph-card>span{font-size:.29rem}.hero-graph-card>small{font-size:.26rem}.hero-graph-card strong{font-size:1.8rem}.hero-switch{right:-2px;bottom:0}.hero-switch>button{font-size:.39rem;padding:9px 7px}.hero-proof{right:0;font-size:.6rem;padding:11px 12px}.source-document{width:147px;height:210px;left:0;top:5px}.hero-studio>.hero-rainbow{width:520px;right:-88px}.transformation-heading h2{font-size:2.4rem}.comparison-controls>button{font-size:.64rem;padding:12px 10px}.feature-type{font-size:2.63rem}.feature-type>i{top:116px}.feature-card{padding:21px}.feature-photo{margin-left:-21px;margin-right:-21px}.feature-after{font-size:1.6rem}.fidelity-grid h2{font-size:3.2rem}.fidelity-art{height:415px}.brand-destination{width:231px;padding:18px;right:0}.brand-destination h3{font-size:1.82rem}.brand-origin{width:159px;padding:18px}.brand-origin>.north-logo{font-size:.77rem}.fidelity-stamp{width:78px;height:78px;font-size:.93rem}.how .section-heading h2{font-size:2.6rem}.motion-lab-head h2{font-size:2.6rem}.transform-deck .image-mode-tabs button{font-size:.54rem}.transform-deck .text-controls>button{font-size:.57rem}.transform-deck .deck-current>span{font-size:.63rem;max-width:143px}.transform-deck .north-text-experience h3{font-size:2.25rem}.live-mini>strong,.live-mini.theme-clean>strong,.live-mini.theme-editorial>strong{font-size:2.4rem!important}.transform-deck .chart-header>p{font-size:.65rem}.transform-deck .brand-swatches>button{font-size:.27rem}.chapter-heading h2{font-size:1.7rem!important}}
@media(prefers-reduced-motion:reduce){.canvas-title>span,.canvas-title>em,.canvas-visual>img,.canvas-dot,.hero-live-bars>i,.feature-type>i,.feature-chart>i{animation:none!important}.hero-canvas{transition:none!important}}